VENUS
Create Video Meetings in one-clicke.
No sign ups required. Open Source platform.


Join Room
gin-right: 0 } .album__stat svg { width: 14px; height: auto; fill: #fff; margin-right: 5px } @media (min-width:768px) { .album__stat { font-size: 13px } .album__stat span { margin-right: 20px } .album__stat span:last-child { margin-right: 0 } .album__stat svg { width: 16px } } @media (min-width:768px) { .event { margin-top: 30px; height: 320px } .event__title { font-size: 26px } } .single-item { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #222227; height: 58px } .single-item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; height: 48px } .single-item__number { color: silver; font-size: 22px; min-width: 20px; width: auto; font-family: Inter, sans-serif; font-weight: 400 } .single-item__rate { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 14px; color: silver; width: 24px; margin-right: 10px } .single-item__rate svg { fill: #25a56a; width: 20px; height: auto } .single-item__rate--red svg { fill: #eb5757 } .single-item__cover { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 8px; overflow: hidden; transition: .5s ease } .single-item__cover img { width: 48px; height: auto; opacity: 1; transition: opacity .5s ease; position: relative } .single-item__cover svg { position: absolute; opacity: 0; fill: #fff; width: 24px; height: auto; margin: 1px 0 0 1px; transition: .5s ease } .single-item__cover svg:last-child { opacity: 0 } .single-item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; height: 48px } .single-item__number { color: silver; font-size: 22px; min-width: 20px; width: auto; font-family: Inter, sans-serif; font-weight: 400 } .single-item__rate { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 14px; color: silver; width: 24px; margin-right: 10px } .single-item__rate svg { fill: #25a56a; width: 20px; height: auto } .single-item__rate--red svg { fill: #eb5757 } .single-item__cover { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 8px; overflow: hidden; transition: .5s ease } .single-item__cover img { width: 48px; height: auto; opacity: 1; transition: opacity .5s ease; position: relative } .single-item__cover svg { position: absolute; opacity: 0; fill: #fff; width: 24px; height: auto; margin: 1px 0 0 1px; transition: .5s ease } .single-item__cover svg:last-child { opacity: 0 } .single-item__cover:hover svg { fill: #25a56a } .single-item__cover.active { background-color: #000 } .single-item__cover.active img { opacity: .35 } .single-item__cover.active svg { fill: #25a56a } .single-item__cover.pause svg { opacity: 1 } .single-item__cover.pause svg:last-child { opacity: 0 } .single-item__cover.play svg { opacity: 0 } .single-item__cover.play svg:last-child { opacity: 1 } .u-layout-row>.u-size-30 { flex: 0 0 50%; max-width: 50% } a { text-decoration: none } .al-spotify-playlist { padding-top: 40px!important } .u-section-1 .u-sheet-1 { min-height: 500px } .u-section-1 .u-layout-wrap-1 { margin-top: 60px; margin-bottom: 60px; position: relative } .u-section-1 .u-layout-cell-1 { min-height: 400px } .u-section-1 .u-container-layout-1 { padding: 30px } .u-section-1 .u-text-1 { font-weight: 700; margin: 37px 0 0 20px } .u-section-1 .u-text-2 { margin: 20px 0 0 20px } .u-section-1 .u-btn-1 { background-image: none; border-style: solid; text-transform: uppercase; font-weight: 700; margin: 20px 0 0 auto } .u-section-1 .u-layout-cell-2 { min-height: 200px } .u-section-1 .u-container-layout-2 { padding: 30px } .u-section-1 .u-image-1 { width: 169px; height: 99px; margin: 0 auto } .u-section-1 .u-layout-cell-3 { min-height: 200px } .u-section-1 .u-container-layout-3 { padding: 30px } .u-section-1 .u-image-2 { width: 169px; height: 99px; margin: 0 auto } .u-section-1 .u-layout-cell-4 { min-height: 200px } .u-section-1 .u-container-layout-4 { padding: 30px } .u-section-1 .u-image-3 { width: 169px; height: 99px; margin: 0 auto } .u-section-1 .u-layout-cell-5 { min-height: 200px } .u-section-1 .u-container-layout-5 { padding: 30px } .u-section-1 .u-image-4 { width: 169px; height: 99px; margin: 0 auto } @media (max-width:1199px) { .u-section-1 .u-sheet-1 { min-height: 430px } .u-section-1 .u-layout-cell-1 { min-height: 330px } .u-section-1 .u-text-1 { margin-left: 0; font-size: 2.25rem } .u-section-1 .u-text-2 { margin-left: 0 } .u-section-1 .u-layout-cell-2 { min-height: 165px } .u-section-1 .u-layout-cell-3 { min-height: 165px } .u-section-1 .u-layout-cell-4 { min-height: 165px } .u-section-1 .u-layout-cell-5 { min-height: 165px } } @media (max-width:991px) { .u-section-1 .u-sheet-1 { min-height: 400px } .u-section-1 .u-layout-cell-1 { min-height: 100px } .u-section-1 .u-btn-1 { margin-right: auto } .u-section-1 .u-layout-cell-2 { min-height: 100px } .u-section-1 .u-layout-cell-3 { min-height: 100px } .u-section-1 .u-layout-cell-4 { min-height: 100px } .u-section-1 .u-layout-cell-5 { min-height: 100px } } @media (max-width:767px) { .u-section-1 .u-sheet-1 { min-height: 600px } .u-section-1 .u-container-layout-1 { padding-left: 10px; padding-right: 10px } .u-section-1 .u-container-layout-2 { padding-left: 10px; padding-right: 10px } .u-section-1 .u-container-layout-3 { padding-left: 10px; padding-right: 10px } .u-section-1 .u-container-layout-4 { padding-left: 10px; padding-right: 10px } .u-section-1 .u-container-layout-5 { padding-left: 10px; padding-right: 10px } } @media screen and (max-width: 600px) { .column { width: 100%; } .al-event-position { padding-left: 44px; text-align: center !important; } .al-event-position { font-size: 11px; margin: 0 !important; max-width: 300px !important; } } .u-section-1 .u-text-1 { font-size: 1.875rem } } .u-section-2 .u-sheet-1 { min-height: 500px } @media (max-width:1199px) { .u-section-2 .u-sheet-1 { min-height: 430px } } @media (max-width:991px) { .u-section-2 .u-sheet-1 { min-height: 353px } } @media (max-width:767px) { .u-section-2 .u-sheet-1 { min-height: 580px } } @media (max-width:575px) { .u-section-2 .u-sheet-1 { min-height: 439px } } .u-section-3 .u-sheet-1 { min-height: 500px } .u-section-3 .u-layout-wrap-1 { margin-top: 60px; margin-bottom: 60px; position: relative } .u-section-3 .u-layout-cell-1 { min-height: 400px } .u-section-3 .u-container-layout-1 { padding: 30px } .u-section-3 .u-text-1 { font-weight: 700; font-size: 2.25rem; margin: 37px 0 0 20px } .u-section-3 .u-text-2 { margin: 20px 0 0 20px } .u-section-3 .u-btn-1 { background-image: none; border-style: solid; text-transform: uppercase; font-weight: 700; margin: 20px 0 0 auto } .u-section-3 .u-layout-cell-2 { min-height: 200px } .u-section-3 .u-container-layout-2 { padding: 30px } .u-section-3 .u-image-1 { width: 169px; height: 99px; margin: 0 auto } .u-section-3 .u-layout-cell-3 { min-height: 200px } .u-section-3 .u-container-layout-3 { padding: 30px } .u-section-3 .u-image-2 { width: 169px; height: 99px; margin: 0 auto } .u-section-3 .u-layout-cell-4 { min-height: 200px } .u-section-3 .u-container-layout-4 { padding: 30px } .u-section-3 .u-image-3 { width: 169px; height: 99px; margin: 0 auto } .u-section-3 .u-layout-cell-5 { min-height: 200px } .u-section-3 .u-container-layout-5 { padding: 30px } .u-section-3 .u-image-4 { width: 169px; height: 99px; margin: 0 auto } @media (max-width:1199px) { .u-section-3 .u-sheet-1 { min-height: 430px } .u-section-3 .u-layout-cell-1 { min-height: 330px } .u-section-3 .u-text-1 { margin-left: 0 } .u-section-3 .u-text-2 { margin-left: 0 } .u-section-3 .u-layout-cell-2 { min-height: 165px } .u-section-3 .u-layout-cell-3 { min-height: 165px } .u-section-3 .u-layout-cell-4 { min-height: 165px } .u-section-3 .u-layout-cell-5 { min-height: 165px } } @media (max-width:991px) { .u-section-3 .u-sheet-1 { min-height: 400px } .u-section-3 .u-layout-cell-1 { min-height: 100px } .u-section-3 .u-btn-1 { margin-right: auto } .u-section-3 .u-layout-cell-2 { min-height: 100px } .u-section-3 .u-layout-cell-3 { min-height: 100px } .u-section-3 .u-layout-cell-4 { min-height: 100px } .u-section-3 .u-layout-cell-5 { min-height: 100px } } @media (max-width:767px) { .u-section-3 .u-sheet-1 { min-height: 600px } .u-section-3 .u-container-layout-1 { padding-left: 10px; padding-right: 10px } .u-section-3 .u-container-layout-2 { padding-left: 10px; padding-right: 10px } .u-section-3 .u-container-layout-3 { padding-left: 10px; padding-right: 10px } .u-section-3 .u-container-layout-4 { padding-left: 10px; padding-right: 10px } .u-section-3 .u-container-layout-5 { padding-left: 10px; padding-right: 10px } } @media (max-width:575px) { .u-section-3 .u-text-1 { font-size: 1.875rem } } @-webkit-keyframes bounce { 20%, 53%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } .comment { color: red } .al-button { color: #000; background-color: #ff0; width: 150px; height: 50px } .left, .right { top: 50%; float: left; transform: translateY(125%) } .left { background: #337ab7; display: inline-block; white-space: nowrap; width: 50px; transition: width .5s } .right { background: #fff; width: 350px; transition: width 1s; border-style: solid; border-color: #ccc; border-width: 1px } .left:hover { width: 250px } .item:hover { background-color: #222 } .left .fas { margin: 15px; width: 20px; color: #fff } i.fas { font-size: 17px; vertical-align: middle!important } .item { height: 50px; overflow: hidden; color: #fff } .header_toggle { font-size: 1.5rem; cursor: pointer } .header_img { width: 35px; height: 35px; display: flex; justify-content: center; border-radius: 50%; overflow: hidden } .header_img img { width: 40px } .l-navbar { position: fixed; top: 0; left: -30%; width: var(--nav-width); height: 100vh; padding: .5rem 1rem 0 0; transition: .5s; z-index: var(--z-fixed) } .nav { height: 100%; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden } .nav_link, .nav_logo { display: grid; grid-template-columns: max-content max-content; align-items: center; column-gap: 1rem; padding: .5rem 0 .5rem 1.5rem } .nav_logo { margin-bottom: 2rem } .nav_logo-icon { font-size: 1.25rem; color: var(--white-color) } .nav_logo-name { color: var(--white-color); font-weight: 700 } .nav_link { position: relative; color: var(--first-color-light); margin-bottom: 1.5rem; transition: .3s } .nav_link:hover { color: var(--white-color) } .nav_icon { font-size: 1.25rem } .active { color: var(--white-color) } .active::before { content: ''; position: absolute; left: 0; width: 2px; height: 32px; background-color: var(--white-color) } .height-100 { height: 100vh } @media screen and (min-width:768px) { body { margin: calc(var(--header-height) + 1rem) 0 0 0; padding-left: calc(var(--nav-width) + 2rem) } .header { height: calc(var(--header-height) + 1rem); padding: 0 2rem 0 calc(var(--nav-width) + 2rem) } .header_img { width: 40px; height: 40px } .header_img img { width: 45px } .l-navbar { left: 0; padding: 1rem 1rem 0 0 } } .cover { width: 50% } ul { padding-left: 0!important; text-decoration: none!important } body { max-width: 100% } a { text-decoration: none!important } .navbar-light .navbar-brand { color: #fff!important } .navbar-light .navbar-nav .nav-link { color: #fff!important } .logo { width: 64px; height: 28px; display: none!important } .a-title-section { text-align: center } .title { color: #000 } @media (max-width:234px) { .carousel-item { height: 20px!important } } .carousel-item.active { display: block } .column { float: left; width: 50%; padding: 10px; height: 300px } .row:after { content: ""; display: table; clear: both } @media screen and (max-width:600px) { .column { width: 100% } } .w-100 { height: 590px; width: 100%!important } a { text-decoration: none } .li-center { padding-right: 33px!important } img { margin-top: 0; margin-left: 0; width: 100% } #toggle { position: absolute; visibility: hidden } .topnav { text-align: center; text-align: center; overflow: hidden; position: relative } .topnav #myLinks { display: none; padding-left: 460px; text-align: center } .topnav a { float: left; text-align: center; color: #000; padding: 14px 16px; text-decoration: none; font-size: 17px } .topnav a.icon { float: right; text-align: center } .topnav a:hover { text-align: center; color: #000 } .active { text-align: center; color: #000 } @media screen and (max-width:592px) { .topnav #myLinks { padding-left: 90px; display: none; text-align: center } } #menu { position: absolute; width: 300px; margin: -100px; padding-top: 125px; background: #fff; list-style-type: none; -webkit-font-smoothing: antialiased; transform-origin: 0 0; transform: translate(-100%, 0); transition: transform .5s cubic-bezier(.77, .2, .05, 1) } #menu li { padding-left: 90px!important; padding: 10px 0; font-size: 12px } .container { margin-right: auto; margin-left: auto } .container:after, .container:before, .row:after, .row:before { display: table; content: " " } .clearfix:after, .container:after, .row:after { clear: both } @media (min-width:768px) { .container { width: 750px } } @media (min-width:992px) { .container { width: 970px } } @media (min-width:1334px) { .container { width: 1304px } } @media (min-width:1646px) { .container { width: 1616px } } .row { margin-left: -8px; margin-right: -8px } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-left: 8px; padding-right: 8px } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left } .col-xs-1 { width: 8.33333% } .col-xs-2 { width: 16.66667% } .col-xs-3 { width: 25% } .col-xs-4 { width: 33.33333% } .col-xs-5 { width: 41.66667% } .col-xs-6 { width: 50% } .col-xs-7 { width: 58.33333% } .col-xs-8 { width: 66.66667% } .col-xs-9 { width: 75% } .col-xs-10 { width: 83.33333% } .col-xs-11 { width: 91.66667% } .col-xs-12 { width: 100% } @media (min-width:768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left } .col-sm-1 { width: 8.33333% } .col-sm-2 { width: 16.66667% } .col-sm-3 { width: 25% } .col-sm-4 { width: 33.33333% } .col-sm-5 { width: 41.66667% } .col-sm-6 { width: 50% } .col-sm-7 { width: 58.33333% } .col-sm-8 { width: 66.66667% } .col-sm-9 { width: 75% } .col-sm-10 { width: 83.33333% } .col-sm-11 { width: 91.66667% } .col-sm-12 { width: 100% } } @media (min-width:992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left } .col-md-1 { width: 8.33333% } .col-md-2 { width: 16.66667% } .col-md-3 { width: 25% } .col-md-4 { width: 33.33333% } .col-md-5 { width: 41.66667% } .col-md-6 { width: 50% } .col-md-7 { width: 58.33333% } .col-md-8 { width: 66.66667% } .col-md-9 { width: 75% } .col-md-10 { width: 83.33333% } .col-md-11 { width: 91.66667% } .col-md-12 { width: 100% } } @media (min-width:1334px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left } .col-lg-1 { width: 8.33333% } .col-lg-2 { width: 16.66667% } .col-lg-3 { width: 25% } .col-lg-4 { width: 33.33333% } .col-lg-5 { width: 41.66667% } .col-lg-6 { width: 50% } .col-lg-7 { width: 58.33333% } .col-lg-8 { width: 66.66667% } .col-lg-9 { width: 75% } .col-lg-10 { width: 83.33333% } .col-lg-11 { width: 91.66667% } .col-lg-12 { width: 100% } } @media (min-width:1646px) { .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 { float: left } .col-xl-1 { width: 8.33333% } .col-xl-2 { width: 16.66667% } .col-xl-3 { width: 25% } .col-xl-4 { width: 33.33333% } .col-xl-5 { width: 41.66667% } .col-xl-6 { width: 50% } .col-xl-7 { width: 58.33333% } .col-xl-8 { width: 66.66667% } .col-xl-9 { width: 75% } .col-xl-10 { width: 83.33333% } .col-xl-11 { width: 91.66667% } .col-xl-12 { width: 100% } } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700 } .radio label { font-weight: 400; padding-left: 20px; cursor: pointer; margin-bottom: 0 } select[multiple], select[size] { height: auto } .form-group { margin-bottom: 15px } .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px } .radio label { min-height: 20px } .radio+.radio { margin-top: -5px } .radio.disabled label { cursor: not-allowed } ul { padding-left: 0; text-decoration: none } [position*=top-0] { top: 0 } [position^=fixed] { position: fixed } [padding~="0"], a { padding: 0 } @media (min-width:1646px) { .hidden-xl { display: none!important } } @media (max-width:767px) { .hidden-xs { display: none!important } } @media (min-width:768px) and (max-width:991px) { .hidden-sm { display: none!important } } @media (min-width:992px) and (max-width:1333px) { .hidden-md { display: none!important } } @media (min-width:1334px) and (max-width:1645px) { .hidden-lg { display: none!important } } .clearfix:after, .clearfix:before { content: " "; display: table } .hide { display: none!important } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } html { font-weight: 400 } [color^=black] { color: #000 } [color^=color-text-music], html { color: #4d4d4d } [background^=white] { background-color: #fff } .hidden { display: none!important } footer, header, menu, nav, section { display: block } .is-hidden, [display^=none] { display: none } @font-face { font-family: futurabook; src: url(../fonts/futura-book.woff2) format("woff2"), url(../fonts/futura-book.woff) format("woff") } @font-face { font-family: futurademi; src: url(../fonts/futura-demi.woff2) format("woff2"), url(../fonts/futura-demi.woff) format("woff") } @font-face { font-family: futurabold; src: url(../fonts/futura-bold.woff2) format("woff2"), url(../fonts/futura-bold.woff) format("woff") } @font-face { font-family: jamendo-licensing-icons; src: url('data:font/woff; base64, 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') format("woff"), url(''data: font/ttf; base64, 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'') format("truetype"), url(../fonts/jamendo-all-icons.eot), url(../fonts/jamendo-all-icons.eot?#iefix) format("embedded-opentype"), url(../fonts/jamendo-all-icons.svg#jamendo-all-icons) format("svg") } audio, b, body, button, div, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, label, li, menu, nav, p, q, section, small, span, ul { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: 0 0 } ul { list-style: none } q { quotes: none } q:after, q:before { content: ''; content: none } a { margin: 0; vertical-align: baseline; background: 0 0 } a:hover { cursor: pointer } [component-disabled], [component-disabled]>* { cursor: not-allowed!important } select { vertical-align: middle } *, :after, :before { box-sizing: inherit } html { box-sizing: border-box } button { font-family: inherit } [font~=normal], html { font-family: futurabook, Arial, sans-serif } select:-webkit-autofill, select:-webkit-autofill:focus, select:-webkit-autofill:hover { -webkit-box-shadow: 0 0 0 1000px #fff inset!important } html { height: 100%; font-size: 14px } body { font-size: 1em; line-height: 1.5; min-width: 320px; background-color: #fff; -webkit-text-size-adjust: none } [text~=line-h-1] { line-height: 1 } p.small+p.small { margin-top: .85714rem } p+p { margin-top: 1.14286rem } .overflow-x-hidden { overflow-x: hidden } [component-disabled]>* { -webkit-filter: grayscale(1)!important; filter: grayscale(1)!important; opacity: .4!important; pointer-events: none!important } [component-disabled]>*>*, [component-disabled]>*>*>* { cursor: not-allowed!important; pointer-events: none!important } [size-13] { font-size: 13px!important } [size-18] { font-size: 18px!important } [text-no-transform] { text-transform: initial!important } [w-400] { font-weight: 400!important } [w-600] { font-weight: 600!important } [l-space-0] { letter-spacing: 0!important } [l-space-1] { letter-spacing: 1px!important } [m-b-10] { margin-bottom: 10px!important } [animation~=rotate-add-180] { -webkit-transform: rotate(180deg); transform: rotate(180deg) } [display^=flex] { display: -webkit-box; display: -ms-flexbox; display: flex } [display^=flex][display*=row] { -ms-flex-flow: row; flex-flow: row } [display^=flex][display*=row-reverse] { -ms-flex-flow: row-reverse; flex-flow: row-reverse } [display^=flex][display*=column] { -ms-flex-flow: column; flex-flow: column } [display^=flex][display*=column-reverse] { -ms-flex-flow: column-reverse; flex-flow: column-reverse } [display^=flex][display*=align-center] { -webkit-box-align: center; -ms-flex-align: center; align-items: center } [display^=flex][display*=align-start] { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } [display^=flex][display*=align-end] { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } [display^=flex][display*=align-baseline] { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } [display^=flex][display*=align-strech] { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } [display^=flex][display*=justify-center] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } [display^=flex][display*=justify-between] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } [display^=flex][display*=justify-around] { -ms-flex-pack: distribute; justify-content: space-around } [display^=flex][display*=justify-end] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } [display^=flex][display*=justify-start] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } [display^=flex][display*=wrap] { -ms-flex-wrap: wrap; flex-wrap: wrap } [display^=flex][display*=nowrap] { -ms-flex-wrap: nowrap; flex-wrap: nowrap } [display*=grow-1-desktop], [display*=grow-1] { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } @media only screen and (max-width:1110px) { [display*=grow-1-desktop] { -webkit-box-flex: initial; -ms-flex-positive: initial; flex-grow: initial } } [display*=align-self-start] { -ms-flex-item-align: start; align-self: flex-start } [display*=align-self-center] { -ms-flex-item-align: center; align-self: center } [display*=align-self-end] { -ms-flex-item-align: end; align-self: flex-end } [display*=align-self-baseline] { -ms-flex-item-align: baseline; align-self: baseline } [display^=block] { display: block } [display^=inline] { display: inline } [display^=inline-block] { display: inline-block } [display^=table] { display: table } [display*=overflow-hidden], [display*=overflow-visible] { overflow: hidden } [text~=ellipsis] { text-overflow: ellipsis; overflow: hidden; white-space: nowrap } [text~=nowrap] { white-space: nowrap } [text~=wrap] { white-space: normal } [text~=capitalize-first-letter]::first-letter, [text~=capitalize] { text-transform: capitalize } [text~=uppercase] { text-transform: uppercase } [text~=capitalize-first-letter] { display: block } [text~=lowercase] { text-transform: lowercase } [text~=initial] { text-transform: initial } [text~=left] { text-align: left } [text~=center] { text-align: center } [text~=right] { text-align: right } [text~=justify] { text-align: justify } [text~=underline] { text-decoration: underline } [text~=line-h-1-2] { line-height: 1.2 } [text~=line-h-1-25] { line-height: 1.25 } [text~=line-h-1-3] { line-height: 1.3 } [text~=line-h-1-4] { line-height: 1.4 } [text~=line-h-1-5] { line-height: 1.5 } [text~=line-h-1-6] { line-height: 1.6 } [text~=letter-spacing-1] { letter-spacing: 1px } [font~=demi] { font-family: futurademi, Arial, sans-serif } [font~=bold] { font-family: futurabold, Arial, sans-serif } [font~=w-initial] { font-weight: initial } [font~=w-400] { font-weight: 400 } [font~=w-600] { font-weight: 600 } [font~=size-6] { font-size: 6px } [font~=size-7] { font-size: 7px } [font~=size-8] { font-size: 8px } [font~=size-9] { font-size: 9px } [font~=size-10] { font-size: 10px } [font~=size-11] { font-size: 11px } [font~=size-12] { font-size: 12px } [font~=size-13] { font-size: 13px } [font~=size-14] { font-size: 14px } [font~=size-15] { font-size: 15px } [font~=size-16] { font-size: 16px } [font~=size-17] { font-size: 17px } [font~=size-18] { font-size: 18px } [font~=size-19] { font-size: 19px } [font~=size-20] { font-size: 20px } [font~=size-21] { font-size: 21px } [font~=size-22] { font-size: 22px } [font~=size-23] { font-size: 23px } [font~=size-24] { font-size: 24px } [font~=size-25] { font-size: 25px } [font~=size-26] { font-size: 26px } [font~=size-27] { font-size: 27px } [font~=size-28] { font-size: 28px } [font~=size-29] { font-size: 29px } [font~=size-30] { font-size: 30px } [font~=size-32] { font-size: 32px } [font~=size-34] { font-size: 34px } [font~=size-36] { font-size: 36px } [font~=size-38] { font-size: 38px } [font~=size-40] { font-size: 40px } [size~=w-0] { width: 0 } [size~=w-1] { width: 1px } [size~=w-2] { width: 2px } [size~=w-3] { width: 3px } [size~=w-4] { width: 4px } [size~=w-5] { width: 5px } [size~=w-6] { width: 6px } [size~=w-7] { width: 7px } [size~=w-8] { width: 8px } [size~=w-9] { width: 9px } [size~=w-10] { width: 10px } [size~=w-11] { width: 11px } [size~=w-12] { width: 12px } [size~=w-13] { width: 13px } [size~=w-14] { width: 14px } [size~=w-15] { width: 15px } [size~=w-16] { width: 16px } [size~=w-17] { width: 17px } [size~=w-18] { width: 18px } [size~=w-19] { width: 19px } [size~=w-20] { width: 20px } [size~=w-21] { width: 21px } [size~=w-22] { width: 22px } [size~=w-23] { width: 23px } [size~=w-24] { width: 24px } [size~=w-25] { width: 25px } [size~=w-26] { width: 26px } [size~=w-27] { width: 27px } [size~=w-28] { width: 28px } [size~=w-29] { width: 29px } [size~=w-30] { width: 30px } [size~=w-40] { width: 40px } [size~=w-135] { width: 135px } [size~=w-145] { width: 145px } [size~=w-180] { width: 180px } [size~=w-220] { width: 220px } [size~=w-270] { width: 270px } [size~=w-354] { width: 354px } [size~=w-650] { width: 650px } [size~="w-5%"] { width: 5% } [size~="w-10%"] { width: 10% } [size~="w-15%"] { width: 15% } [size~="w-20%"] { width: 20% } [size~="w-25%"] { width: 25% } [size~="w-30%"] { width: 30% } [size~="w-35%"] { width: 35% } [size~="w-40%"] { width: 40% } [size~="w-45%"] { width: 45% } [size^=width][size*="50%"], [size~="w-50%"] { width: 50% } [size~="w-55%"] { width: 55% } [size~="w-60%"] { width: 60% } [size~="w-65%"] { width: 65% } [size~="w-70%"] { width: 70% } [size~="w-75%"] { width: 75% } [size~="w-80%"] { width: 80% } [size~="w-85%"] { width: 85% } [size~="w-90%"] { width: 90% } [size~="w-95%"] { width: 95% } [size^=width][size*="100%"], [size~="w-100%"] { width: 100% } [size~=h-0] { height: 0 } [size~=h-1] { height: 1px } [size~=h-2] { height: 2px } [size~=h-3] { height: 3px } [size~=h-4] { height: 4px } [size~=h-5] { height: 5px } [size~=h-6] { height: 6px } [size~=h-7] { height: 7px } [size~=h-8] { height: 8px } [size~=h-9] { height: 9px } [size~=h-10] { height: 10px } [size~=h-11] { height: 11px } [size~=h-12] { height: 12px } [size~=h-13] { height: 13px } [size~=h-14] { height: 14px } [size~=h-15] { height: 15px } [size~=h-16] { height: 16px } [size~=h-17] { height: 17px } [size~=h-18] { height: 18px } [size~=h-19] { height: 19px } [size~=h-20] { height: 20px } [size~=h-21] { height: 21px } [size~=h-22] { height: 22px } [size~=h-23] { height: 23px } [size~=h-24] { height: 24px } [size~=h-25] { height: 25px } [size~=h-26] { height: 26px } [size~=h-27] { height: 27px } [size~=h-28] { height: 28px } [size~=h-29] { height: 29px } [size~=h-30] { height: 30px } [size~=h-40] { height: 40px } [size~=h-50] { height: 50px } [size~=h-400] { height: 400px } [size~=h-580] { height: 580px } [size~=h-1000] { height: 1000px } [size~="h-5%"] { height: 5% } [size~="h-10%"] { height: 10% } [size~="h-15%"] { height: 15% } [size~="h-20%"] { height: 20% } [size~="h-25%"] { height: 25% } [size~="h-30%"] { height: 30% } [size~="h-35%"] { height: 35% } [size~="h-40%"] { height: 40% } [size~="h-45%"] { height: 45% } [size~="h-50%"] { height: 50% } [size~="h-55%"] { height: 55% } [size~="h-60%"] { height: 60% } [size~="h-65%"] { height: 65% } [size~="h-70%"] { height: 70% } [size~="h-75%"] { height: 75% } [size~="h-80%"] { height: 80% } [size~="h-85%"] { height: 85% } [size~="h-90%"] { height: 90% } [size~="h-95%"] { height: 95% } [size~="h-100%"] { height: 100% } [size~=min-width-0] { min-width: 0 } [size~=min-width-1] { min-width: 1px } [size~=min-width-2] { min-width: 2px } [size~=min-width-3] { min-width: 3px } [size~=min-width-4] { min-width: 4px } [size~=min-width-5] { min-width: 5px } [size~=min-width-6] { min-width: 6px } [size~=min-width-7] { min-width: 7px } [size~=min-width-8] { min-width: 8px } [size~=min-width-9] { min-width: 9px } [size~=min-width-10] { min-width: 10px } [size~=min-width-11] { min-width: 11px } [size~=min-width-12] { min-width: 12px } [size~=min-width-13] { min-width: 13px } [size~=min-width-14] { min-width: 14px } [size~=min-width-15] { min-width: 15px } [size~=min-width-16] { min-width: 16px } [size~=min-width-17] { min-width: 17px } [size~=min-width-18] { min-width: 18px } [size~=min-width-19] { min-width: 19px } [size~=min-width-20] { min-width: 20px } [size~=min-width-21] { min-width: 21px } [size~=min-width-22] { min-width: 22px } [size~=min-width-23] { min-width: 23px } [size~=min-width-24] { min-width: 24px } [size~=min-width-25] { min-width: 25px } [size~=min-width-26] { min-width: 26px } [size~=min-width-27] { min-width: 27px } [size~=min-width-28] { min-width: 28px } [size~=min-width-29] { min-width: 29px } [size~=min-width-30] { min-width: 30px } [size~=min-width-40] { min-width: 40px } [size~=min-width-50] { min-width: 50px } [size~=min-width-135] { min-width: 135px } [size~=min-width-220] { min-width: 220px } [size~=min-width-290] { min-width: 290px } [size~=min-width-300] { min-width: 300px } [size~=min-width-650] { min-width: 650px } [size~="min-width-5%"] { min-width: 5% } [size~="min-width-10%"] { min-width: 10% } [size~="min-width-15%"] { min-width: 15% } [size~="min-width-20%"] { min-width: 20% } [size~="min-width-25%"] { min-width: 25% } [size~="min-width-30%"] { min-width: 30% } [size~="min-width-35%"] { min-width: 35% } [size~="min-width-40%"] { min-width: 40% } [size~="min-width-45%"] { min-width: 45% } [size~="min-width-50%"] { min-width: 50% } [size~="min-width-55%"] { min-width: 55% } [size~="min-width-60%"] { min-width: 60% } [size~="min-width-65%"] { min-width: 65% } [size~="min-width-70%"] { min-width: 70% } [size~="min-width-75%"] { min-width: 75% } [size~="min-width-80%"] { min-width: 80% } [size~="min-width-85%"] { min-width: 85% } [size~="min-width-90%"] { min-width: 90% } [size~="min-width-95%"] { min-width: 95% } [size~="min-width-100%"] { min-width: 100% } [size~=min-height-0] { min-height: 0 } [size~=min-height-1] { min-height: 1px } [size~=min-height-2] { min-height: 2px } [size~=min-height-3] { min-height: 3px } [size~=min-height-4] { min-height: 4px } [size~=min-height-5] { min-height: 5px } [size~=min-height-6] { min-height: 6px } [size~=min-height-7] { min-height: 7px } [size~=min-height-8] { min-height: 8px } [size~=min-height-9] { min-height: 9px } [size~=min-height-10] { min-height: 10px } [size~=min-height-11] { min-height: 11px } [size~=min-height-12] { min-height: 12px } [size~=min-height-13] { min-height: 13px } [size~=min-height-14] { min-height: 14px } [size~=min-height-15] { min-height: 15px } [size~=min-height-16] { min-height: 16px } [size~=min-height-17] { min-height: 17px } [size~=min-height-18] { min-height: 18px } [size~=min-height-19] { min-height: 19px } [size~=min-height-20] { min-height: 20px } [size~=min-height-21] { min-height: 21px } [size~=min-height-22] { min-height: 22px } [size~=min-height-23] { min-height: 23px } [size~=min-height-24] { min-height: 24px } [size~=min-height-25] { min-height: 25px } [size~=min-height-26] { min-height: 26px } [size~=min-height-27] { min-height: 27px } [size~=min-height-28] { min-height: 28px } [size~=min-height-29] { min-height: 29px } [size~=min-height-30] { min-height: 30px } [size~=min-height-40] { min-height: 40px } [size~=min-height-307] { min-height: 307px } [size~=min-height-450] { min-height: 450px } [size~=min-height-1000] { min-height: 1000px } [size~="min-height-5%"] { min-height: 5% } [size~="min-height-10%"] { min-height: 10% } [size~="min-height-15%"] { min-height: 15% } [size~="min-height-20%"] { min-height: 20% } [size~="min-height-25%"] { min-height: 25% } [size~="min-height-30%"] { min-height: 30% } [size~="min-height-35%"] { min-height: 35% } [size~="min-height-40%"] { min-height: 40% } [size~="min-height-45%"] { min-height: 45% } [size~="min-height-50%"] { min-height: 50% } [size~="min-height-55%"] { min-height: 55% } [size~="min-height-60%"] { min-height: 60% } [size~="min-height-65%"] { min-height: 65% } [size~="min-height-70%"] { min-height: 70% } [size~="min-height-75%"] { min-height: 75% } [size~="min-height-80%"] { min-height: 80% } [size~="min-height-85%"] { min-height: 85% } [size~="min-height-90%"] { min-height: 90% } [size~="min-height-95%"] { min-height: 95% } [size~="min-height-100%"] { min-height: 100% } [size~=w-auto] { width: auto } [size~=h-auto] { height: auto } [margin^=auto] { margin: 0 auto } [margin^="0"] { margin: 0 } [margin^="0-important"] { margin: 0!important } [margin^="1"] { margin: 1px } [margin^="2"] { margin: 2px } [margin^="3"] { margin: 3px } [margin^="4"] { margin: 4px } [margin^="5"] { margin: 5px } [margin^="6"] { margin: 6px } [margin^="7"] { margin: 7px } [margin^="8"] { margin: 8px } [margin^="10"] { margin: 10px } [margin^="11"] { margin: 11px } [margin^="12"] { margin: 12px } [margin^="13"] { margin: 13px } [margin^="14"] { margin: 14px } [margin^="15"] { margin: 15px } [margin^="16"] { margin: 16px } [margin^="17"] { margin: 17px } [margin^="18"] { margin: 18px } [margin^="19"] { margin: 19px } [margin^="20"] { margin: 20px } [margin^="21"] { margin: 21px } [margin^="22"] { margin: 22px } [margin^="23"] { margin: 23px } [margin^="24"] { margin: 24px } [margin^="25"] { margin: 25px } [margin^="26"] { margin: 26px } [margin^="27"] { margin: 27px } [margin^="28"] { margin: 28px } [margin^="29"] { margin: 29px } [margin^="30"] { margin: 30px } [margin~=top-0] { margin-top: 0 } [margin~=top-1] { margin-top: 1px } [margin~=top-2] { margin-top: 2px } [margin~=top-3] { margin-top: 3px } [margin~=top-4] { margin-top: 4px } [margin~=top-5] { margin-top: 5px } [margin~=top-6] { margin-top: 6px } [margin~=top-7] { margin-top: 7px } [margin~=top-8] { margin-top: 8px } [margin~=top-10] { margin-top: 10px } [margin~=top-11] { margin-top: 11px } [margin~=top-12] { margin-top: 12px } [margin~=top-13] { margin-top: 13px } [margin~=top-14] { margin-top: 14px } [margin~=top-15] { margin-top: 15px } [margin~=top-16] { margin-top: 16px } [margin~=top-17] { margin-top: 17px } [margin~=top-18] { margin-top: 18px } [margin~=top-19] { margin-top: 19px } [margin~=top-20] { margin-top: 20px } [margin~=top-21] { margin-top: 21px } [margin~=top-22] { margin-top: 22px } [margin~=top-23] { margin-top: 23px } [margin~=top-24] { margin-top: 24px } [margin~=top-25] { margin-top: 25px } [margin~=top-26] { margin-top: 26px } [margin~=top-27] { margin-top: 27px } [margin~=top-28] { margin-top: 28px } [margin~=top-29] { margin-top: 29px } [margin~=top-30] { margin-top: 30px } [margin~=top-50] { margin-top: 50px } [margin~=top-100] { margin-top: 100px } [margin~=left-auto] { margin-left: auto } [margin~=left-0] { margin-left: 0 } [margin~=left-1] { margin-left: 1px } [margin~=left-2] { margin-left: 2px } [margin~=left-3] { margin-left: 3px } [margin~=left-4] { margin-left: 4px } [margin~=left-5] { margin-left: 5px } [margin~=left-6] { margin-left: 6px } [margin~=left-7] { margin-left: 7px } [margin~=left-8] { margin-left: 8px } [margin~=left-10] { margin-left: 10px } [margin~=left-11] { margin-left: 11px } [margin~=left-12] { margin-left: 12px } [margin~=left-13] { margin-left: 13px } [margin~=left-14] { margin-left: 14px } [margin~=left-15] { margin-left: 15px } [margin~=left-16] { margin-left: 16px } [margin~=left-17] { margin-left: 17px } [margin~=left-18] { margin-left: 18px } [margin~=left-19] { margin-left: 19px } [margin~=left-20] { margin-left: 20px } [margin~=left-21] { margin-left: 21px } [margin~=left-22] { margin-left: 22px } [margin~=left-23] { margin-left: 23px } [margin~=left-24] { margin-left: 24px } [margin~=left-25] { margin-left: 25px } [margin~=left-26] { margin-left: 26px } [margin~=left-27] { margin-left: 27px } [margin~=left-28] { margin-left: 28px } [margin~=left-29] { margin-left: 29px } [margin~=left-30] { margin-left: 30px } [margin~=bottom-0] { margin-bottom: 0 } [margin~=bottom-1] { margin-bottom: 1px } [margin~=bottom-2] { margin-bottom: 2px } [margin~=bottom-3] { margin-bottom: 3px } [margin~=bottom-4] { margin-bottom: 4px } [margin~=bottom-5] { margin-bottom: 5px } [margin~=bottom-6] { margin-bottom: 6px } [margin~=bottom-7] { margin-bottom: 7px } [margin~=bottom-8] { margin-bottom: 8px } [margin~=bottom-10] { margin-bottom: 10px } [margin~=bottom-11] { margin-bottom: 11px } [margin~=bottom-12] { margin-bottom: 12px } [margin~=bottom-13] { margin-bottom: 13px } [margin~=bottom-14] { margin-bottom: 14px } [margin~=bottom-15] { margin-bottom: 15px } [margin~=bottom-16] { margin-bottom: 16px } [margin~=bottom-17] { margin-bottom: 17px } [margin~=bottom-18] { margin-bottom: 18px } [margin~=bottom-19] { margin-bottom: 19px } [margin~=bottom-20] { margin-bottom: 20px } [margin~=bottom-21] { margin-bottom: 21px } [margin~=bottom-22] { margin-bottom: 22px } [margin~=bottom-23] { margin-bottom: 23px } [margin~=bottom-24] { margin-bottom: 24px } [margin~=bottom-25] { margin-bottom: 25px } [margin~=bottom-26] { margin-bottom: 26px } [margin~=bottom-27] { margin-bottom: 27px } [margin~=bottom-28] { margin-bottom: 28px } [margin~=bottom-29] { margin-bottom: 29px } [margin~=bottom-30] { margin-bottom: 30px } [margin~=bottom-50] { margin-bottom: 50px } [margin~=bottom-100] { margin-bottom: 100px } [margin~=right-auto] { margin-right: auto } [margin~=right-0] { margin-right: 0 } [margin~=right-1] { margin-right: 1px } [margin~=right-2] { margin-right: 2px } [margin~=right-3] { margin-right: 3px } [margin~=right-4] { margin-right: 4px } [margin~=right-5] { margin-right: 5px } [margin~=right-6] { margin-right: 6px } [margin~=right-7] { margin-right: 7px } [margin~=right-8] { margin-right: 8px } [margin~=right-10] { margin-right: 10px } [margin~=right-11] { margin-right: 11px } [margin~=right-12] { margin-right: 12px } [margin~=right-13] { margin-right: 13px } [margin~=right-14] { margin-right: 14px } [margin~=right-15] { margin-right: 15px } [margin~=right-16] { margin-right: 16px } [margin~=right-17] { margin-right: 17px } [margin~=right-18] { margin-right: 18px } [margin~=right-19] { margin-right: 19px } [margin~=right-20] { margin-right: 20px } [margin~=right-21] { margin-right: 21px } [margin~=right-22] { margin-right: 22px } [margin~=right-23] { margin-right: 23px } [margin~=right-24] { margin-right: 24px } [margin~=right-25] { margin-right: 25px } [margin~=right-26] { margin-right: 26px } [margin~=right-27] { margin-right: 27px } [margin~=right-28] { margin-right: 28px } [margin~=right-29] { margin-right: 29px } [margin~=right-30] { margin-right: 30px } [margin~=right-40] { margin-right: 40px } [padding~="1"] { padding: 1px } [padding~="2"] { padding: 2px } [padding~="3"] { padding: 3px } [padding~="4"] { padding: 4px } [padding~="5"] { padding: 5px } [padding~="6"] { padding: 6px } [padding~="7"] { padding: 7px } [padding~="8"] { padding: 8px } [padding~="10"] { padding: 10px } [padding~="11"] { padding: 11px } [padding~="12"] { padding: 12px } [padding~="13"] { padding: 13px } [padding~="14"] { padding: 14px } [padding~="15"] { padding: 15px } [padding~="16"] { padding: 16px } [padding~="17"] { padding: 17px } [padding~="18"] { padding: 18px } [padding~="19"] { padding: 19px } [padding~="20"] { padding: 20px } [padding~="21"] { padding: 21px } [padding~="22"] { padding: 22px } [padding~="23"] { padding: 23px } [padding~="24"] { padding: 24px } [padding~="25"] { padding: 25px } [padding~="26"] { padding: 26px } [padding~="27"] { padding: 27px } [padding~="28"] { padding: 28px } [padding~="29"] { padding: 29px } [padding~="30"] { padding: 30px } [padding~=top-0] { padding-top: 0 } [padding~=top-1] { padding-top: 1px } [padding~=top-2] { padding-top: 2px } [padding~=top-3] { padding-top: 3px } [padding~=top-4] { padding-top: 4px } [padding~=top-5] { padding-top: 5px } [padding~=top-6] { padding-top: 6px } [padding~=top-7] { padding-top: 7px } [padding~=top-8] { padding-top: 8px } [padding~=top-10] { padding-top: 10px } [padding~=top-11] { padding-top: 11px } [padding~=top-12] { padding-top: 12px } [padding~=top-13] { padding-top: 13px } [padding~=top-14] { padding-top: 14px } [padding~=top-15] { padding-top: 15px } [padding~=top-16] { padding-top: 16px } [padding~=top-17] { padding-top: 17px } [padding~=top-18] { padding-top: 18px } [padding~=top-19] { padding-top: 19px } [padding~=top-20] { padding-top: 20px } [padding~=top-21] { padding-top: 21px } [padding~=top-22] { padding-top: 22px } [padding~=top-23] { padding-top: 23px } [padding~=top-24] { padding-top: 24px } [padding~=top-25] { padding-top: 25px } [padding~=top-26] { padding-top: 26px } [padding~=top-27] { padding-top: 27px } [padding~=top-28] { padding-top: 28px } [padding~=top-29] { padding-top: 29px } [padding~=top-30] { padding-top: 30px } [padding~=top-32] { padding-top: 32px } [padding~=top-60] { padding-top: 60px } [padding~=left-0] { padding-left: 0 } [padding~=left-1] { padding-left: 1px } [padding~=left-2] { padding-left: 2px } [padding~=left-3] { padding-left: 3px } [padding~=left-4] { padding-left: 4px } [padding~=left-5] { padding-left: 5px } [padding~=left-6] { padding-left: 6px } [padding~=left-7] { padding-left: 7px } [padding~=left-8] { padding-left: 8px } [padding~=left-10] { padding-left: 10px } [padding~=left-11] { padding-left: 11px } [padding~=left-12] { padding-left: 12px } [padding~=left-13] { padding-left: 13px } [padding~=left-14] { padding-left: 14px } [padding~=left-15] { padding-left: 15px } [padding~=left-16] { padding-left: 16px } [padding~=left-17] { padding-left: 17px } [padding~=left-18] { padding-left: 18px } [padding~=left-19] { padding-left: 19px } [padding~=left-20] { padding-left: 20px } [padding~=left-21] { padding-left: 21px } [padding~=left-22] { padding-left: 22px } [padding~=left-23] { padding-left: 23px } [padding~=left-24] { padding-left: 24px } [padding~=left-25] { padding-left: 25px } [padding~=left-26] { padding-left: 26px } [padding~=left-27] { padding-left: 27px } [padding~=left-28] { padding-left: 28px } [padding~=left-29] { padding-left: 29px } [padding~=left-30] { padding-left: 30px } [padding~=left-32] { padding-left: 32px } [padding~=left-40] { padding-left: 40px } [padding~=bottom-0] { padding-bottom: 0 } [padding~=bottom-1] { padding-bottom: 1px } [padding~=bottom-2] { padding-bottom: 2px } [padding~=bottom-3] { padding-bottom: 3px } [padding~=bottom-4] { padding-bottom: 4px } [padding~=bottom-5] { padding-bottom: 5px } [padding~=bottom-6] { padding-bottom: 6px } [padding~=bottom-7] { padding-bottom: 7px } [padding~=bottom-8] { padding-bottom: 8px } [padding~=bottom-10] { padding-bottom: 10px } [padding~=bottom-11] { padding-bottom: 11px } [padding~=bottom-12] { padding-bottom: 12px } [padding~=bottom-13] { padding-bottom: 13px } [padding~=bottom-14] { padding-bottom: 14px } [padding~=bottom-15] { padding-bottom: 15px } [padding~=bottom-16] { padding-bottom: 16px } [padding~=bottom-17] { padding-bottom: 17px } [padding~=bottom-18] { padding-bottom: 18px } [padding~=bottom-19] { padding-bottom: 19px } [padding~=bottom-20] { padding-bottom: 20px } [padding~=bottom-21] { padding-bottom: 21px } [padding~=bottom-22] { padding-bottom: 22px } [padding~=bottom-23] { padding-bottom: 23px } [padding~=bottom-24] { padding-bottom: 24px } [padding~=bottom-25] { padding-bottom: 25px } [padding~=bottom-26] { padding-bottom: 26px } [padding~=bottom-27] { padding-bottom: 27px } [padding~=bottom-28] { padding-bottom: 28px } [padding~=bottom-29] { padding-bottom: 29px } [padding~=bottom-30] { padding-bottom: 30px } [padding~=bottom-32] { padding-bottom: 32px } [padding~=right-0] { padding-right: 0 } [padding~=right-1] { padding-right: 1px } [padding~=right-2] { padding-right: 2px } [padding~=right-3] { padding-right: 3px } [padding~=right-4] { padding-right: 4px } [padding~=right-5] { padding-right: 5px } [padding~=right-6] { padding-right: 6px } [padding~=right-7] { padding-right: 7px } [padding~=right-8] { padding-right: 8px } [padding~=right-10] { padding-right: 10px } [padding~=right-11] { padding-right: 11px } [padding~=right-12] { padding-right: 12px } [padding~=right-13] { padding-right: 13px } [padding~=right-14] { padding-right: 14px } [padding~=right-15] { padding-right: 15px } [padding~=right-16] { padding-right: 16px } [padding~=right-17] { padding-right: 17px } [padding~=right-18] { padding-right: 18px } [padding~=right-19] { padding-right: 19px } [padding~=right-20] { padding-right: 20px } [padding~=right-21] { padding-right: 21px } [padding~=right-22] { padding-right: 22px } [padding~=right-23] { padding-right: 23px } [padding~=right-24] { padding-right: 24px } [padding~=right-25] { padding-right: 25px } [padding~=right-26] { padding-right: 26px } [padding~=right-27] { padding-right: 27px } [padding~=right-28] { padding-right: 28px } [padding~=right-29] { padding-right: 29px } [padding~=right-30] { padding-right: 30px } [padding~=right-32] { padding-right: 32px } [padding~=right-40] { padding-right: 40px } [color^=jam-licensing] { color: #67b7bf } [color^=white] { color: #fff } [color^=red] { color: red } [color^=orange] { color: orange } [color^=gray-0] { color: #f5f5f5 } [color^=gray-1] { color: #f2f2f2 } [color^=gray-2] { color: #e5e5e5 } [color^=gray-3] { color: #d8d8d8 } [color^=gray-4] { color: #cbcbcb } [color^=gray-5] { color: #bebebe } [color^=gray-6] { color: #b1b1b1 } [color^=gray-7] { color: #a4a4a4 } [color^=gray-8] { color: #979797 } [color^=gray-9] { color: #8a8a8a } [color^=gray-10] { color: #7d7d7d } [color^=gray-11] { color: #707070 } [color^=gray-12] { color: #636363 } [color^=gray-13] { color: #565656 } [color^=gray-14] { color: #494949 } [color^=gray-15] { color: #3c3c3c } [color^=gray-16] { color: #2f2f2f } [color^=gray-17] { color: #222 } [color^=gray-18] { color: #151515 } [color^=gray-19] { color: #080808 } [border~=none] { border: none } [border~=w-1] { border: 1px solid } [border~=w-2] { border: 2px solid } [border~=w-3] { border: 3px solid } [border~=w-4] { border: 4px solid } [border~=w-5] { border: 5px solid } [border~=w-6] { border: 6px solid } [border~=w-7] { border: 7px solid } [border~=w-8] { border: 8px solid } [border~=w-9] { border: 9px solid } [border~=w-10] { border: 10px solid } [border^=jam-licensing], [border~=jamlicensing] { border-color: #67b7bf } [border~="r100%"] { border-radius: 100% } [border~=r1] { border-radius: 1px } [border~=r2] { border-radius: 2px } [border~=r3] { border-radius: 3px } [border~=r4] { border-radius: 4px } [border~=r5] { border-radius: 5px } [border~=r6] { border-radius: 6px } [border~=r7] { border-radius: 7px } [border~=r8] { border-radius: 8px } [border~=r9] { border-radius: 9px } [border~=r10] { border-radius: 10px } [background^=jam-licensing] { background-color: #67b7bf } [background^=black] { background-color: #000 } [background^=red] { background-color: red } [background^=orange] { background-color: orange } [background^=gray-0] { background-color: #f5f5f5 } [background^=gray-1] { background-color: #f2f2f2 } [background^=gray-2] { background-color: #e5e5e5 } [background^=gray-3] { background-color: #d8d8d8 } [background^=gray-4] { background-color: #cbcbcb } [background^=gray-5] { background-color: #bebebe } [background^=gray-6] { background-color: #b1b1b1 } [background^=gray-7] { background-color: #a4a4a4 } [background^=gray-8] { background-color: #979797 } [background^=gray-9] { background-color: #8a8a8a } [background^=gray-10] { background-color: #7d7d7d } [background^=gray-11] { background-color: #707070 } [background^=gray-12] { background-color: #636363 } [background^=gray-13] { background-color: #565656 } [background^=gray-14] { background-color: #494949 } [background^=gray-15] { background-color: #3c3c3c } [background^=gray-16] { background-color: #2f2f2f } [background^=gray-17] { background-color: #222 } [background^=gray-18] { background-color: #151515 } [background^=gray-19] { background-color: #080808 } [position^=relative] { position: relative } [position^=absolute] { position: absolute } [position^=sticky-desktop], [position^=sticky] { position: -webkit-sticky; position: sticky } @media only screen and (max-width:1110px) { [position^=sticky-desktop] { position: initial } } [position^=float-right] { float: right } [position*=top-2] { top: 2px } [position*=top-30] { top: 30px } [position*=right-0] { right: 0 } [position*=right-minus-10] { right: -10px } [position*=bottom-0] { bottom: 0 } [position*=left-0] { left: 0 } [hover~=licensing]:hover, [hover~=licensing]:hover>* { color: #67b7bf } @media only screen and (max-width:750px) { [responsive~="750-reset-background"] { background-color: initial } } .section-secondary:after, .section-secondary:before { content: " "; display: table } .section-secondary:after { clear: both } .section-header .select select { -webkit-appearance: none; -moz-appearance: none; appearance: none } .entity_visual { position: relative; width: 100%; padding-bottom: 100% } .player { position: relative; width: 100%; height: 100% } .entity.entity--artist .entity_visual, .entity.entity--user .entity_visual { width: 100%; height: 100%; border-radius: 100% } .btn-social, .entity-secondary-menu .layout, .entity_information, .notifications .notification, .notifications .notification-target, .section-header { display: table; width: 100% } .entity-secondary-menu .layout_body, .entity_information>div:first-child, .notifications .notification-target>div, .notifications .notification>div, .section-header_left, .section-header_mono, .section-header_right { display: table-cell; vertical-align: middle } .btn-social>div { display: table-cell; text-align: center; vertical-align: middle } .entity-secondary-menu .layout_body, .entity_information>div:first-child { width: 100%; max-width: 50px; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: auto; margin-right: auto; color: inherit } .entity_visual .playlist-cover-grid, .entity_visual>div { position: absolute; width: 100%; height: 100%; top: 0; left: 0 } .btn-action:after { position: absolute; bottom: 0; right: 0; left: 0; top: 0 } .btn-icon.is-active:after { position: absolute; left: 50%; top: 50% } .btn, .btn-icon, .btn-link, .btn-pill, .btn-secondary-menu, .btn-social, a.link-action:link { position: relative; display: inline-block; vertical-align: top; text-align: center; text-decoration: none; z-index: 0 } .btn-icon:hover, .btn-link:hover, .btn-pill:hover, .btn-secondary-menu:hover, .btn-social:hover, .btn:hover, a.link-action:hover:link { cursor: pointer } .btn-pill:after, .btn-pill:before, .btn-social:after, .btn-social:before, .btn:after, .btn:before { position: absolute; z-index: -2; content: ""; border-radius: 3px } .btn, .btn-social>div:last-child { text-transform: uppercase; line-height: 1.6; color: #fff!important; letter-spacing: 1px } .btn.btn--discreet:before { background-color: #bfbfbf } .btn.btn--discreet:after { background-color: transparent } .btn.btn--discreet:active:before, .btn.btn--discreet:hover:before { background-color: #999 } .btn-pill:before, .btn:before { background-color: #262626 } .btn-pill:after, .btn:after { background-color: transparent } .btn-pill:active:before, .btn-pill:hover:before, .btn:active:before, .btn:hover:before { background-color: #000 } .btn-pill.btn--brand:after, .btn.btn--brand:after { background-color: transparent } .btn-pill.btn--brand:active:before, .btn-pill.btn--brand:hover:before, .btn.btn--brand:active:before, .btn.btn--brand:hover:before { background-color: #d20036 } .btn-pill.btn--facebook:before, .btn-social.btn--facebook:before { background-color: #5f78ab } .btn-pill.btn--facebook:after, .btn-social.btn--facebook:after { background-color: transparent } .btn-pill.btn--facebook:active:before, .btn-pill.btn--facebook:hover:before, .btn-social.btn--facebook:active:before, .btn-social.btn--facebook:hover:before { background-color: #41557c } .btn-pill.btn--google:before, .btn-social.btn--google:before { background-color: #dd4b39 } .btn-pill.btn--google:after, .btn-social.btn--google:after { background-color: transparent } .btn-pill.btn--google:active:before, .btn-pill.btn--google:hover:before, .btn-social.btn--google:active:before, .btn-social.btn--google:hover:before { background-color: #ac2d1e } .btn.is-disabled:active:before, .btn.is-disabled:before, .btn.is-disabled:hover:before, .btn[disabled]:active:before, .btn[disabled]:before, .btn[disabled]:hover:before { background-color: #bfbfbf!important } .btn-icon, .btn-icon:link, .btn-icon:visited, a.link-action:link, a.link-action:visited:link { color: #4d4d4d } .btn-icon:active, .btn-icon:hover, a.link-action:active:link, a.link-action:hover:link { color: #00000 } .btn-icon.btn--discreet, .btn-icon.btn--discreet:link, .btn-icon.btn--discreet:visited { color: #999 } .btn-icon.btn--discreet:active, .btn-icon.btn--discreet:hover { color: #00000 } .btn-pill, .btn-pill:active, .btn-pill:hover, .btn-pill:link, .btn-pill:visited, .btn-social, .btn-social:active, .btn-social:hover, .btn-social:link, .btn-social:visited { color: #fff } .btn-icon .icon+.icon, .btn-pill .icon+.icon, .is-on.btn-icon .icon, .is-on.btn-pill .icon { display: none } .is-on.btn-icon .icon+.icon, .is-on.btn-pill .icon+.icon { display: inline } .is-on.btn-icon, .is-on.btn-icon:hover, .is-on.btn-pill, .is-on.btn-pill:hover { color: #00000 } .btn-social:after, .btn:after { z-index: -3 } .btn-social.is-active:after, .btn.btn--lg.is-active:after { -webkit-animation: btn-lg-active-outer .8s linear; animation: btn-lg-active-outer .8s linear } @-webkit-keyframes btn-lg-active-outer { 0% { top: 8px; right: 0; bottom: 8px; left: 0; opacity: 0 } 25% { top: 0; right: -8px; bottom: 0; left: -8px; opacity: .2 } 100% { top: 0; right: -8px; bottom: 0; left: -8px; opacity: 0 } } @keyframes btn-lg-active-outer { 0% { top: 8px; right: 0; bottom: 8px; left: 0; opacity: 0 } 25% { top: 0; right: -8px; bottom: 0; left: -8px; opacity: .2 } 100% { top: 0; right: -8px; bottom: 0; left: -8px; opacity: 0 } } .btn-pill.is-active:after { -webkit-animation: btn-active-inner .8s linear; animation: btn-active-inner .8s linear } @-webkit-keyframes btn-active-inner { 0% { -webkit-transform: scale(.5); transform: scale(.5); opacity: 0 } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: .3 } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0 } } @keyframes btn-active-inner { 0% { -webkit-transform: scale(.5); transform: scale(.5); opacity: 0 } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: .3 } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0 } } .entity-secondary-menu .layout_cover_img, .entity_visual_image, .playlist-cover-grid>li img, .row--list-image img { width: 100%; height: auto } .entity .btn-pill { position: absolute; z-index: 2 } .player_entity-information>* { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .list-link.list-link--small a, a.small, p.small { font-size: 12px; font-size: .85714rem } .section-header .select select, .section-header h1 { font-size: 11px; font-size: .78571rem; letter-spacing: 1px; line-height: 1.3636; text-transform: uppercase } .entity-secondary-menu .layout_body_title, .entity_information_title { margin-bottom: .42857rem; text-transform: capitalize; font-weight: 600; font-family: futurabook, Arial, sans-serif } .entity-secondary-menu .layout_body_title { font-size: 13px; font-size: .92857rem } .entity_information_title { font-size: 12px; font-size: .85714rem } .entity-secondary-menu .layout_body_secondary, .entity_information_secondary { font-size: 10px; font-size: .71429rem; font-family: futurabook, Arial, sans-serif; text-transform: uppercase } .btn, .btn-social>div:last-child, a.link-action:link { font-size: 10px; font-size: .71429rem; font-family: futurabold, Arial, sans-serif } .btn-link, .messages_message_text, .notifications .notification-target, p.small { font-size: 12px; font-size: .85714rem; font-family: futurabook, Arial, sans-serif } .btn-action, .form-group label:not(.radio-inline), .notifications .notification-target span { font-size: 12px; font-size: .85714rem; font-family: futurabold, Arial, sans-serif } .btn-secondary-menu { font-size: 13px; font-size: .92857rem; font-family: futurabook, Arial, sans-serif } .navigation .secondary { font-size: 10px; font-size: .71429rem; font-family: futurabook, Arial, sans-serif } .player_entity-information_title { font-size: 13px; font-size: .92857rem; font-family: futurabook, Arial, sans-serif } .list-secondary-menu>li { border-bottom: 1px solid #d1d1d1 } .list-secondary-menu>li:last-child { border-bottom: none } .list-link>li { display: block } body { height: 100% } @media only screen and (min-width:992px) { .l-form-2-col-md>div:first-child { padding-right: 24px } .l-form-2-col-md>div:last-child { padding-left: 24px } } .container { padding-left: 16px; padding-right: 16px; clear: both } .container>.no-padding-x { margin-left: -16px; margin-right: -16px } .row--list-grid { margin: -8px } .row--list-grid>[class*=col-] { padding: .57143rem } @media only screen and (max-width:992px) { .container { padding: 48px 0 72px } } .form-group label:not(.radio-inline) { line-height: 2 } .section-header .select:focus { outline-width: 0 } a:link.link-color { font-family: futurademi, Arial, sans-serif } a, a.link-wrap { font-size: inherit } a { text-decoration: underline } .btn-action, .btn-action:active, .btn-action:focus, .btn-action:hover, .btn-action:visited, a.link-wrap, a:link.link-color { text-decoration: none } a:active, a:link { color: #00000 } a:visited { color: #ff6c92 } a:focus, a:hover { color: #d20036 } a:link.link-action { padding: .85714rem; text-transform: uppercase; line-height: 1.6; letter-spacing: 1px } a:link.link-color { color: #00000 } a.link-wrap { color: inherit; outline: 0 } .btn { padding: 16px 12px } .btn:before { top: 12px; right: 0; bottom: 12px; left: 0 } .btn span { text-transform: initial } .btn.btn--lg:before { top: 8px; right: 0; bottom: 8px; left: 0 } .btn.btn-xs { padding: 12px 5px } .btn.is-disabled, .btn[disabled] { pointer-events: none } .btn.is-disabled:hover, .btn[disabled]:hover { cursor: not-allowed } .btn:after { top: 12px; right: 0; bottom: 12px; left: 0; background-color: #737373 } .btn.is-active:after { -webkit-animation: btn-is-active .8s linear; animation: btn-is-active .8s linear } @-webkit-keyframes btn-is-active { 0% { top: 12px; right: 0; bottom: 12px; left: 0; opacity: 0 } 25% { top: 4px; right: -8px; bottom: 4px; left: -8px; opacity: .3 } 100% { top: 4px; right: -8px; bottom: 4px; left: -8px; opacity: 0 } } @keyframes btn-is-active { 0% { top: 12px; right: 0; bottom: 12px; left: 0; opacity: 0 } 25% { top: 4px; right: -8px; bottom: 4px; left: -8px; opacity: .3 } 100% { top: 4px; right: -8px; bottom: 4px; left: -8px; opacity: 0 } } @-webkit-keyframes button-is-active { 0%, 100% { -webkit-transform: scale(1); transform: scale(1) } 25% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes button-is-active { 0%, 100% { -webkit-transform: scale(1); transform: scale(1) } 25% { -webkit-transform: scale(1.1); transform: scale(1.1) } } .btn-action, .btn-action span { line-height: 1.334; position: relative } .btn-action { appearance: none; -moz-appearance: none; -webkit-appearance: none; vertical-align: middle; display: inline-block; z-index: 0; text-transform: uppercase; letter-spacing: 1px; color: #737373; background-color: #f0f0f0 } .btn-action, .btn-action:after { height: 48px; min-width: 48px; border-radius: 24px; padding: 16px } .btn-action i, .btn-action span { z-index: 2 } .btn-action span { vertical-align: top; margin-left: 8px } .btn-action:focus { outline: 0 } .btn-action.small, .btn-action.small:after { height: 36px; min-width: 36px; border-radius: 18px; padding: 10px } .btn-action:after { background-color: #000; content: ''; opacity: 0 } .btn-action:hover { cursor: pointer } .btn-action:hover:after { opacity: .05 } .btn-action .icon+.icon, .btn-action span+span, .btn-action.is-on span { display: none } .btn-action.is-on span+span { display: inline } .btn-action.is-on { color: #00000 } .btn-action.facebook:hover { color: #fff; background-color: #5f78ab } .btn-action.website:hover { color: #fff; background-color: #707070 } .logo { background-position: center } .btn-icon { width: 32px; height: 48px } .btn-icon::-moz-focus-inner { border: 0; outline: 0 } .btn-icon .icon { display: inline; line-height: 48px } .btn-icon:after { background-color: #737373 } .btn-pill:after { background-color: #fff } .btn-icon.is-active:after { border-radius: 100%; opacity: 0; margin: -28px 0 0 -28px; height: 56px; width: 56px; z-index: -2; content: ""; -webkit-animation: btn-icon-is-active .8s linear; animation: btn-icon-is-active .8s linear } @-webkit-keyframes btn-icon-is-active { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0 } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: .2 } 100% { opacity: 0 } } @keyframes btn-icon-is-active { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0 } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: .2 } 100% { opacity: 0 } } .btn-link { color: #262626; text-decoration: underline; line-height: 1; padding: 18px 12px } .btn-secondary-menu { text-decoration: none } .btn-link:hover { color: #000 } .btn-link.btn--brand { color: #00000 } .btn-link.btn--brand:hover { color: #d20036 } .btn-link.is-disabled, .btn-link[disabled] { color: #bfbfbf!important; pointer-events: none } .btn-link.is-disabled:hover, .btn-link[disabled]:hover { color: #bfbfbf!important; cursor: not-allowed } .btn-pill { width: 48px; height: 48px } .btn-pill:after, .btn-pill:before { border-radius: 24px; top: 2px; right: 2px; bottom: 2px; left: 2px } .btn-pill:after { z-index: -1; -webkit-transform: scale(0); transform: scale(0); opacity: 0 } .btn-pill .icon { display: inline; line-height: 48px } .btn-pill.btn--sm:after, .btn-pill.btn--sm:before { top: 12px; right: 12px; bottom: 12px; left: 12px } .btn-pill.btn--xs:after, .btn-pill.btn--xs:before { top: 16px; right: 16px; bottom: 16px; left: 16px } .btn-social:after, .btn-social:before { top: 8px; bottom: 8px; left: 0; right: 0 } .btn-pill.btn--xs .icon { font-size: 8px } .btn-social { padding: 8px 0 } .btn-social>div { padding: 8px 10px } .btn-social>div:first-child { line-height: 1; border-right: 1px solid #fff; color: #fff } .btn-social>div:last-child { width: 100% } .btn-social:after { background-color: #737373 } .logo { background-repeat: no-repeat; background-size: contain } .btn-secondary-menu { padding: 16px 16px 16px 48px; position: relative; display: block; width: 100%; text-align: left; color: #737373; line-height: 16px } .btn-secondary-menu:link, .btn-secondary-menu:visited { color: #737373 } .btn-secondary-menu:active, .btn-secondary-menu:hover { background-color: #f9f9f9 } .btn-secondary-menu .icon { position: absolute; left: 16px; top: 16px } .btn-secondary-menu.is-on .icon { color: #00000 } @-webkit-keyframes move-from-top-opacity { 0% { top: 50px; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0) } 100% { top: 100%; opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes move-from-top-opacity { 0% { top: 50px; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0) } 100% { top: 100%; opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .icon, .icon-data { position: relative; display: inline-block; font-family: jamendo-licensing-icons; font-style: normal; font-weight: 400; text-transform: none; line-height: 1 } .icon { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; width: 16px; height: 16px } .icon-chevron-down:before { content: "" } .icon-chevron-left:before { content: "" } .icon-chevron-right:before { content: "" } .icon-close:before { content: "" } .icon-comment:before { content: "" } .icon-download:before { content: "" } .icon-facebook:before { content: "" } .icon-filter:before { content: "" } .icon-google:before { content: "" } .icon-heart:before { content: "" } .icon-heart-on:before { content: "" } .icon-home:before { content: "" } .icon-information:before { content: "" } .icon-link:before { content: "" } .icon-mail:before { content: "" } .icon-menu:before { content: "" } .icon-menu-secondary:before { content: "" } .icon-pause:before { content: "" } .icon-picture:before { content: "" } .icon-play:before { content: "" } .icon-user:before { content: "" } .icon-youtube:before { content: "" } .icon-close-s:before { content: "" } .icon-comment-s:before { content: "" } .icon-download-s:before { content: "" } .icon-heart-on-s:before { content: "" } .icon-menu-secondary-s:before { content: "" } .icon-pause-s:before { content: "" } .icon-picture-s:before { content: "" } .icon-play-s:before { content: "" } .icon-user-s:before { content: "" } .icon-data-chevron-down:before { content: "" } .icon-data-chevron-left:before { content: "" } .icon-data-chevron-right:before { content: "" } .icon-data-close:before { content: "" } .icon-data-comment:before { content: "" } .icon-data-download:before { content: "" } .icon-data-facebook:before { content: "" } .icon-data-filter:before { content: "" } .icon-data-google:before { content: "" } .icon-data-heart:before { content: "" } .icon-data-heart-on:before { content: "" } .icon-data-home:before { content: "" } .icon-data-information:before { content: "" } .icon-data-link:before { content: "" } .icon-data-mail:before { content: "" } .icon-data-menu:before { content: "" } .icon-data-menu-secondary:before { content: "" } .icon-data-pause:before { content: "" } .icon-data-picture:before { content: "" } .icon-data-play:before { content: "" } .icon-data-user:before { content: "" } .icon-data-youtube:before { content: "" } .icon-data-close-s:before { content: "" } .icon-data-comment-s:before { content: "" } .icon-data-download-s:before { content: "" } .icon-data-heart-on-s:before { content: "" } .icon-data-menu-secondary-s:before { content: "" } .icon-data-pause-s:before { content: "" } .icon-data-picture-s:before { content: "" } .icon-data-play-s:before { content: "" } .icon-data-user-s:before { content: "" } .icon[class$="-s"] { font-size: 12px; width: 12px; height: 12px } .icon--24 { font-size: 24px; width: 24px; height: 24px } .icon--32 { font-size: 32px; width: 32px; height: 32px } .icon--48 { font-size: 48px; width: 48px; height: 48px } .icon--72 { font-size: 72px; width: 72px; height: 72px } @-webkit-keyframes loader1 { 0%, 25%, 50% { -webkit-transform: scale(1); transform: scale(1) } 15%, 40% { -webkit-transform: scale(1.6); transform: scale(1.6) } } @keyframes loader1 { 0%, 25%, 50% { -webkit-transform: scale(1); transform: scale(1) } 15%, 40% { -webkit-transform: scale(1.6); transform: scale(1.6) } } @-webkit-keyframes loader2 { 0%, 51% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } 50% { opacity: 0; -webkit-transform: scale(3); transform: scale(3) } } @keyframes loader2 { 0%, 51% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } 50% { opacity: 0; -webkit-transform: scale(3); transform: scale(3) } } .logo { pointer-events: none; height: 50px; width: 128px; background-image: url(https://images.jamendo.com/jamendomusic/static/svg/jamendo-music-logo-white.svg) } .logo.logo--sm { height: 40px; width: 100px } .logo.logo--lg { height: 65px; width: 166px } .desktop-secondary-menu { visibility: hidden; position: absolute; z-index: 5; white-space: nowrap; background-color: #fff; border: 1px solid #d1d1d1; opacity: 0; transition: all .3s linear; top: 100%; right: 0 } .desktop-secondary-menu-wrap { position: relative; overflow: visible } .desktop-secondary-menu.top-left { bottom: 100%; top: initial; right: initial; left: 0 } .desktop-secondary-menu.top-right { bottom: 100%; top: initial } .entity { position: relative } .entity_menu { position: absolute; bottom: 0; right: 0 } .entity_information { background-color: #f9f9f9 } .entity_information>div:first-child { padding: 0 2.28571rem 0 .85714rem; height: 60px } .entity_information_title { width: 100%; overflow: hidden; text-overflow: ellipsis; display: inline } .entity_information_secondary { display: inline-block; margin-top: 8px } .entity_information_secondary>span { display: inline-block; margin-bottom: 4px } .entity.entity--artist .entity_information, .entity.entity--user .entity_information { background-color: transparent; text-align: center } .entity.entity--artist .entity_information>div, .entity.entity--user .entity_information>div { padding: 0 .85714rem } .entity-secondary-menu { padding: 1.14286rem; border-bottom: 1px solid #bfbfbf } .entity-secondary-menu .layout { color: #4d4d4d } .entity-secondary-menu .layout_cover { position: absolute; width: 50px; width: 3.57143rem } .entity-secondary-menu .layout_cover_img { display: block } .entity-secondary-menu .layout_body { padding: 0 1.14286rem 0 4.71429rem; text-align: left; height: 50px } .entity-secondary-menu .layout_body_secondary, .entity-secondary-menu .layout_body_title { display: inline } @-webkit-keyframes entryBlink { 0%, 100% { background-color: #fff } 25% { background-color: #e8e8e8 } } @keyframes entryBlink { 0%, 100% { background-color: #fff } 25% { background-color: #e8e8e8 } } .list-button, .list-button>li { display: inline-block } .list-button { height: 48px; height: 3.42857rem; white-space: nowrap; vertical-align: top } .list-button>li:first-child { margin-left: .57143rem } .player-controls li { display: inline-block } .list-link li { margin-bottom: .57143rem } .list-link.list-link--small li { margin-bottom: 0 } .player-controls .player-controls_play .icon-play, .player-controls.is-pause .player-controls_play .icon-pause { display: none } .player-controls .player-controls_play .icon-pause, .player-controls.is-pause .player-controls_play .icon-play { display: inline } .player .player-controls .player-controls_play { width: 64px; width: 4.57143rem } .player .player-controls .player-controls_play .icon { font-size: 32px; font-size: 2.28571rem; width: 32px; width: 2.28571rem; height: 32px; height: 2.28571rem } .playlist-cover-grid { width: 100%; display: inline-block; overflow: hidden; font-size: 0 } .playlist-cover-grid>li { float: left; width: 50%; height: 50% } .section-header .select+.select, .section-header h1+.select { margin-left: 4px } .section-header .select select:hover, .section-header .select:hover { cursor: pointer } .section-no-header { margin-top: 32px } @media only screen and (min-width:1334px) { .section-no-header { margin-top: 48px } } .section-footer { text-align: right; margin-top: 20px; height: 24px; overflow-y: visible } .section-footer .btn { margin-top: -12px } .section-header { margin-top: 18px; height: 48px; position: relative; color: #737373 } .section-header_left>div, .section-header_right>div { display: inline-block; background-color: #fff } .section-header_left { width: 100% } .section-header_left>div { padding-right: 12px } .section-header_right { white-space: nowrap } .section-header_right>div { padding-left: 12px } .section-header h1 { color: inherit } .section-header .select { position: relative; display: inline-block; z-index: 2 } .section-header .select select { border-radius: 3px; padding: 5px 32px 4px 6px; border: 1px solid #bfbfbf; text-transform: uppercase; background: 0 0; line-height: 1.2727; color: inherit; outline: 0; font-family: futurabook, Arial, sans-serif } .section-header .select select::-ms-expand { display: none } .section-header .select select:focus { box-shadow: 0 0 5px #bfbfbf } .section-header .select .icon { top: 50%; margin-top: -6px; position: absolute; right: 10px; z-index: -1; font-size: 12px; color: #bfbfbf; width: 12px; height: 12px } .section-header.mono-select { margin-bottom: 8px } @media only screen and (min-width:992px) { .section-header { margin-top: 20px } } .section-header+.section-header { margin-top: 0 } .btn-action-list li, .navigation .wrap>div:first-child>div { vertical-align: top } .navigation .wrap>div:first-of-type>a .logo:hover, .navigation a:hover { cursor: pointer } .selection_titles h1 { font-weight: 600; font-size: 17px; text-transform: initial; letter-spacing: 0 } .selection_titles h2 { font-size: 13px; font-weight: 400; margin-bottom: 10px } .btn-action-list, .btn-action-list li { display: inline-block } .btn-action-list li { margin-right: 12px; font-size: 0 } .btn-action-list li:last-child { margin-right: 0 } .btn-action-list li:empty { display: none } .btn-action-list.small li { margin-right: 8px } .btn-action-list.small .icon-pause-s, .btn-action-list.small .icon-play-s { top: 1px } .btn-expand { width: 36px; height: 36px; float: right } .btn-expand .icon { font-size: 12px; line-height: 36px } .navigation a, .player_entity-information>* { text-decoration: none } .messages, .messages_message_text a { color: #fff } .messages_message, .messages_message .container { position: relative } .messages:empty, .messages_message:not(:nth-last-child(-n+2)) .messages_message_dismiss, .messages_message:not(:nth-last-child(-n+2)) .messages_message_text, .messages_message:not(:nth-last-child(-n+4)) { display: none } .messages { background-color: #fff; margin: 8px } .messages_message { background-color: #262626; padding: .85714rem; border-top: 1px solid #fff } .messages_message_text { padding-right: 3.42857rem } .navigation a, .navigation a:link, .navigation a:visited { color: #d1d1d1 } .messages_message_dismiss { position: absolute; right: 0; top: 50%; margin-top: -1.71429rem; width: 36px; width: 2.57143rem; height: 36px; height: 2.57143rem } .messages_message_dismiss .icon { margin-left: -.42857rem; margin-top: -.42857rem } .messages_message:first-child { border-top: none } .messages_message:not(:nth-last-child(-n+2)) { padding: .14286rem 0 } .navigation { width: 180px; background-color: #262626; height: auto } .navigation a.is-active .icon, .navigation a.is-active:link, .navigation a.is-active:visited, .navigation a:active, .navigation a:active .icon, .navigation a:hover, .navigation a:hover .icon { color: #fff } .navigation .wrap>div:first-of-type>a { display: inline-block } .navigation .wrap>div:first-of-type>a .logo { margin: 12px 0 } .navigation .secondary { letter-spacing: .5px; width: 148px } .navigation .secondary li { display: inline; line-height: 1.5; white-space: nowrap; margin-right: 4px } .navigation .secondary li:last-child:after { display: none } .navigation .logo-link { padding: 16px 0; display: inline-block } .navigation .wrap { display: -webkit-box; display: -ms-flexbox } .navigation .wrap { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 16px; height: 100%; min-height: 100vh } .navigation .wrap>div:last-child>div { vertical-align: bottom; padding-bottom: 16px } .navigation .social { margin-left: -4px; text-align: center } .navigation .social li { display: inline-block } .navigation .social a:link, .navigation .social a:visited { color: #999; width: 34px; height: 27px } .navigation .social a:link .icon, .navigation .social a:visited .icon { line-height: 27px } .navigation .social a.btn--facebook:before, .navigation .social a.btn--google:before, .navigation .social a.btn--instagram:before { background-color: transparent } @media only screen and (max-width:992px) { .navigation { width: 300px; height: auto } .navigation .close { margin: 8px 0 0 8px; width: 48px; height: 48px } .navigation .wrap { padding: 0 24px 24px } .navigation .wrap>div>a { display: none } .navigation .secondary a { line-height: 1; display: block } .navigation .social { margin-left: -3px; text-align: left } .navigation .social li { display: inline-block } .navigation .social li a:link { width: 48px; height: 48px; color: #fff } .navigation .social li a:link .icon { line-height: 48px } .navigation .social a.btn--facebook:before { background-color: #5f78ab } .navigation .social a.btn--google:before { background-color: #dd4b39 } .navigation .social a.btn--instagram:before { background-color: #e0176c } } .arrow-top { position: absolute; top: -5px; width: 5px; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #d1d1d1 } .notifications { overflow-y: auto; width: 100%; height: 100%; max-height: 413px } .notifications .notification { border-bottom: 1px solid #d1d1d1 } .notifications .notification>div { padding: 0 12px } .notifications .notification>div:nth-child(2) { padding-left: 0 } .notifications .notification-target { color: #737373 } .notifications .notification-target span { color: #262626 } .notifications .notification-target>div { padding: 16px 0 } .notifications .notification-target>div:first-child { width: 36px } .notifications .notification-target>div:last-child { padding-left: 12px } .notifications .notification:hover { background-color: #e8e8e8 } .notifications .notification:last-child { border-bottom: none } .notifications .notification .btn { white-space: nowrap } @media only screen and (max-width:768px) { .notifications { width: 100%; height: 100%; max-height: 100%; overflow-y: auto } .notifications :hover { overflow-y: hidden } } .player { color: #fff; overflow: hidden } .player>* { position: absolute } .player_cover, .player_entity-information { left: 16px; left: 1.14286rem; right: 16px; right: 1.14286rem } .player_controls { left: 0; right: 0; text-align: center; font-size: 0 } .player_cover { top: 64px; top: 4.57143rem; bottom: 308px; bottom: 22rem; text-align: center } .player_cover img { width: auto; height: auto; max-width: 100%; max-height: 100%; display: inline-block; border: 1px solid #fff } .player_entity-information { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 36px; height: 2.57143rem; bottom: 256px; bottom: 18.28571rem } .player_entity-information>* { display: block; text-align: center } .player_entity-information>:hover { color: #fff!important; text-decoration: underline } .player_controls { height: 48px; height: 3.42857rem; bottom: 16px; bottom: 1.14286rem } @media only screen and (min-width:768px) { .player_entity-information { left: 48px; left: 3.42857rem; right: 48px; right: 3.42857rem } .player_cover { top: 112px; top: 8rem; bottom: 404px; bottom: 28.85714rem } .player_cover img { height: 100%; width: auto; display: inline-block; border: 1px solid #fff } .player_entity-information { height: 40px; height: 2.85714rem; bottom: 344px; bottom: 24.57143rem } .player_entity-information_title { font-size: 18px; font-size: 1.28571rem } .player_controls { bottom: 40px; bottom: 2.85714rem } } @media only screen and (min-width:992px) { .player_cover { top: 96px; top: 6.85714rem; bottom: 332px; bottom: 23.71429rem } .player_entity-information { bottom: 276px; bottom: 19.71429rem } .player_controls { bottom: 24px; bottom: 1.71429rem } } @media only screen and (min-width:1334px) { .player_cover { top: 112px; top: 8rem; bottom: 404px; bottom: 28.85714rem } .player_entity-information { bottom: 344px; bottom: 24.57143rem } .player_controls { bottom: 40px; bottom: 2.85714rem } } @media only screen and (max-height:430px) { .player_cover { display: none } } @media only screen and (min-width:768px) and (max-width:992px) and (max-height:550px) { .player_cover { display: none } } @media only screen and (min-width:992px) and (max-height:470px) { .player_cover { display: none } } @media only screen and (min-width:1334px) and (max-height:550px) { .player_cover { display: none } } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100% } .owl-carousel .owl-nav.disabled { display: none } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block } .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { background: 0 0; color: inherit; border: none; padding: 0!important; font: inherit } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } .slider-radio { position: relative } .slider-radio { display: inline-block } .slider-radio label { display: inline-block; padding: 10px 20px; cursor: pointer; font-size: 20px } button { padding: 0; border: none; background-color: transparent; transition: .5s ease; transition-property: color, background-color, border-color, box-shadow; cursor: pointer } button:focus { outline: 0 } a { transition: .5s ease; transition-property: color, background-color, border-color, box-shadow } a:active, a:focus, a:hover { outline: 0; text-decoration: none } select { padding: 0; margin: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; box-shadow: none; transition: .5s ease; transition-property: color, background-color, border-color, box-shadow } select:focus { outline: 0 } select::-ms-expand { display: none } ul { margin: 0; padding: 0; list-style: none } ::-moz-selection { background: #fff; color: #222227; text-shadow: none } ::selection { background: #fff; color: #222227; text-shadow: none } ::-webkit-input-placeholder { color: silver; opacity: 1 } ::-moz-placeholder { color: silver; opacity: 1 } :-moz-placeholder { color: silver; opacity: 1 } :-ms-input-placeholder { color: silver; opacity: 1 } :focus { outline: -webkit-focus-ring-color auto 0 } body::-webkit-scrollbar { width: 16px } body::-webkit-scrollbar-track { background: #222227 } body::-webkit-scrollbar-thumb { background-color: silver; outline: 1px solid #222227 } .fade { transition: opacity .4s linear } @media screen and (prefers-reduced-motion:reduce) { .fade { transition: none } } .fade:not(.show) { opacity: 0 } .collapse:not(.show) { display: none } :focus-visible { outline: 0 dotted } .row--grid { margin-right: -10px; margin-left: -10px } .row--grid .col-12, .row--grid .col-6 { padding-left: 10px; padding-right: 10px } @media (min-width:768px) { .row--grid { margin-right: -15px; margin-left: -15px } .row--grid .col-12, .row--grid .col-6 { padding-left: 15px; padding-right: 15px } } .owl-carousel .owl-item { -webkit-transform: none } .header { display: block; position: fixed; top: 0; left: 0; right: 0; width: auto; height: 70px; background-color: #16151a; border-bottom: 1px solid #222227; z-index: 101 } .header__content { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 100%; width: 100%; position: relative; padding: 0 15px } .header__logo { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; height: 70px; width: 100% } .header__logo img { width: 100px; height: auto; display: block } .header__action { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 100%; width: 24px; position: relative; margin-left: 15px } .header__action:first-child { margin-left: 0 } .header__action-btn { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 36px; width: 100% } .header__action-btn span { display: none } .header__action-btn svg { width: 24px; height: auto; fill: silver; transition: fill .5s ease } .header__action-btn:hover svg { fill: #fff } .header__btn { position: absolute; width: 24px; height: 22px; display: block; right: 15px; top: 24px } .header__btn span { position: absolute; right: 0; width: 24px; height: 2px; background-color: silver; border-radius: 2px; transition: .5s ease } .header__btn span:first-child { top: 0 } .header__btn span:nth-child(2) { top: 10px; width: 16px } .header__btn span:last-child { top: 20px; width: 8px } .header__btn:hover span { background-color: #25a56a } .header__btn--active span { background-color: #25a56a } .header__btn--active span:first-child { transform: rotate(-45deg); top: 9px } .header__btn--active span:nth-child(2) { opacity: 0; width: 0 } .header__btn--active span:last-child { width: 24px; transform: rotate(45deg); top: 9px } .header__nav { display: none } .header__product { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, .1); position: relative; padding-left: 56px } .header__product button { position: absolute; width: 14px; bottom: 5px; right: 0 } .header__product button svg { width: 14px; height: auto; fill: silver; transition: fill .4s ease } .header__product button:hover svg { fill: #25a56a } .header__product img { width: 46px; height: auto; position: absolute; top: 0; left: 0; border-radius: 6px } .header__product p { color: #fff; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; width: 100%; display: block; margin-bottom: 0; font-weight: 400 } .header__product p a { color: #fff } .header__product p a:hover { color: #25a56a } .header__product span { padding: 0; font-size: 14px; color: silver; position: relative; background-color: transparent; top: auto; left: auto; display: block; width: 100%; margin-top: 5px; line-height: 100% } .header__product:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none } .header__all { display: none } @media (min-width:400px) { .header__action { margin-left: 20px } .header__action:first-child { margin-left: 0 } } @media (min-width:576px) { .header__action-btn span { display: block; white-space: nowrap; color: silver; font-size: 16px; margin-right: 10px; font-family: Inter, sans-serif; transition: color .5s ease } .header__content { padding: 0 30px } .header__btn { right: 30px } } @media (min-width:768px) { .header__action { margin-left: 30px } } @media (min-width:1200px) { .header { position: relative; padding-left: 280px } .header__btn, .header__logo { display: none } .header__nav { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-right: 60px } .header__nav a { font-size: 16px; color: silver; margin-right: 30px; font-family: Inter, sans-serif } .header__nav a:last-child { margin-right: 0 } .header__nav a:hover { color: #25a56a } .header__all { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; background-color: rgba(255, 255, 255, .1); color: silver; font-size: 13px; font-weight: 400; font-family: Inter, sans-serif; margin-bottom: 15px; height: 24px; border-radius: 8px 8px 0 0 } .header__all:hover { color: #25a56a } } .main { position: relative; margin-top: 70px; padding: 20px 0 60px } .main__title { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; margin-bottom: 10px; margin-top: 60px } .main__title h1 { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; font-family: Inter, sans-serif; font-weight: 400; color: #fff; font-size: 30px; line-height: 140%; margin-bottom: 0; position: relative } .main__title h1 b { font-weight: 500 } .main__title h1 a { color: #fff } .main__title h1 a:hover { color: #25a56a } .main__title h2 { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; font-family: Inter, sans-serif; font-weight: 400; color: #fff; font-size: 26px; line-height: 100%; margin-bottom: 0; position: relative } .main__title h2 svg { width: 26px; height: auto; fill: #25a56a; margin-right: 10px } .main__title h2 b { font-weight: 500 } .main__title h2 a { color: #000 } .main__title h2 a:hover { color: #25a56a } .main__title h3 { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; font-family: Inter, sans-serif; font-weight: 400; font-size: 24px; color: #fff; margin-bottom: 0; line-height: 100%; position: relative } .main__title p { display: block; width: 100%; font-size: 16px; line-height: 26px; color: silver; margin-top: 20px; margin-bottom: 0 } .main__title p b { font-weight: 600 } .main__title p a { color: #25a56a; text-decoration: underline } .main__title p a:hover { text-decoration: none } .main__link { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 16px; color: silver; font-weight: 400 } .main__link svg { width: 22px; height: auto; fill: silver; margin-left: 5px; transition: fill .5s ease } .main__link:hover { color: #fff } .main__link:hover svg { fill: #25a56a } .main__carousel-wrap { position: relative } .main__nav { display: none } .main__list { margin-top: 20px } .main__filter { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-top: 20px; padding-bottom: 20px; padding-top: 20px; background-color: #16151a; position: relative } .main__filter:before { content: ""; position: absolute; display: block; left: -15px; right: -15px; width: auto; top: 0; border-top: 1px solid #222227; border-bottom: 1px solid #222227; bottom: 0; background-color: #16151a } .main__filter-wrap { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; position: relative; z-index: 2; padding: 0 20px } @media (min-width:576px) { .main { padding: 20px 15px 50px } .main__filter:before { left: -30px; right: -30px } } @media (min-width:768px) { .main { padding: 30px 15px 70px } .main__title { margin-top: 70px; margin-bottom: 0 } .main__title h1 { font-size: 36px } .main__title h2 { font-size: 30px } .main__title h2 svg { width: 30px } .main__title p:last-child { margin-bottom: 10px } .main__list { margin-top: 30px } .main__filter { padding: 0; flex-direction: row; align-items: center; margin-top: 30px; height: 70px } .main__filter-wrap { padding: 0 } } @media (min-width:1200px) { .main__nav { position: absolute; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 34px; height: 34px; right: 0; bottom: -14px; z-index: 2 } .main__nav svg { width: 30px; height: auto; fill: silver; transition: fill .5s ease } .main__nav:hover svg { fill: #25a56a } .main__nav--prev { right: 25px } .main__nav--next { right: -5px } .main__filter { position: -webkit-sticky; position: sticky; top: 0; z-index: 99; background-color: #fff; border: none } } /*============================== Profile ==============================*/ .profile { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; background-color: #16151a; padding: 20px 20px 0; border-radius: 12px; position: relative; margin-top: 20px; border: 1px solid #222227 } .profile__logout { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: auto; position: absolute; top: 20px; right: 20px } .profile__logout span { display: none; font-size: 16px; color: silver; margin-right: 10px; transition: .5s ease; font-family: Inter, sans-serif } .profile__logout svg { fill: silver; width: 24px; height: auto; transition: fill .5s ease } .profile__logout:hover span { color: #fff } .profile__logout:hover svg { fill: #25a56a } .profile__user { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 20px } .profile__meta { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start } .profile__meta h3 { color: #fff; font-family: Inter, sans-serif; display: block; font-size: 16px; font-weight: 400; margin-bottom: 7px; line-height: 100% } .profile__meta span { color: silver; font-size: 12px; line-height: 100% } @media (min-width:768px) { .profile { margin-top: 30px; padding: 0 20px; flex-direction: row; justify-content: space-between; align-items: center } .profile__user { margin-bottom: 0; margin-right: 60px } .profile__logout { position: relative; top: auto; right: auto } .profile__logout span { display: block } } .album { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-top: 20px; width: 100% } .album__cover { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 12px; position: relative; overflow: hidden; width: 100%; background-color: #000 } .album__cover img { width: 100%; display: block; position: relative; z-index: 1; opacity: 1; transition: .5s ease } .album__cover a { position: absolute; z-index: 2; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 56px; height: 56px; top: 50%; left: 50%; margin: -28px 0 0 -28px; border-radius: 12px; background-color: #222227; transform: scale(.8); opacity: 0; transition: .5s ease; border: 1px solid rgba(255, 255, 255, .05) } .album__cover a svg { fill: #fff; width: 24px; height: auto; margin: 1px 0 0 1px; transition: fill .5s ease } .album__cover a:hover svg { fill: #25a56a } .album__cover:hover img { opacity: .6; transform: scale(1.08) } .album__cover:hover a { opacity: 1; transform: scale(1) } .album__cover:hover .album__stat { opacity: 1; transform: scale(1) } .album__title { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-top: 5px } .album__title h3 { display: block; width: 100%; color: #fff; font-size: 16px; font-weight: 400; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word } .album__title h3 a { color: #fff } .album__title h3 a:hover { color: #25a56a } .album__title span { display: block; width: 100%; color: silver; font-size: 14px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word } .album__title span a { color: #000; text-decoration: none } .album__title span a:hover { color: #25a56a } .album__stat { position: absolute; z-index: 2; display: flex; flex-direction: row; justify-content: center; align-items: center; bottom: 20px; left: 0; right: 0; color: #fff; font-size: 12px; transform: scale(.8); opacity: 0; transition: .5s ease } .album__stat span { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-right: 15px } .album__stat span:last-child { margin-right: 0 } .album__stat svg { width: 14px; height: auto; fill: #fff; margin-right: 5px } @media (min-width:768px) { .album { margin-top: 30px } .album__stat { font-size: 13px } .album__stat span { margin-right: 20px } .album__stat span:last-child { margin-right: 0 } .album__stat svg { width: 16px } } .store-item { margin-top: 20px; border: 1px solid #222227; background-color: #16151a; padding: 20px; border-radius: 12px; position: release; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100% } .store-item__cover { display: block; position: release; width: 100%; border-radius: 12px; overflow: hidden } .store-item__cover img { width: 100% } .store-item__buy { width: 100%; height: 50px; border-radius: 12px; background-color: #25a56a; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: Inter, sans-serif; font-weight: 500; padding: 0 25px; margin-top: 15px } .store-item__buy svg { fill: #fff; width: 28px; height: auto; margin-right: 7px } .store-item__buy:hover { background-color: #222227; color: #fff } .store-item__content { width: 100%; display: block } .store-item__carousel { position: relative; width: 100% } @media (min-width:768px) { .store-item { flex-direction: row } .store-item__content { width: 230px; margin-right: 20px } } @media (min-width:1200px) { .store-item__content { width: 290px } } .artist { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-top: 20px; width: 100%; position: relative } .artist__cover { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 12px; position: relative; overflow: hidden; width: 100% } .artist__cover:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(45deg, rgba(37, 165, 106, .8) 0, rgba(37, 165, 106, 0) 100%); opacity: 0; transition: opacity .5s ease; z-index: 2 } .artist__cover img { width: 100%; display: block; position: relative; z-index: 1 } .artist__title { z-index: 3; color: #fff; font-size: 16px; margin-bottom: 0; text-align: center; width: 100%; transition: color .5s ease; margin-top: 10px; font-family: Inter, sans-serif; font-weight: 400 } .artist:hover .artist__cover:before { opacity: .3 } .artist:hover .artist__title { color: #25a56a } @media (min-width:768px) { .artist { margin-top: 30px } } .event { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; margin-top: 20px; width: 100%; border-radius: 12px; position: relative; overflow: hidden; padding: 20px; height: 300px } .event:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(45deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, 0) 100%); opacity: .6; transition: opacity .5s ease; z-index: 1 } .event__time { position: relative; z-index: 2; font-size: 14px; text-decoration: none; color: silver; font-weight: 400; margin-bottom: 20px } .event__title { position: relative; text-decoration: none; z-index: 2; font-family: Inter, sans-serif; font-weight: 400; color: #fff; font-size: 24px; margin-bottom: 5px; width: 100% } .event__title a { text-decoration: none; color: #fff } .event__title a:hover { color: #25a56a; text-decoration: none } .event__ticket { text-decoration: none; position: absolute; top: 20px; left: 20px; min-width: 130px; height: 40px; border-radius: 12px; background-color: #222227; display: inline-flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; z-index: 2; font-family: Inter, sans-serif; font-weight: 500; padding: 0 15px; border: 1px solid rgba(255, 255, 255, .05) } .event__ticket svg { width: 18px; text-decoration: none; height: auto; margin-right: 7px; fill: #25a56a; transition: fill .5s ease } .event__ticket:hover { color: #fff; text-decoration: none; background-color: #25a56a; border-color: #25a56a } .event__ticket:hover svg { fill: #fff; text-decoration: none } .event__out { position: absolute; top: 20px; left: 20px; text-decoration: none; min-width: 120px; height: 40px; border-radius: 12px; background-color: #25a56a; display: inline-flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; z-index: 2; font-family: Inter, sans-serif; font-weight: 500; padding: 0 15px } .event:hover:before { opacity: .8; text-decoration: none } @media (min-width:768px) { .event { margin-top: 30px; text-decoration: none; height: 320px } .event__title { font-size: 26px; text-decoration: none } } .single-item { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #222227; height: 58px } .single-item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; height: 48px } .single-item__number { color: silver; font-size: 22px; min-width: 20px; width: auto; font-family: Inter, sans-serif; font-weight: 400 } .single-item__rate { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 14px; color: silver; width: 24px; margin-right: 10px } .single-item__rate svg { fill: #25a56a; width: 20px; height: auto } .single-item__rate--red svg { fill: #eb5757 } .single-item__cover { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 8px; overflow: hidden; transition: .5s ease } .single-item__cover img { width: 48px; height: auto; opacity: 1; transition: opacity .5s ease; position: relative } .single-item__cover svg { position: absolute; opacity: 0; fill: #fff; width: 24px; height: auto; margin: 1px 0 0 1px; transition: .5s ease } .single-item__cover svg:last-child { opacity: 0 } .single-item__cover:hover svg { fill: #25a56a } .single-item__cover.active { background-color: #000 } .single-item__cover.active img { opacity: .35 } .single-item__cover.active svg { fill: #25a56a } .single-item__cover.pause svg { opacity: 1 } .single-item__cover.pause svg:last-child { opacity: 0 } .single-item__cover.play svg { opacity: 0 } .single-item__cover.play svg:last-child { opacity: 1 } .single-item__title { display: inline-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-right: auto } .single-item__title h4 { display: block; color: #000; font-size: 16px; line-height: 24px; font-weight: 400; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word } .single-item__title h4 a { color: #000 } .single-item__title h4 a:hover { color: #25a56a } .single-item__title span { display: block; color: #000; font-size: 14px; line-height: 24px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word } .single-item__title span a { color: #000 } .single-item__title span a:hover { color: #000 } .single-item__time { margin-left: 15px; font-size: 13px; color: silver } .single-item__time--live { background-color: #eb5757; color: #fff; display: inline-flex; flex-direction: row; justify-content: center; align-items: center; height: 24px; padding: 0 12px; border-radius: 8px; font-size: 12px; font-family: Inter, sans-serif; font-weight: 400 } .single-item:hover .single-item__cover { background-color: #222227 } .single-item:hover .single-item__cover img { opacity: .35 } .single-item:hover .single-item__cover svg { opacity: 1 } .single-item:hover .single-item__cover svg:last-child { opacity: 0 } .single-item:hover .single-item__cover.play svg { opacity: 0 } .single-item:hover .single-item__cover.play svg:last-child { opacity: 1 } /*============================== Live ==============================*/ .live { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-top: 20px; position: relative; overflow: hidden } .live__cover { width: 100%; border-radius: 12px; overflow: hidden; position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center } .live__cover img { position: relative; width: 100%; z-index: 1; transition: .5s ease } .live__cover svg { position: absolute; display: block; fill: #fff; width: 46px; height: auto; transition: .5s ease; z-index: 3; transform: scale(.8); opacity: 0 } .live__cover:before { content: ""; position: absolute; display: block; top: 0; bottom: 0; right: 0; left: 0; z-index: 2; background: linear-gradient(45deg, rgba(37, 165, 106, .8) 0, rgba(37, 165, 106, 0) 100%); opacity: .1; transition: opacity .5s ease } .live__value { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; position: absolute; bottom: 20px; left: 20px; z-index: 3; pointer-events: none; height: 28px; width: auto; padding: 0 15px; border-radius: 8px; background-color: rgba(34, 34, 39, .8); color: #fff; font-size: 12px; font-weight: 400 } .live__status { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; position: absolute; top: 20px; left: 20px; z-index: 3; pointer-events: none; height: 24px; width: auto; padding: 0 12px; border-radius: 8px; background-color: #eb5757; color: #fff; font-size: 12px; text-transform: uppercase; font-family: Inter, sans-serif; font-weight: 400 } .live__title { font-size: 20px; font-family: Inter, sans-serif; font-weight: 400; color: #fff; margin-bottom: 0; margin-top: 10px; width: 100%; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: break-word; transition: color .5s ease } .live__title a { color: #fff } .live:hover .live__cover:before { opacity: .3 } .live:hover .live__cover svg { opacity: 1; transform: scale(1) } .live:hover .live__title { color: #25a56a } .live:hover .live__title a { color: #25a56a } @media (min-width:768px) { .live { margin-top: 30px } } .product { position: relative; margin-top: 20px; border-radius: 12px; width: 100%; overflow: hidden; background-color: #222227; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 20px } .product__img { width: 100%; border-radius: 12px; overflow: hidden; position: relative } .product__img:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(45deg, #000 0, rgba(0, 0, 0, 0) 100%); opacity: 0; transition: opacity .5s ease; z-index: 2 } .product__img img { width: 100%; display: block; position: relative; z-index: 1 } .product__img:hover:before { opacity: .2 } .product__title { display: block; width: 100%; font-size: 17px; font-weight: 400; color: #fff; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; margin-top: 15px } .product__title a { color: #fff } .product__title a:hover { color: #25a56a } .product__price { font-size: 16px; color: silver; margin-top: 5px; display: block; width: 100%; font-family: Inter, sans-serif; font-weight: 400 } .product__new { font-size: 14px; color: #eb5757; position: absolute; bottom: 20px; right: 20px; font-weight: 600 } @media (min-width:768px) { .product { margin-top: 30px } } .partners { margin-top: 60px } .partners__img img { -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .7; transition: .5s } .partners__img:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1 } @media (min-width:768px) { .partners { margin-top: 70px } } .contacts__list { margin-top: 20px } .contacts__list li { margin-bottom: 15px } .contacts__list li:last-child { margin-bottom: 0 } .contacts__list a { font-size: 16px; color: #fff; font-family: Inter, sans-serif; font-weight: 400 } .contacts__list a:hover { color: #25a56a } .contacts__social { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100% } .contacts__social a { margin-top: 20px; margin-right: 15px; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 30px; height: 30px; position: relative; transition-property: all } .contacts__social a svg { width: 100%; height: auto } .contacts__social a:last-child { margin-right: 0 } .contacts__social a:hover { opacity: 1!important; -webkit-filter: grayscale(0)!important; filter: grayscale(0)!important } .contacts__social:hover a { opacity: .7; -webkit-filter: grayscale(.7); filter: grayscale(.7) } @media (min-width:768px) { .contacts__social { margin-top: 10px } } .footer { background-color: #222227; padding: 30px 0 20px; position: relative; overflow: hidden } .footer__logo { margin-top: 60px } .footer__logo img { width: 100px; height: auto } .footer__tagline { margin-top: 15px; display: block; font-size: 14px; line-height: 24px; color: silver; margin-bottom: 0 } .footer__links { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-top: 5px } .footer__links a { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-top: 10px; color: silver; font-size: 16px } .footer__links a svg { width: 20px; height: auto; fill: #25a56a; margin-right: 10px } .footer__links a:hover { color: #25a56a } .footer__social { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100% } .footer__social a { margin-top: 20px; margin-right: 15px; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 30px; height: 30px; position: relative; transition-property: all } .footer__social a svg { width: 100%; height: auto } .footer__social a:last-child { margin-right: 0 } .footer__social a:hover { opacity: 1!important; -webkit-filter: grayscale(0)!important; filter: grayscale(0)!important } .footer__social:hover a { opacity: .6; -webkit-filter: grayscale(.6); filter: grayscale(.6) } .footer__content { margin-top: 60px; border-top: 1px solid rgba(255, 255, 255, .1) } .footer__copyright { display: block; font-size: 14px; color: silver; margin-top: 20px } .footer__copyright a { color: silver } .footer__copyright a:hover { color: #25a56a } .footer__title { display: block; margin-top: 30px; font-size: 16px; color: #fff; font-family: Inter, sans-serif; font-weight: 500; margin-bottom: 15px } .footer__nav { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start } .footer__nav a { font-size: 15px; line-height: 24px; margin-bottom: 10px; color: silver } .footer__nav a:last-child { margin-bottom: 0 } .footer__nav a:hover { color: #25a56a } @media (min-width:576px) { .footer { padding: 30px 15px 20px } } @media (min-width:768px) { .footer { padding: 20px 15px 25px } .footer__content { margin-top: 70px; padding-top: 25px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100% } .footer__logo { margin-top: 50px } .footer__title { margin-top: 50px } .footer__social { width: auto; order: 2 } .footer__social a { margin-top: 0 } .footer__copyright { margin-top: 0; order: 1 } } @media (min-width:1200px) { .footer { padding-left: 295px; padding-right: 15px } .footer__social { display: inline-flex; width: auto } } .live { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-top: 20px; position: relative; overflow: hidden } .live__cover { width: 100%; border-radius: 12px; overflow: hidden; position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center } .live__cover img { position: relative; width: 100%; z-index: 1; transition: .5s ease } .live__cover svg { position: absolute; display: block; fill: #fff; width: 46px; height: auto; transition: .5s ease; z-index: 3; transform: scale(.8); opacity: 0 } .live__cover:before { content: ""; position: absolute; display: block; top: 0; bottom: 0; right: 0; left: 0; z-index: 2; background: linear-gradient(45deg, rgba(37, 165, 106, .8) 0, rgba(37, 165, 106, 0) 100%); opacity: .1; transition: opacity .5s ease } .live__value { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; position: absolute; bottom: 20px; left: 20px; z-index: 3; pointer-events: none; height: 28px; width: auto; padding: 0 15px; border-radius: 8px; background-color: rgba(34, 34, 39, .8); color: #fff; font-size: 12px; font-weight: 400 } .live__status { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; position: absolute; top: 20px; left: 20px; z-index: 3; pointer-events: none; height: 24px; width: auto; padding: 0 12px; border-radius: 8px; background-color: #eb5757; color: #fff; font-size: 12px; text-transform: uppercase; font-family: Inter, sans-serif; font-weight: 400 } .live__title { font-size: 20px; font-family: Inter, sans-serif; font-weight: 400; color: #fff; margin-bottom: 0; margin-top: 10px; width: 100%; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: break-word; transition: color .5s ease } .live__title a { color: #fff } .live:hover .live__cover:before { opacity: .3 } .live:hover .live__cover svg { opacity: 1; transform: scale(1) } .live:hover .live__title { color: #25a56a } .live:hover .live__title a { color: #25a56a } @media (min-width:768px) { .live { margin-top: 30px } } .product { position: relative; margin-top: 20px; border-radius: 12px; width: 100%; overflow: hidden; background-color: #222227; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 20px } .product__img { width: 100%; border-radius: 12px; overflow: hidden; position: relative } .product__img:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(45deg, #000 0, rgba(0, 0, 0, 0) 100%); opacity: 0; transition: opacity .5s ease; z-index: 2 } .product__img img { width: 100%; display: block; position: relative; z-index: 1 } .product__img:hover:before { opacity: .2 } .product__title { display: block; width: 100%; font-size: 17px; font-weight: 400; color: #fff; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; margin-top: 15px } .product__title a { color: #fff } .product__title a:hover { color: #25a56a } .product__price { font-size: 16px; color: silver; margin-top: 5px; display: block; width: 100%; font-family: Inter, sans-serif; font-weight: 400 } .product__new { font-size: 14px; color: #eb5757; position: absolute; bottom: 20px; right: 20px; font-weight: 600 } @media (min-width:768px) { .product { margin-top: 30px } } .partners { margin-top: 60px } .partners__img img { -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .7; transition: .5s } .partners__img:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1 } @media (min-width:768px) { .partners { margin-top: 70px } } .contacts__list { margin-top: 20px } .contacts__list li { margin-bottom: 15px } .contacts__list li:last-child { margin-bottom: 0 } .contacts__list a { font-size: 16px; color: #fff; font-family: Inter, sans-serif; font-weight: 400 } .contacts__list a:hover { color: #25a56a } .contacts__social { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100% } .contacts__social a { margin-top: 20px; margin-right: 15px; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 30px; height: 30px; position: relative; transition-property: all } .contacts__social a svg { width: 100%; height: auto } .contacts__social a:last-child { margin-right: 0 } .contacts__social a:hover { opacity: 1!important; -webkit-filter: grayscale(0)!important; filter: grayscale(0)!important } .contacts__social:hover a { opacity: .7; -webkit-filter: grayscale(.7); filter: grayscale(.7) } @media (min-width:768px) { .contacts__social { margin-top: 10px } } .footer { background-color: #222227; padding: 30px 0 20px; position: relative; overflow: hidden } .footer__logo { margin-top: 60px } .footer__logo img { width: 100px; height: auto } .footer__tagline { margin-top: 15px; display: block; font-size: 14px; line-height: 24px; color: silver; margin-bottom: 0 } .footer__links { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-top: 5px } .footer__links a { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-top: 10px; color: silver; font-size: 16px } .footer__links a svg { width: 20px; height: auto; fill: #25a56a; margin-right: 10px } .footer__links a:hover { color: #25a56a } .footer__social { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100% } .footer__social a { margin-top: 20px; margin-right: 15px; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 30px; height: 30px; position: relative; transition-property: all } .footer__social a svg { width: 100%; height: auto } .footer__social a:last-child { margin-right: 0 } .footer__social a:hover { opacity: 1!important; -webkit-filter: grayscale(0)!important; filter: grayscale(0)!important } .footer__social:hover a { opacity: .6; -webkit-filter: grayscale(.6); filter: grayscale(.6) } .footer__content { margin-top: 60px; border-top: 1px solid rgba(255, 255, 255, .1) } .footer__copyright { display: block; font-size: 14px; color: silver; margin-top: 20px } .footer__copyright a { color: silver } .footer__copyright a:hover { color: #25a56a } .footer__title { display: block; margin-top: 30px; font-size: 16px; color: #fff; font-family: Inter, sans-serif; font-weight: 500; margin-bottom: 15px } .footer__nav { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start } .footer__nav a { font-size: 15px; line-height: 24px; margin-bottom: 10px; color: silver } .footer__nav a:last-child { margin-bottom: 0 } .footer__nav a:hover { color: #25a56a } @media (min-width:576px) { .footer { padding: 30px 15px 20px } } @media (min-width:768px) { .footer { padding: 20px 15px 25px } .footer__content { margin-top: 70px; padding-top: 25px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100% } .footer__logo { margin-top: 50px } .footer__title { margin-top: 50px } .footer__social { width: auto; order: 2 } .footer__social a { margin-top: 0 } .footer__copyright { margin-top: 0; order: 1 } } @media (min-width:1200px) { .footer { padding-left: 295px; padding-right: 15px } .footer__social { display: inline-flex; width: auto } } /*============================== Sign ==============================*/ .sign { display: block; position: relative; } .sign__content { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; height: auto; padding: 20px 0 0; } .sign__form { background-color: #16151a; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 12px; padding: 30px 20px; position: relative; width: 100%; max-width: 420px; border: 1px solid #222227; } .sign__form--contacts, .sign__form--profile, .sign__form--cart { margin-top: 20px; max-width: 100%; padding: 20px 20px 5px; align-items: flex-start; } .sign__form--contacts .sign__btn, .sign__form--profile .sign__btn, .sign__form--cart .sign__btn { margin: 0 0 15px; } .sign__form--contacts .row, .sign__form--profile .row, .sign__form--cart .row { margin-left: -10px; margin-right: -10px; } .sign__form--contacts .col-12, .sign__form--profile .col-12, .sign__form--cart .col-12 { padding-left: 10px; padding-right: 10px; } .sign__form--profile .sign__btn { margin: 5px 0 15px; } .sign__logo { display: block; margin-bottom: 30px; } .sign__logo a { max-width: 100%; width: auto; } .sign__logo img { width: 100px; } .sign__title { font-size: 16px; font-weight: 500; font-family: "Inter", sans-serif; color: #fff; margin-bottom: 20px; } .sign__label { font-weight: 400; font-size: 14px; color: #c0c0c0; margin-bottom: 5px; padding-left: 20px; } .sign__label b { font-weight: 600; color: #fff; } .sign__input { background-color: #222227; border: 1px solid transparent; border-radius: 12px; height: 46px; position: relative; color: #fff; font-size: 16px; width: 100%; padding: 0 20px; font-family: "Inter", sans-serif; } .sign__input:focus { border-color: #25a56a; } .sign__select { background: url("../img/arrow2.svg") no-repeat center right 20px #222227; background-size: 18px auto; border: 1px solid transparent; border-radius: 12px; height: 46px; position: relative; color: #fff; font-size: 16px; width: 100%; padding: 0 20px; cursor: pointer; font-family: "Inter", sans-serif; } .sign__select:focus { border-color: #25a56a; } .sign__textarea { background-color: #222227; border: 1px solid transparent; border-radius: 12px; height: 144px; position: relative; color: #fff; font-size: 16px; width: 100%; padding: 15px 20px; resize: none; font-family: "Inter", sans-serif; } .sign__textarea:focus { border-color: #25a56a; } .sign__group { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; flex-wrap: wrap; position: relative; margin-bottom: 20px; width: 100%; } .sign__group--row .sign__label { padding-left: 0; } .sign__group--checkbox { width: 100%; text-align: left; } .sign__group--checkbox input:not(:checked), .sign__group--checkbox input:checked { position: absolute; left: -9999px; } .sign__group--checkbox input:not(:checked)+label, .sign__group--checkbox input:checked+label { font-size: 14px; color: #c0c0c0; font-weight: normal; position: relative; cursor: pointer; padding-left: 35px; line-height: 22px; margin: 0; } .sign__group--checkbox input:not(:checked)+label a, .sign__group--checkbox input:checked+label a { color: #25a56a; } .sign__group--checkbox input:not(:checked)+label a:hover, .sign__group--checkbox input:checked+label a:hover { color: #25a56a; text-decoration: underline; } .sign__group--checkbox input:not(:checked)+label:before, .sign__group--checkbox input:checked+label:before { content: ""; position: absolute; left: 0; top: 0; width: 22px; height: 22px; background-color: #222227; border: 1px solid transparent; border-radius: 6px; } .sign__group--checkbox input:not(:checked)+label:after, .sign__group--checkbox input:checked+label:after { content: ""; position: absolute; left: 0; top: 0; width: 22px; height: 22px; text-align: center; transition: 0.5s ease; background: url("../img/checkmark.svg") no-repeat center/20px auto; border-radius: 6px; } .sign__group--checkbox input:not(:checked)+label:after { opacity: 0; transform: scale(0); } .sign__group--checkbox input:checked+label:after { opacity: 1; transform: scale(1); } .sign__group--checkbox label::-moz-selection { background: transparent; color: #c0c0c0; } .sign__group--checkbox label::selection { background: transparent; color: #c0c0c0; } .sign__btn { width: 100%; height: 50px; border-radius: 12px; background-color: #25a56a; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; margin: 15px auto; } .sign__btn:hover { color: #fff; background-color: #222227; } .sign__text { margin-top: 15px; font-size: 14px; line-height: 24px; color: #fff; width: 100%; text-align: center; } .sign__text:first-child { margin-top: 0; } .sign__text a { position: relative; color: #25a56a; } .sign__text a:hover { color: #25a56a; text-decoration: underline; } .sign__text--small { font-size: 13px; line-height: 20px; text-align: left; } .sign__delimiter { font-size: 14px; color: #c0c0c0; line-height: 100%; width: 100%; display: block; text-align: center; } .sign__social { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 15px; margin-top: 15px; } .sign__social a { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 46px; width: calc(33% - 10px); border-radius: 12px; color: #fff; } .sign__social a svg { height: auto; fill: #fff; transition: 0.5s ease; } .sign__social a.fb { background-color: #3b5999; } .sign__social a.fb svg { width: 10px; } .sign__social a.gl { background-color: #df4a32; } .sign__social a.gl svg { width: 18px; } .sign__social a.tw { background-color: #1da1f2; } .sign__social a.tw svg { width: 20px; } .sign__social a:hover { background-color: #c0c0c0; } .sign__social a:hover.fb svg { fill: #3b5999; } .sign__social a:hover.gl svg { fill: #df4a32; } .sign__social a:hover.tw svg { fill: #1da1f2; } .sign__value { font-size: 24px; color: #fff; display: block; font-weight: 500; margin-left: 10px; font-family: "Inter", sans-serif; } .sign__radio { position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-top: 5px; } .sign__radio li { position: relative; overflow: hidden; margin-bottom: 10px; } .sign__radio li:last-child { margin-bottom: 0; } .sign__radio input:not(:checked), .sign__radio input:checked { position: absolute; left: -9999px; } .sign__radio label { display: block; margin: 0; position: relative; font-weight: 400; cursor: pointer; font-size: 16px; color: #c0c0c0; line-height: 24px; padding-left: 32px; transition: 0.5s ease; } .sign__radio label:before { content: ""; display: block; position: absolute; width: 20px; height: 20px; border: 6px solid #222227; background-color: transparent; border-radius: 50%; left: 0; top: 2px; transition: 0.5s ease; } .sign__radio label:hover { color: #fff; } .sign__radio input:checked+label { color: #fff; } .sign__radio input:checked+label:before { border-color: #25a56a; } @media (min-width: 576px) { .sign__form { padding: 40px; } .sign__form--contacts, .sign__form--profile, .sign__form--cart { padding: 20px 20px 5px; } .sign__logo { margin-bottom: 40px; } } @media (min-width: 768px) { .sign__form--contacts, .sign__form--profile { margin-top: 30px; } .sign__form--contacts .sign__btn, .sign__form--profile .sign__btn { margin: 10px 0 15px; } .sign__form--cart { margin-top: 30px; } .sign__form--cart .sign__btn { margin-top: 10px; } .sign__content { padding: 30px 0 0; } } @media (min-width: 992px) { .sign__form--profile .sign__btn { width: 180px; } } /*============================== Page 404 ==============================*/ .page-404 { display: block; position: relative; } .page-404__wrap { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; height: auto; padding: 20px 0 0; } .page-404__content { background-color: #16151a; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 12px; padding: 20px; position: relative; width: 100%; max-width: 420px; border: 1px solid #222227; } .page-404__title { position: relative; color: #fff; line-height: 100%; font-size: 100px; margin-bottom: 10px; font-weight: 500; font-family: "Inter", sans-serif; } .page-404__text { text-align: center; display: block; width: 100%; color: #c0c0c0; font-size: 16px; line-height: 24px; margin-bottom: 30px; } .page-404__btn { width: 100%; height: 50px; border-radius: 12px; background-color: #25a56a; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; margin: 0 auto; } .page-404__btn:hover { color: #fff; background-color: #222227; } @media (min-width: 576px) { .page-404__content { padding: 40px; } } @media (min-width: 768px) { .page-404__wrap { padding: 30px 0 0; } } .mfp-bg { background: rgba(34, 34, 39, 0.75); } .mfp-container { padding: 0 15px !important; } .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; transition: all 0.4s ease-in-out; transform: scale(0.8); } .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; transform: scale(1); } .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 1; } .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { transform: scale(0.8); opacity: 0; } .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } .my-mfp-zoom-in.mfp-bg { opacity: 0; transition: opacity 0.4s ease-out; } .mfp-iframe-scaler iframe { border-radius: 12px; box-shadow: none; background-color: #16151a; } .mfp-iframe-holder .mfp-close { color: transparent; transition: opacity 0.4s; } .mfp-iframe-holder .mfp-close:before { content: ""; position: absolute; top: 0; right: 0; width: 30px; height: 44px; background: url("../img/close.svg") no-repeat center; background-size: 30px auto; } .mfp-iframe-holder .mfp-content { max-width: 910px; } .mfp-figure::after { box-shadow: none; background-color: #222227; } .mfp-fade.mfp-bg { opacity: 0; transition: all 0.4s ease-in-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 1; } .mfp-fade.mfp-bg.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-bg.mfp-removing .mfp-content { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all 0.4s ease-in-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /*============================== Slider radio ==============================*/ .slider-radio { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; background-color: #222227; padding: 5px 0; border-radius: 12px; margin-top: 10px; position: relative; width: 100%; z-index: 2; } .slider-radio label { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 30px; padding: 0 15px; font-size: 14px; color: #c0c0c0; margin-bottom: 0; cursor: pointer; border-radius: 10px; margin: 0 5px; position: relative; z-index: 100; transition: color 0.5s; font-family: "Inter", sans-serif; font-weight: 400; } .slider-radio label:hover { color: #fff; } .slider-radio .sliding-piece { border-radius: 10px; background-color: #25a56a; z-index: 99; } .slider-radio input[type="radio"]:checked+label { color: #fff; background-color: #25a56a; } @media (min-width: 768px) { .slider-radio { margin-left: auto; margin-top: 0; width: auto; } } /*============================== Select2 ==============================*/ .select2-container { width: auto !important; margin-right: 30px; } .select2-container .select2-selection--single { height: 40px; background-color: transparent; border-radius: 0; border: none; } .select2-container .select2-selection--single .select2-selection__rendered { line-height: 40px; color: #fff; padding: 0 18px 0 0; font-size: 14px; font-family: "Inter", sans-serif; font-weight: 400; transition: 0.5s ease; } .select2-container .select2-selection--single[aria-expanded="true"] { background-color: transparent; } .select2-container .select2-selection--single:hover .select2-selection__rendered { color: #25a56a; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 20px; width: 18px; top: 10px; right: 0; background: url("../img/arrow.svg") no-repeat center right; background-size: 18px auto; margin-top: 1px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #25a56a; color: #fff; white-space: nowrap; } .select2-container--default .select2-results__option--selected { color: #fff; background-color: #25a56a; cursor: default; } .select2-container--default .select2-results__option[aria-selected="true"] { background-color: transparent; color: #25a56a; cursor: default; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: transparent; color: #25a56a; } .select2-results__option { padding: 0 0; font-size: 14px; font-family: "Inter", sans-serif; font-weight: 400; color: #fff; height: 40px; line-height: 40px; transition: 0.5s ease; } .select2-dropdown { border-left: none; border-right: none; border-bottom: none; border-top: none; border-radius: 12px !important; min-width: 180px; padding: 5px 0 5px 15px; background-color: #222227; } .select2-container--open .select2-dropdown--below { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } .select2-container--open .select2-dropdown--above { border-top-left-radius: 12px; border-top-right-radius: 12px; } /*============================== Scrollbar-track ==============================*/ .scrollbar-track-y { background: #222227 !important; top: 0px !important; bottom: 0px !important; height: auto !important; width: 4px !important; border-radius: 4px !important; right: 0px !important; overflow: hidden; } .scrollbar-thumb-y { background: #25a56a !important; width: 4px !important; border-radius: 4px !important; } .scrollbar-track-x { background: #222227 !important; left: 0px !important; right: 0px !important; height: 4px !important; width: auto !important; border-radius: 4px !important; bottom: 0px !important; overflow: hidden; } .scrollbar-thumb-x { background: #25a56a !important; height: 4px !important; border-radius: 4px !important; } @keyframes plyr-progress { to { background-position: 25px 0; background-position: var(--plyr-progress-loading-size, 25px) 0; } } @keyframes plyr-popup { 0% { opacity: 0.5; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @keyframes plyr-fade-in { from { opacity: 0; } to { opacity: 1; } } .plyr { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; align-items: center; direction: ltr; display: flex; flex-direction: column; font-family: inherit; font-family: var(--plyr-font-family, inherit); font-variant-numeric: tabular-nums; font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); line-height: 1.7; line-height: var(--plyr-line-height, 1.7); max-width: 100%; min-width: 200px; position: relative; text-shadow: none; transition: box-shadow 0.3s ease; z-index: 0; } .plyr audio, .plyr iframe, .plyr video { display: block; height: 100%; width: 100%; } .plyr button { font: inherit; line-height: inherit; width: auto; } .plyr:focus { outline: 0; } .plyr--full-ui { box-sizing: border-box; } .plyr--full-ui *, .plyr--full-ui ::after, .plyr--full-ui ::before { box-sizing: inherit; } .plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label { touch-action: manipulation; } .plyr__badge { background: #4a5464; background: var(--plyr-badge-background, #4a5464); border-radius: 2px; border-radius: var(--plyr-badge-border-radius, 2px); color: #fff; color: var(--plyr-badge-text-color, #fff); font-size: 9px; font-size: var(--plyr-font-size-badge, 9px); line-height: 1; padding: 3px 4px; } .plyr--full-ui ::-webkit-media-text-track-container { display: none; } .plyr__captions { animation: plyr-fade-in 0.3s ease; bottom: 0; display: none; font-size: 13px; font-size: var(--plyr-font-size-small, 13px); left: 0; padding: 10px; padding: var(--plyr-control-spacing, 10px); position: absolute; text-align: center; transition: transform 0.4s ease-in-out; width: 100%; } .plyr__captions span:empty { display: none; } @media (min-width: 480px) { .plyr__captions { font-size: 15px; font-size: var(--plyr-font-size-base, 15px); padding: calc(10px * 2); padding: calc(var(--plyr-control-spacing, 10px) * 2); } } @media (min-width: 768px) { .plyr__captions { font-size: 18px; font-size: var(--plyr-font-size-large, 18px); } } .plyr--captions-active .plyr__captions { display: block; } .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions { transform: translateY(calc(10px * -4)); transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4)); } .plyr__caption { background: rgba(0, 0, 0, 0.8); background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8)); border-radius: 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; color: #fff; color: var(--plyr-captions-text-color, #fff); line-height: 185%; padding: 0.2em 0.5em; white-space: pre-wrap; } .plyr__caption div { display: inline; } .plyr__control { background: 0 0; border: 0; border-radius: 3px; border-radius: var(--plyr-control-radius, 3px); color: inherit; cursor: pointer; flex-shrink: 0; overflow: visible; padding: calc(10px * 0.7); padding: calc(var(--plyr-control-spacing, 10px) * 0.7); position: relative; transition: all 0.3s ease; } .plyr__control svg { display: block; fill: currentColor; height: 18px; height: var(--plyr-control-icon-size, 18px); pointer-events: none; width: 18px; width: var(--plyr-control-icon-size, 18px); } .plyr__control:focus { outline: 0; } .plyr__control.plyr__tab-focus { outline-color: #00b3ff; outline-color: var( --plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px; } a.plyr__control { text-decoration: none; } a.plyr__control::after, a.plyr__control::before { display: none; } .plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed { display: none; } .plyr--full-ui ::-webkit-media-controls { display: none; } .plyr__controls { align-items: center; display: flex; justify-content: flex-end; text-align: center; } .plyr__controls .plyr__progress__container { flex: 1; min-width: 0; } .plyr__controls .plyr__controls__item { margin-left: calc(10px / 4); margin-left: calc(var(--plyr-control-spacing, 10px) / 4); } .plyr__controls .plyr__controls__item:first-child { margin-left: 0; margin-right: auto; } .plyr__controls .plyr__controls__item.plyr__progress__container { padding-left: calc(10px / 4); padding-left: calc(var(--plyr-control-spacing, 10px) / 4); } .plyr__controls .plyr__controls__item.plyr__time { padding: 0 calc(10px / 2); padding: 0 calc(var(--plyr-control-spacing, 10px) / 2); } .plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time+.plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child { padding-left: 0; } .plyr__controls:empty { display: none; } .plyr [data-plyr="airplay"], .plyr [data-plyr="captions"], .plyr [data-plyr="fullscreen"], .plyr [data-plyr="pip"] { display: none; } .plyr--airplay-supported [data-plyr="airplay"], .plyr--captions-enabled [data-plyr="captions"], .plyr--fullscreen-enabled [data-plyr="fullscreen"], .plyr--pip-supported [data-plyr="pip"] { display: inline-block; } .plyr__menu { display: flex; position: relative; } .plyr__menu .plyr__control svg { transition: transform 0.3s ease; } .plyr__menu .plyr__control[aria-expanded="true"] svg { transform: rotate(90deg); } .plyr__menu .plyr__control[aria-expanded="true"] .plyr__tooltip { display: none; } .plyr__menu__container { animation: plyr-popup 0.2s ease; background: rgba(255, 255, 255, 0.9); background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9)); border-radius: 4px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); color: #4a5464; color: var(--plyr-menu-color, #4a5464); font-size: 15px; font-size: var(--plyr-font-size-base, 15px); margin-bottom: 10px; position: absolute; right: -3px; text-align: left; white-space: nowrap; z-index: 3; } .plyr__menu__container>div { overflow: hidden; transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); } .plyr__menu__container::after { border: 4px solid transparent; border: var(--plyr-menu-arrow-size, 4px) solid transparent; border-top-color: rgba(255, 255, 255, 0.9); border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9)); content: ""; height: 0; position: absolute; right: calc(((18px / 2)+calc(10px * 0.7)) - (4px / 2)); right: calc( ( (var(--plyr-control-icon-size, 18px) / 2)+calc(var(--plyr-control-spacing, 10px) * 0.7)) - (var(--plyr-menu-arrow-size, 4px) / 2)); top: 100%; width: 0; } .plyr__menu__container [role="menu"] { padding: calc(10px * 0.7); padding: calc(var(--plyr-control-spacing, 10px) * 0.7); } .plyr__menu__container [role="menuitem"], .plyr__menu__container [role="menuitemradio"] { margin-top: 2px; } .plyr__menu__container [role="menuitem"]:first-child, .plyr__menu__container [role="menuitemradio"]:first-child { margin-top: 0; } .plyr__menu__container .plyr__control { align-items: center; color: #4a5464; color: var(--plyr-menu-color, #4a5464); display: flex; font-size: 13px; font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px)); padding-bottom: calc(calc(10px * 0.7) / 1.5); padding-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5); padding-left: calc(calc(10px * 0.7) * 1.5); padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5); padding-right: calc(calc(10px * 0.7) * 1.5); padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5); padding-top: calc(calc(10px * 0.7) / 1.5); padding-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5); -webkit-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .plyr__menu__container .plyr__control>span { align-items: inherit; display: flex; width: 100%; } .plyr__menu__container .plyr__control::after { border: 4px solid transparent; border: var(--plyr-menu-item-arrow-size, 4px) solid transparent; content: ""; position: absolute; top: 50%; transform: translateY(-50%); } .plyr__menu__container .plyr__control--forward { padding-right: calc(calc(10px * 0.7) * 4); padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4); } .plyr__menu__container .plyr__control--forward::after { border-left-color: #728197; border-left-color: var(--plyr-menu-arrow-color, #728197); right: calc((calc(10px * 0.7) * 1.5) - 4px); right: calc( (calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px)); } .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after { border-left-color: currentColor; } .plyr__menu__container .plyr__control--back { font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); margin: calc(10px * 0.7); margin: calc(var(--plyr-control-spacing, 10px) * 0.7); margin-bottom: calc(calc(10px * 0.7) / 2); margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2); padding-left: calc(calc(10px * 0.7) * 4); padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4); position: relative; width: calc(100% - (calc(10px * 0.7) * 2)); width: calc(100% - (calc(var(--plyr-control-spacing, 10px) * 0.7) * 2)); } .plyr__menu__container .plyr__control--back::after { border-right-color: #728197; border-right-color: var(--plyr-menu-arrow-color, #728197); left: calc((calc(10px * 0.7) * 1.5) - 4px); left: calc( (calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px)); } .plyr__menu__container .plyr__control--back::before { background: #dcdfe5; background: var(--plyr-menu-back-border-color, #dcdfe5); box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff); content: ""; height: 1px; left: 0; margin-top: calc(calc(10px * 0.7) / 2); margin-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2); overflow: hidden; position: absolute; right: 0; top: 100%; } .plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after { border-right-color: currentColor; } .plyr__menu__container .plyr__control[role="menuitemradio"] { padding-left: calc(10px * 0.7); padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7); } .plyr__menu__container .plyr__control[role="menuitemradio"]::after, .plyr__menu__container .plyr__control[role="menuitemradio"]::before { border-radius: 100%; } .plyr__menu__container .plyr__control[role="menuitemradio"]::before { background: rgba(0, 0, 0, 0.1); content: ""; display: block; flex-shrink: 0; height: 16px; margin-right: 10px; margin-right: var(--plyr-control-spacing, 10px); transition: all 0.3s ease; width: 16px; } .plyr__menu__container .plyr__control[role="menuitemradio"]::after { background: #fff; border: 0; height: 6px; left: 12px; opacity: 0; top: 50%; transform: translateY(-50%) scale(0); transition: transform 0.3s ease, opacity 0.3s ease; width: 6px; } .plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::before { background: #00b3ff; background: var( --plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); } .plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::after { opacity: 1; transform: translateY(-50%) scale(1); } .plyr__menu__container .plyr__control[role="menuitemradio"].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role="menuitemradio"]:hover::before { background: rgba(35, 40, 47, 0.1); } .plyr__menu__container .plyr__menu__value { align-items: center; display: flex; margin-left: auto; margin-right: calc((calc(10px * 0.7) - 2) * -1); margin-right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) - 2) * -1); overflow: hidden; padding-left: calc(calc(10px * 0.7) * 3.5); padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 3.5); pointer-events: none; } .plyr--full-ui input[type="range"] { -webkit-appearance: none; background: 0 0; border: 0; border-radius: calc(13px * 2); border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2); color: #00b3ff; color: var( --plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); display: block; height: calc((3px * 2)+13px); height: calc( (var(--plyr-range-thumb-active-shadow-width, 3px) * 2)+var(--plyr-range-thumb-height, 13px)); margin: 0; min-width: 0; padding: 0; transition: box-shadow 0.3s ease; width: 100%; } .plyr--full-ui input[type="range"]::-webkit-slider-runnable-track { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -webkit-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -webkit-user-select: none; user-select: none; background-image: linear-gradient(to right, currentColor 0, transparent 0); background-image: linear-gradient( to right, currentColor var(--value, 0), transparent var(--value, 0)); } .plyr--full-ui input[type="range"]::-webkit-slider-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)); height: 13px; height: var(--plyr-range-thumb-height, 13px); position: relative; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px); -webkit-appearance: none; margin-top: calc(((13px - 5px) / 2) * -1); margin-top: calc( ( ( var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2) * -1); } .plyr--full-ui input[type="range"]::-moz-range-track { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -moz-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; user-select: none; } .plyr--full-ui input[type="range"]::-moz-range-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)); height: 13px; height: var(--plyr-range-thumb-height, 13px); position: relative; -moz-transition: all 0.2s ease; transition: all 0.2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px); } .plyr--full-ui input[type="range"]::-moz-range-progress { background: currentColor; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); } .plyr--full-ui input[type="range"]::-ms-track { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -ms-user-select: none; user-select: none; color: transparent; } .plyr--full-ui input[type="range"]::-ms-fill-upper { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -ms-user-select: none; user-select: none; } .plyr--full-ui input[type="range"]::-ms-fill-lower { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -ms-user-select: none; user-select: none; background: currentColor; } .plyr--full-ui input[type="range"]::-ms-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)); height: 13px; height: var(--plyr-range-thumb-height, 13px); position: relative; -ms-transition: all 0.2s ease; transition: all 0.2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px); margin-top: 0; } .plyr--full-ui input[type="range"]::-ms-tooltip { display: none; } .plyr--full-ui input[type="range"]:focus { outline: 0; } .plyr--full-ui input[type="range"]::-moz-focus-outer { border: 0; } .plyr--full-ui input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track { outline-color: #00b3ff; outline-color: var( --plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px; } .plyr--full-ui input[type="range"].plyr__tab-focus::-moz-range-track { outline-color: #00b3ff; outline-color: var( --plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px; } .plyr--full-ui input[type="range"].plyr__tab-focus::-ms-track { outline-color: #00b3ff; outline-color: var( --plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px; } .plyr__poster { background-color: #000; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity 0.2s ease; width: 100%; z-index: 1; } .plyr--stopped.plyr__poster-enabled .plyr__poster { opacity: 1; } .plyr__time { font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); } .plyr__time+.plyr__time::before { content: "\2044"; margin-right: 10px; margin-right: var(--plyr-control-spacing, 10px); } @media (max-width: calc(768px - 1px)) { .plyr__time+.plyr__time { display: none; } } .plyr__tooltip { background: rgba(255, 255, 255, 0.9); background: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); border-radius: 3px; border-radius: var(--plyr-tooltip-radius, 3px); bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); color: #4a5464; color: var(--plyr-tooltip-color, #4a5464); font-size: 13px; font-size: var(--plyr-font-size-small, 13px); font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); left: 50%; line-height: 1.3; margin-bottom: calc(calc(10px / 2) * 2); margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2); opacity: 0; padding: calc(10px / 2) calc(calc(10px / 2) * 1.5); padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(calc(var(--plyr-control-spacing, 10px) / 2) * 1.5); pointer-events: none; position: absolute; transform: translate(-50%, 10px) scale(0.8); transform-origin: 50% 100%; transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; white-space: nowrap; z-index: 2; } .plyr__tooltip::before { border-left: 4px solid transparent; border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-right: 4px solid transparent; border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.9); border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); bottom: calc(4px * -1); bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1); content: ""; height: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0; z-index: 2; } .plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible { opacity: 1; transform: translate(-50%, 0) scale(1); } .plyr .plyr__control:hover .plyr__tooltip { z-index: 3; } .plyr__controls>.plyr__control:first-child .plyr__tooltip, .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip { left: 0; transform: translate(0, 10px) scale(0.8); transform-origin: 0 100%; } .plyr__controls>.plyr__control:first-child .plyr__tooltip::before, .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before { left: calc((18px / 2)+calc(10px * 0.7)); left: calc( (var(--plyr-control-icon-size, 18px) / 2)+calc(var(--plyr-control-spacing, 10px) * 0.7)); } .plyr__controls>.plyr__control:last-child .plyr__tooltip { left: auto; right: 0; transform: translate(0, 10px) scale(0.8); transform-origin: 100% 100%; } .plyr__controls>.plyr__control:last-child .plyr__tooltip::before { left: auto; right: calc((18px / 2)+calc(10px * 0.7)); right: calc( (var(--plyr-control-icon-size, 18px) / 2)+calc(var(--plyr-control-spacing, 10px) * 0.7)); transform: translateX(50%); } .plyr__controls>.plyr__control:first-child .plyr__tooltip--visible, .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible, .plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip, .plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls>.plyr__control:first-child:hover .plyr__tooltip, .plyr__controls>.plyr__control:last-child .plyr__tooltip--visible, .plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls>.plyr__control:last-child:hover .plyr__tooltip { transform: translate(0, 0) scale(1); } .plyr__progress { left: calc(13px * 0.5); left: calc(var(--plyr-range-thumb-height, 13px) * 0.5); margin-right: 13px; margin-right: var(--plyr-range-thumb-height, 13px); position: relative; } .plyr__progress input[type="range"], .plyr__progress__buffer { margin-left: calc(13px * -0.5); margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5); margin-right: calc(13px * -0.5); margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5); width: calc(100%+13px); width: calc(100%+var(--plyr-range-thumb-height, 13px)); } .plyr__progress input[type="range"] { position: relative; z-index: 2; } .plyr__progress .plyr__tooltip { font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); left: 0; } .plyr__progress__buffer { -webkit-appearance: none; background: 0 0; border: 0; border-radius: 100px; height: 5px; height: var(--plyr-range-track-height, 5px); left: 0; margin-top: calc((5px / 2) * -1); margin-top: calc((var(--plyr-range-track-height, 5px) / 2) * -1); padding: 0; position: absolute; top: 50%; } .plyr__progress__buffer::-webkit-progress-bar { background: 0 0; } .plyr__progress__buffer::-webkit-progress-value { background: currentColor; border-radius: 100px; min-width: 5px; min-width: var(--plyr-range-track-height, 5px); -webkit-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr__progress__buffer::-moz-progress-bar { background: currentColor; border-radius: 100px; min-width: 5px; min-width: var(--plyr-range-track-height, 5px); -moz-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr__progress__buffer::-ms-fill { border-radius: 100px; -ms-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr--loading .plyr__progress__buffer { animation: plyr-progress 1s linear infinite; background-image: linear-gradient( -45deg, rgba(35, 40, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 40, 47, 0.6) 50%, rgba(35, 40, 47, 0.6) 75%, transparent 75%, transparent); background-image: linear-gradient( -45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, transparent 75%, transparent); background-repeat: repeat-x; background-size: 25px 25px; background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px); color: transparent; } .plyr--video.plyr--loading .plyr__progress__buffer { background-color: rgba(255, 255, 255, 0.25); background-color: var( --plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)); } .plyr--audio.plyr--loading .plyr__progress__buffer { background-color: rgba(193, 200, 209, 0.6); background-color: var( --plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)); } .plyr__volume { align-items: center; display: flex; max-width: 110px; min-width: 80px; position: relative; width: 20%; } .plyr__volume input[type="range"] { margin-left: calc(10px / 2); margin-left: calc(var(--plyr-control-spacing, 10px) / 2); margin-right: calc(10px / 2); margin-right: calc(var(--plyr-control-spacing, 10px) / 2); position: relative; z-index: 2; } .plyr--is-ios .plyr__volume { min-width: 0; width: auto; } .plyr--audio { display: block; } .plyr--audio .plyr__controls { background: #fff; background: var(--plyr-audio-controls-background, #fff); border-radius: inherit; color: #4a5464; color: var(--plyr-audio-control-color, #4a5464); padding: 10px; padding: var(--plyr-control-spacing, 10px); } .plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded="true"] { background: #00b3ff; background: var( --plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); color: #fff; color: var(--plyr-audio-control-color-hover, #fff); } .plyr--full-ui.plyr--audio input[type="range"]::-webkit-slider-runnable-track { background-color: rgba(193, 200, 209, 0.6); background-color: var( --plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); } .plyr--full-ui.plyr--audio input[type="range"]::-moz-range-track { background-color: rgba(193, 200, 209, 0.6); background-color: var( --plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); } .plyr--full-ui.plyr--audio input[type="range"]::-ms-track { background-color: rgba(193, 200, 209, 0.6); background-color: var( --plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); } .plyr--full-ui.plyr--audio input[type="range"]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); } .plyr--full-ui.plyr--audio input[type="range"]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); } .plyr--full-ui.plyr--audio input[type="range"]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); } .plyr--audio .plyr__progress__buffer { color: rgba(193, 200, 209, 0.6); color: var( --plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)); } .plyr--video { background: #000; overflow: hidden; } .plyr--video.plyr--menu-open { overflow: visible; } .plyr__video-wrapper { background: #000; height: 100%; margin: auto; overflow: hidden; position: relative; width: 100%; } .plyr__video-embed, .plyr__video-wrapper--fixed-ratio { height: 0; padding-bottom: 56.25%; } .plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video { border: 0; left: 0; position: absolute; top: 0; } .plyr--full-ui .plyr__video-embed>.plyr__video-embed__container { padding-bottom: 240%; position: relative; transform: translateY(-38.28125%); } .plyr--video .plyr__controls { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)); background: var( --plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75))); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; bottom: 0; color: #fff; color: var(--plyr-video-control-color, #fff); left: 0; padding: calc(10px / 2); padding: calc(var(--plyr-control-spacing, 10px) / 2); padding-top: calc(10px * 2); padding-top: calc(var(--plyr-control-spacing, 10px) * 2); position: absolute; right: 0; transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out; z-index: 3; } @media (min-width: 480px) { .plyr--video .plyr__controls { padding: 10px; padding: var(--plyr-control-spacing, 10px); padding-top: calc(10px * 3.5); padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5); } } .plyr--video.plyr--hide-controls .plyr__controls { opacity: 0; pointer-events: none; transform: translateY(100%); } .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded="true"] { background: #00b3ff; background: var( --plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); color: #fff; color: var(--plyr-video-control-color-hover, #fff); } .plyr__control--overlaid { background: #00b3ff; background: var( --plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); border: 0; border-radius: 100%; color: #fff; color: var(--plyr-video-control-color, #fff); display: none; left: 50%; opacity: 0.9; padding: calc(10px * 1.5); padding: calc(var(--plyr-control-spacing, 10px) * 1.5); position: absolute; top: 50%; transform: translate(-50%, -50%); transition: 0.3s; z-index: 2; } .plyr__control--overlaid svg { left: 2px; position: relative; } .plyr__control--overlaid:focus, .plyr__control--overlaid:hover { opacity: 1; } .plyr--playing .plyr__control--overlaid { opacity: 0; visibility: hidden; } .plyr--full-ui.plyr--video .plyr__control--overlaid { display: block; } .plyr--full-ui.plyr--video input[type="range"]::-webkit-slider-runnable-track { background-color: rgba(255, 255, 255, 0.25); background-color: var( --plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); } .plyr--full-ui.plyr--video input[type="range"]::-moz-range-track { background-color: rgba(255, 255, 255, 0.25); background-color: var( --plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); } .plyr--full-ui.plyr--video input[type="range"]::-ms-track { background-color: rgba(255, 255, 255, 0.25); background-color: var( --plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); } .plyr--full-ui.plyr--video input[type="range"]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var( --plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); } .plyr--full-ui.plyr--video input[type="range"]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var( --plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); } .plyr--full-ui.plyr--video input[type="range"]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var( --plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); } .plyr--video .plyr__progress__buffer { color: rgba(255, 255, 255, 0.25); color: var( --plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)); } .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-webkit-full-screen video { height: 100%; } .plyr:-ms-fullscreen video { height: 100%; } .plyr:fullscreen video { height: 100%; } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-ms-fullscreen .plyr__video-wrapper { height: 100%; position: static; } .plyr:fullscreen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none; } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none; } .plyr:fullscreen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr: -webkit-full-screen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } .plyr:-ms-fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } .plyr:fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-webkit-full-screen video { height: 100%; } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr: -webkit-full-screen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr:-moz-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-moz-full-screen video { height: 100%; } .plyr:-moz-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:-moz-full-screen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr: -moz-full-screen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-ms-fullscreen video { height: 100%; } .plyr:-ms-fullscreen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr: -ms-fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr--fullscreen-fallback { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; bottom: 0; display: block; left: 0; position: fixed; right: 0; top: 0; z-index: 10000000; } .plyr--fullscreen-fallback video { height: 100%; } .plyr--fullscreen-fallback .plyr__video-wrapper { height: 100%; position: static; } .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { display: block; } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr--fullscreen-fallback.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr--fullscreen-fallback .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr__ads { border-radius: inherit; bottom: 0; cursor: pointer; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: -1; } .plyr__ads>div, .plyr__ads>div iframe { height: 100%; position: absolute; width: 100%; } .plyr__ads::after { background: #23282f; border-radius: 2px; bottom: 10px; bottom: var(--plyr-control-spacing, 10px); color: #fff; content: attr(data-badge-text); font-size: 11px; padding: 2px 6px; pointer-events: none; position: absolute; right: 10px; right: var(--plyr-control-spacing, 10px); z-index: 3; } .plyr__ads::after:empty { display: none; } .plyr__cues { background: currentColor; display: block; height: 5px; height: var(--plyr-range-track-height, 5px); left: 0; margin: -var(--plyr-range-track-height, 5px) / 2 0 0; opacity: 0.8; position: absolute; top: 50%; width: 3px; z-index: 3; } .plyr__preview-thumb { background-color: rgba(255, 255, 255, 0.9); background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); border-radius: 3px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); margin-bottom: calc(calc(10px / 2) * 2); margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2); opacity: 0; padding: 3px; padding: var(--plyr-tooltip-radius, 3px); pointer-events: none; position: absolute; transform: translate(0, 10px) scale(0.8); transform-origin: 50% 100%; transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; z-index: 2; } .plyr__preview-thumb--is-shown { opacity: 1; transform: translate(0, 0) scale(1); } .plyr__preview-thumb::before { border-left: 4px solid transparent; border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-right: 4px solid transparent; border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.9); border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); bottom: calc(4px * -1); bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1); content: ""; height: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0; z-index: 2; } .plyr__preview-thumb__image-container { background: #c1c8d1; border-radius: calc(3px - 1px); border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px); overflow: hidden; position: relative; z-index: 0; } .plyr__preview-thumb__image-container img { height: 100%; left: 0; max-height: none; max-width: none; position: absolute; top: 0; width: 100%; } .plyr__preview-thumb__time-container { bottom: 6px; left: 0; position: absolute; right: 0; white-space: nowrap; z-index: 3; } .plyr__preview-thumb__time-container span { background-color: rgba(0, 0, 0, 0.55); border-radius: calc(3px - 1px); border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px); color: #fff; font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); padding: 3px 6px; } .plyr__preview-scrubbing { bottom: 0; filter: blur(1px); height: 100%; left: 0; margin: auto; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; right: 0; top: 0; transition: opacity 0.3s ease; width: 100%; z-index: 1; } .plyr__preview-scrubbing--is-shown { opacity: 1; } .plyr__preview-scrubbing img { height: 100%; left: 0; max-height: none; max-width: none; object-fit: contain; position: absolute; top: 0; width: 100%; } .plyr--no-transition { transition: none !important; } .plyr__sr-only { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; border: 0 !important; height: 1px !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .plyr [hidden] { display: none !important; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative } .owl-carousel { display: none; width: 100%; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100% } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0!important; font: inherit } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } s .pf { display: inline-block; font: normal normal normal 14px/1 PaymentFont; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pf-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .pf-2x { font-size: 2em; } .pf-3x { font-size: 3em; } .pf-4x { font-size: 4em; } .pf-5x { font-size: 5em; } .banner-size { width: * { box-sizing: border-box } body { font-family: Verdana, sans-serif; margin: 0 } .mySlides { display: none } img { vertical-align: middle; } /* Slideshow container */ .slideshow-container { max-width: 1000px; position: relative; margin: auto; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); } /* Caption text */ .text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center; } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } /* The dots/bullets/indicators */ .dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } .active, .dot:hover { background-color: #717171; } /* Fading animation */ .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } @-webkit-keyframes fade { from { opacity: .4 } to { opacity: 1 } } @keyframes fade { from { opacity: .4 } to { opacity: 1 } } /* On smaller screens, decrease text size */ @media only screen and (max-width: 300px) { .prev, .next, .text { font-size: 11px } } ; } .pf-amazon:before { content: "\f000"; } .pf-american-express:before { content: "\f001"; } .pf-american-express-alt:before { content: "\f002"; } .pf-atm:before { content: "\f003"; } .pf-bankomat:before { content: "\f004"; } .pf-bank-transfer:before { content: "\f005"; } .pf-bitcoin:before { content: "\f006"; } .pf-bitcoin-sign:before { content: "\f007"; } .pf-braintree:before { content: "\f008"; } .pf-btc:before { content: "\f009"; } .pf-card:before { content: "\f00a"; } .pf-carta-si:before { content: "\f00b"; } .pf-cash:before { content: "\f00c"; } .pf-cash-on-delivery:before { content: "\f00d"; } .pf-cb:before { content: "\f00e"; } .pf-cirrus:before { content: "\f00f"; } .pf-cirrus-alt:before { content: "\f010"; } .pf-clickandbuy:before { content: "\f011"; } .pf-credit-card:before { content: "\f012"; } .pf-diners:before { content: "\f013"; } .pf-discover:before { content: "\f014"; } .pf-ec:before { content: "\f015"; } .pf-eps:before { content: "\f016"; } .pf-eur:before { content: "\f017"; } .pf-facture:before { content: "\f018"; } .pf-fattura:before { content: "\f019"; } .pf-flattr:before { content: "\f01a"; } .pf-giropay:before { content: "\f01b"; } .pf-google-wallet:before { content: "\f01c"; } .pf-google-wallet-alt:before { content: "\f01d"; } .pf-gpb:before { content: "\f01e"; } .pf-gratipay:before { content: "\f01f"; } .pf-ideal:before { content: "\f020"; } .pf-ils:before { content: "\f021"; } .pf-inr:before { content: "\f022"; } .pf-invoice:before { content: "\f023"; } .pf-invoice-sign:before { content: "\f024"; } .pf-invoice-sign-alt:before { content: "\f025"; } .pf-invoice-sign-alt-o:before { content: "\f026"; } .pf-invoice-sign-o:before { content: "\f027"; } .pf-jcb:before { content: "\f028"; } .pf-jpy:before { content: "\f029"; } .pf-krw:before { content: "\f02a"; } .pf-maestro:before { content: "\f02b"; } .pf-maestro-alt:before { content: "\f02c"; } .pf-mastercard:before { content: "\f02d"; } .pf-mastercard-alt:before { content: "\f02e"; } .pf-mastercard-securecode:before { content: "\f02f"; } .pf-ogone:before { content: "\f030"; } .pf-paybox:before { content: "\f031"; } .pf-paylife:before { content: "\f032"; } .pf-paypal:before { content: "\f033"; } .pf-paypal-alt:before { content: "\f034"; } .pf-paysafecard:before { content: "\f035"; } .pf-postepay:before { content: "\f036"; } .pf-quick:before { content: "\f037"; } .pf-rechnung:before { content: "\f038"; } .pf-ripple:before { content: "\f039"; } .pf-rub:before { content: "\f03a"; } .pf-skrill:before { content: "\f03b"; } .pf-sofort:before { content: "\f03c"; } .pf-square:before { content: "\f03d"; } .pf-stripe:before { content: "\f03e"; } .pf-truste:before { content: "\f03f"; } .pf-try:before { content: "\f040"; } .pf-unionpay:before { content: "\f041"; } .pf-usd:before { content: "\f042"; } .pf-verified-by-visa:before { content: "\f043"; } .pf-verisign:before { content: "\f044"; } .pf-visa:before { content: "\f045"; } .pf-visa-electron:before { content: "\f046"; } .pf-western-union:before { content: "\f047"; } .pf-western-union-alt:before { content: "\f048"; } .pf-wirecard:before { content: "\f049"; } .pf-sepa:before { content: "\f04a"; } .pf-sepa-alt:before { content: "\f04b"; } .pf-apple-pay:before { content: "\f04c"; } .pf-interac:before { content: "\f04d"; } .pf-paymill:before { content: "\f04e"; } .pf-dankort:before { content: "\f04f"; } .pf-bancontact-mister-cash:before { content: "\f050"; } .pf-moip:before { content: "\f051"; } .pf-pagseguro:before { content: "\f052"; } .pf-cash-on-pickup:before { content: "\f053"; } .pf-sage:before { content: "\f054"; } .pf-elo:before { content: "\f055"; } .pf-elo-alt:before { content: "\f056"; } .pf-payu:before { content: "\f057"; } .pf-mercado-pago:before { content: "\f058"; } .pf-mercado-pago-sign:before { content: "\f059"; } .pf-payshop:before { content: "\f05a"; } .pf-multibanco:before { content: "\f05b"; } .pf-gratipay-sign:before { content: "\f05c"; } .pf-six:before { content: "\f05d"; } .pf-cashcloud:before { content: "\f05e"; } .pf-interac-alt:before { content: "\f05f"; } .pf-klarna:before { content: "\f060"; } .pf-bitpay:before { content: "\f061"; } .pf-venmo:before { content: "\f062"; } .pf-visa-debit:before { content: "\f063"; } .pf-alipay:before { content: "\f064"; } .pf-diners-alt:before { content: "\f065"; } .pf-hipercard:before { content: "\f066"; } .pf-skrill-alt:before { content: "\f067"; } .pf-shopify:before { content: "\f068"; } .pf-direct-debit:before { content: "\f069"; } .pf-sodexo:before { content: "\f06a"; } .pf-bpay:before { content: "\f06b"; } .pf-contactless:before { content: "\f06c"; } .pf-contactless-alt:before { content: "\f06d"; } .pf-eth:before { content: "\f06e"; } .pf-ltc:before { content: "\f06f"; } .pf-visa-pay:before { content: "\f070"; } .pf-wechat-pay:before { content: "\f071"; } .pf-amazon-pay:before { content: "\f072"; } .pf-amazon-pay-alt:before { content: "\f073"; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, body { height: 100%; } body { font-family: "Open Sans", sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; } /* REQUIRED STYLES */ .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; padding: 1px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role="group"] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled="true"] { color: #999; } .select2-container--default .select2-results__option[aria-selected="true"] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%); background-image: -o-linear-gradient(top, #fff 50%, #eee 100%); background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%); background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%); background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%); background-image: -o-linear-gradient(top, #fff 0%, #eee 50%); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%); background-image: -o-linear-gradient(top, #eee 50%, #fff 100%); background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role="group"] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled="true"] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: #fff; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: #fff; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ""; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #fff; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #fff; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ""; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; } .owl-carousel { display: none; width: 100%; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height 0.5s ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 0.4s ease; } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 0.1s ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 0.4s ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .slider-radio { position: relative; } .slider-radio input[type="radio"] { display: none; } .slider-radio input[type="radio"]:checked+label { position: relative !important; z-index: 100 !important; } /* DEFAULT */ .slider-radio { display: inline-block; } .slider-radio label { display: inline-block; padding: 10px 20px; cursor: pointer; font-size: 20px; } /* Indicator Styles */ .slider-radio input[type="radio"]:checked+label, .slider-radio .sliding-piece { background-color: #77abff; transition-timing-function: cubic-bezier(0.74, 0.14, 0.38, 0.99); } /* Base Theme */ .slider-radio.base { background-color: #eee; border-radius: 5px; overflow: hidden; } .slider-radio.base input[type="radio"]:checked+label, .slider-radio.base .sliding-piece { background-color: #005d7a; border: none; color: white; } /* Elegant Theme */ .slider-radio.elegant label { display: inline-block; padding: 10px 20px; cursor: pointer; font-size: 20px; font-weight: bold; opacity: 0.5; } .slider-radio.elegant input[type="radio"]:checked+label, .slider-radio.elegant .sliding-piece { color: white; border-radius: 10px; background-color: #f44242; opacity: 1; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } /* Edgy Theme */ .slider-radio.edgy label { display: inline-block; padding: 10px 20px; cursor: pointer; font-size: 20px; font-weight: bold; opacity: 0.5; filter: blur(1px); transition: filter 0.3s; } .slider-radio.edgy input[type="radio"]:checked+label { filter: blur(0px); } .slider-radio.edgy input[type="radio"]:checked+label, .slider-radio.edgy .sliding-piece { border-radius: 10px; background-color: transparent; color: black; opacity: 1; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } /* Vertical */ .slider-radio.vertical label { display: block !important; } button { padding: 0; border: none; background-color: transparent; transition: 0.5s ease; transition-property: color, background-color, border-color, box-shadow; cursor: pointer; } button:focus { outline: none; } a { text-decoration: none; } a:hover, a:active, a:focus { outline: none; text-decoration: none; } input, textarea, select { padding: 0; margin: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; box-shadow: none; transition: 0.5s ease; transition-property: color, background-color, border-color, box-shadow; } input:focus, textarea:focus, select:focus { outline: none; } select::-ms-expand { display: none; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } ul { margin: 0; padding: 0; list-style: none; } ::-moz-selection { background: #fff; color: #222227; text-shadow: none; } ::selection { background: #fff; color: #222227; text-shadow: none; } ::-webkit-input-placeholder { color: #c0c0c0; opacity: 1; } ::-moz-placeholder { color: #c0c0c0; opacity: 1; } :-moz-placeholder { color: #c0c0c0; opacity: 1; } :-ms-input-placeholder { color: #c0c0c0; opacity: 1; } :focus { outline: -webkit-focus-ring-color auto 0px; } body::-webkit-scrollbar { width: 16px; } body::-webkit-scrollbar-track { background: #222227; } body::-webkit-scrollbar-thumb { background-color: #c0c0c0; outline: 1px solid #222227; } .tab-content { width: 100%; } .tab-content>.tab-pane { display: none; } .tab-content>.active { display: block; } .fade { transition: opacity 0.4s linear; } @media screen and (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.4s ease; } @media screen and (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } :focus-visible { outline: 0px dotted; } .row--grid { margin-right: -10px; margin-left: -10px; } .row--grid .col-6, .row--grid .col-12 { padding-left: 10px; padding-right: 10px; } @media (min-width: 768px) { .row--grid { margin-right: -15px; margin-left: -15px; } .row--grid .col-6, .row--grid .col-12 { padding-left: 15px; padding-right: 15px; } } .row--sidebar { margin-right: -10px; margin-left: -10px; } .row--sidebar .col-6, .row--sidebar .col-12 { padding-left: 10px; padding-right: 10px; } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .owl-carousel .owl-item { -webkit-transform: none; } /*============================== Header ==============================*/ .header { display: block; position: fixed; top: 0; left: 0; right: 0; width: auto; height: 70px; background-color: #16151a; border-bottom: 1px solid #222227; z-index: 101; } .header__content { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 100%; width: 100%; position: relative; padding: 0 15px; } .header__logo { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; height: 70px; width: 100%; } .header__logo img { width: 100px; height: auto; display: block; } .header__actions { display: inline-flex; flex-direction: row; justify-content: flex-end; align-items: center; width: auto; margin-left: auto; margin-right: 40px; } .header__action { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 100%; width: 24px; position: relative; margin-left: 15px; } .header__action:first-child { margin-left: 0; } .header__action--cart span, .header__action--note span { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 16px; min-width: 16px; color: #fff; padding: 0 5px; border-radius: 4px; background-color: #25a56a; position: absolute; top: 1px; left: 10px; font-family: "Inter", sans-serif; font-size: 10px; pointer-events: none; } .header__action--cart span:empty, .header__action--note span:empty { display: none; } .header__action--note a svg, .header__action--note button svg { width: 22px; } .header__action--note span { background-color: #2f80ed; } .header__action--cart .header__drop { display: none; } .header__action:hover .header__drop { pointer-events: auto; opacity: 1; z-index: 99; margin-top: 0; } .header__action-btn { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 36px; width: 100%; } .header__action-btn span { display: none; } .header__action-btn svg { width: 24px; height: auto; fill: #c0c0c0; transition: fill 0.5s ease; } .header__action-btn:hover svg { fill: #fff; } .header__btn { position: absolute; width: 24px; height: 22px; display: block; right: 15px; top: 24px; } .header__btn span { position: absolute; right: 0; width: 24px; height: 2px; background-color: #c0c0c0; border-radius: 2px; transition: 0.5s ease; } .header__btn span:first-child { top: 0; } .header__btn span:nth-child(2) { top: 10px; width: 16px; } .header__btn span:last-child { top: 20px; width: 8px; } .header__btn:hover span { background-color: #25a56a; } .header__btn--active span { background-color: #25a56a; } .header__btn--active span:first-child { transform: rotate(-45deg); top: 9px; } .header__btn--active span:nth-child(2) { opacity: 0; width: 0; } .header__btn--active span:last-child { width: 24px; transform: rotate(45deg); top: 9px; } .header__search { position: absolute; left: 0; top: -71px; width: 100%; height: 70px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; background-color: #16151a; z-index: 1; padding: 0 15px; border-bottom: 1px solid #222227; transition: top 0.5s ease; } .header__search input { width: calc(100% - 30px); height: 40px; background-color: #222227; color: #fff; font-size: 16px; border-radius: 12px; border: none; padding: 0 20px; font-family: "Inter", sans-serif; } .header__search input:focus { border-color: #fff; } .header__search button { position: absolute; right: 60px; top: 15px; height: 40px; width: auto; display: flex; flex-direction: row; justify-content: center; align-items: center; } .header__search button svg { width: 20px; height: auto; fill: #c0c0c0; transition: 0.5s ease; } .header__search button:hover svg { fill: #25a56a; } .header__search button.close { right: 15px; } .header__search--active { top: 0; } .header__nav { display: none; } .header__drop { position: absolute; top: 100%; right: -15px; background-color: #222227; padding: 15px; border-radius: 12px; width: 200px; pointer-events: none; opacity: 0; z-index: -1; transition: 0.4s ease; margin-top: -5px; } .header__note { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .header__note:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .header__note svg { width: 16px; height: auto; margin-right: 5px; fill: #c0c0c0; } .header__note p { color: #fff; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; width: calc(100% - 25px); display: block; margin-bottom: 0; font-weight: 400; } .header__note p a { color: #fff; } .header__note p a:hover { color: #fff; text-decoration: none; } .header__note span { padding: 0; font-size: 12px; color: #c0c0c0; position: relative; background-color: transparent; top: auto; left: auto; display: block; width: 100%; margin-top: 5px; } .header__note--succ svg { fill: #25a56a; } .header__note--fail svg { fill: #eb5757; } .header__note--info svg { fill: #c0c0c0; } .header__note--gift svg { fill: #8051d4; } .header__product { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative; padding-left: 56px; } .header__product button { position: absolute; width: 14px; bottom: 5px; right: 0; } .header__product button svg { width: 14px; height: auto; fill: #c0c0c0; transition: fill 0.4s ease; } .header__product button:hover svg { fill: #25a56a; } .header__product img { width: 46px; height: auto; position: absolute; top: 0; left: 0; border-radius: 6px; } .header__product p { color: #fff; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; width: 100%; display: block; margin-bottom: 0; font-weight: 400; } .header__product p a { color: #fff; } .header__product p a:hover { color: #25a56a; } .header__product span { padding: 0; font-size: 14px; color: #c0c0c0; position: relative; background-color: transparent; top: auto; left: auto; display: block; width: 100%; margin-top: 5px; line-height: 100%; } .header__product:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .header__all { display: none; } @media (min-width: 400px) { .header__action { margin-left: 20px; } .header__action:first-child { margin-left: 0; } .header__actions { margin-right: 44px; } } @media (min-width: 576px) { .header__action--signin { width: auto; padding-left: 22px; } .header__action--signin:before { content: ""; position: absolute; display: block; width: 1px; height: 24px; background-color: #222227; top: 50%; left: 0; margin-top: -11px; } .header__action--signin:hover a span, .header__action--signin:hover button span { color: #fff; } .header__action--signin:hover a svg, .header__action--signin:hover button svg { fill: #25a56a; } .header__action-btn span { display: block; white-space: nowrap; color: #c0c0c0; font-size: 16px; margin-right: 10px; font-family: "Inter", sans-serif; transition: color 0.5s ease; } .header__content { padding: 0 30px; } .header__search { padding: 0 30px; } .header__search button { right: 75px; } .header__search button.close { right: 30px; } .header__btn { right: 30px; } .header__drop { width: 260px; } } @media (min-width: 768px) { .header__action { margin-left: 30px; } .header__action--signin { padding-left: 32px; } } @media (min-width: 1200px) { .header--mobile { display: none; } .header__logo, .header__btn { display: none; } .header__actions { margin-right: 0; } .header__action--search { display: none; } .header__action--cart .header__drop { display: block; } .header__search { position: relative; top: auto; left: auto; width: 320px; padding: 0; border: none; background-color: transparent; } .header__search input { padding: 0 60px 0 20px; width: 100%; } .header__search button { right: 20px; } .header__search button.close { display: none; } .header__search--active { top: auto; } .header__nav { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-right: 60px; } .header__nav a { font-size: 16px; color: #c0c0c0; margin-right: 30px; font-family: "Inter", sans-serif; } .header__nav a:last-child { margin-right: 0; } .header__nav a:hover { color: #25a56a; } .header__all { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; background-color: rgba(255, 255, 255, 0.1); color: #c0c0c0; font-size: 13px; font-weight: 400; font-family: "Inter", sans-serif; margin-bottom: 15px; height: 24px; border-radius: 8px 8px 0 0; } .header__all:hover { color: #25a56a; } } /*============================== Sidebar ==============================*/ .sidebar { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; background-color: #16151a; position: fixed; top: 0; left: 0; bottom: 0; z-index: 101; width: 280px; transform: translateX(-100%); transition: transform 0.5s ease; border-right: 1px solid #222227; } .sidebar__logo { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; height: 70px; width: 100%; padding: 0 30px 0 15px; border-bottom: 1px solid #222227; } .sidebar__logo img { width: 100px; height: auto; display: block; } .sidebar__nav { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; position: relative; padding: 30px 0 0; width: 100%; max-height: calc(100vh - 150px); overflow-y: auto; } .sidebar__nav-link { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 16px; color: #c0c0c0; font-family: "Inter", sans-serif; margin-left: 15px; transition: 0.4s ease; position: relative; } .sidebar__nav-link svg { fill: #c0c0c0; width: 22px; height: auto; transition: fill 0.5s; margin-right: 12px; margin-bottom: 2px; } .sidebar__nav-link svg:last-child { width: 16px; margin-right: 0; margin-top: 3px; margin-left: 2px; margin-bottom: 0; } .sidebar__nav-link:hover { color: #fff; } .sidebar__nav-link:hover svg { fill: #25a56a; } .sidebar__nav-link--active, .sidebar__nav-link[aria-expanded="true"] { color: #fff; } .sidebar__nav-link--active svg, .sidebar__nav-link[aria-expanded="true"] svg { fill: #25a56a; } .sidebar__nav-link--active:hover svg, .sidebar__nav-link[aria-expanded="true"]:hover svg { fill: #25a56a; } .sidebar__nav-link[aria-expanded="true"] { margin-bottom: 15px; } .sidebar__nav-link--active { cursor: default; } .sidebar__nav-item { width: 100%; display: block; margin-bottom: 15px; position: relative; } .sidebar__nav-item:last-child { margin-bottom: 0; } .sidebar__menu { padding: 0; display: block; width: 100%; text-align: left; overflow: hidden; background-color: #222227; transition: 0.4s ease; height: auto; } .sidebar__menu--scroll { height: 165px; overflow: hidden; } .sidebar__menu li { padding: 0 0 0 49px; margin-bottom: 15px; position: relative; } .sidebar__menu li:before { content: ""; position: absolute; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #25a56a; top: 50%; left: 25px; margin-top: -2px; } .sidebar__menu li:last-child { margin-bottom: 0; padding-bottom: 20px; } .sidebar__menu li:last-child:before { top: 11px; } .sidebar__menu li:first-child { margin-top: 0; padding-top: 20px; } .sidebar__menu li:first-child:before { top: 31px; } .sidebar__menu a { font-size: 14px; color: #c0c0c0; display: block; font-weight: 400; } .sidebar__menu a:hover { color: #25a56a; } .sidebar__menu a.active { color: #25a56a; cursor: default; } .sidebar--active { transform: translateX(0); } @media (min-width: 576px) { .sidebar__logo { padding: 0 30px; } .sidebar__nav-link { margin-left: 30px; } .sidebar__menu li { padding: 0 0 0 64px; } .sidebar__menu li:before { left: 40px; } } @media (min-width: 1200px) { .sidebar { transform: translateX(0); } .sidebar__nav { max-height: calc(100vh - 332px); } } /*============================== Player ==============================*/ .player { z-index: 102; bottom: 0; left: 0; width: 100%; } .player__cover { width: 100%; max-width: 90px; } .player__cover img { width: 100%; height: auto; display: block; border-radius: 12px; margin-bottom: 10px; } .player__track { font-size: 16px; line-height: 24px; display: block; width: 100%; text-align: center; font-weight: 400; color: #c0c0c0; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } .player__track b { font-weight: 600; color: #fff; } .player__content { width: 100%; } .player__btn { display: flex; flex-direction: row; justify-content: center; align-items: center; background-color: #16151a; border-radius: 12px 12px 0 0; height: 40px; width: 90px; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 103; color: #fff; font-size: 14px; border: 1px solid #222227; border-bottom: none; } .player__btn svg { width: 18px; height: auto; fill: #25a56a; margin-right: 8px; } .player--active { transform: translateY(0); } @media (min-width: 1200px) { .player { width: 278px; padding: 20px 30px; position: a; transform: translateY(0); } .player__btn { display: none; } } .plyr__control { padding: 0; } .plyr__control svg { width: 24px; height: 24px; transition: fill 0.4s ease; } .plyr__control:hover { background-color: transparent !important; } .plyr__control:hover svg { fill: #25a56a; } .plyr__controls { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; } .plyr__actions { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; } .plyr__actions button { margin: 0 5px; } .plyr__tooltip { background-color: #222227; box-shadow: none; color: #fff; font-size: 14px !important; } .plyr__tooltip:before { border-top-color: #222227; } .plyr__wrap { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; margin-top: 10px; } .plyr__time { margin-left: 10px; color: #c0c0c0; font-size: 14px; line-height: 100%; } .plyr__volume { margin-right: auto; } .plyr__progress { width: 100%; } .plyr--audio .plyr__controls { padding: 0; color: #fff; background-color: transparent; } .plyr--full-ui input[type="range"] { color: #25a56a; } /*============================== Main ==============================*/ .main { position: relative; margin-top: 70px; padding: 20px 0 60px; } .main__title { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; margin-bottom: 10px; margin-top: 60px; } .main__title h1 { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; font-family: "Inter", sans-serif; font-weight: 400; color: #fff; font-size: 30px; line-height: 140%; margin-bottom: 0; position: relative; } .main__title h1 b { font-weight: 500; } .main__title h1 a { color: #fff; } .main__title h1 a:hover { color: #25a56a; } .main__title h2 { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; font-family: "Inter", sans-serif; font-weight: 400; color: #fff; font-size: 26px; line-height: 100%; margin-bottom: 0; position: relative; } .main__title h2 svg { width: 26px; height: auto; fill: #25a56a; margin-right: 10px; } .main__title h2 b { font-weight: 500; } .main__title h2 a { color: black } .main__title h2 a:hover { color: black; } .main__title h3 { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; font-family: "Inter", sans-serif; font-weight: 400; font-size: 24px; color: #fff; margin-bottom: 0; line-height: 100%; position: relative; } .main__title p { display: block; width: 100%; font-size: 16px; line-height: 26px; color: #c0c0c0; margin-top: 20px; margin-bottom: 0; } .main__title p b { font-weight: 600; } .main__title p a { color: #25a56a; text-decoration: none; } .main__title p a:hover { text-decoration: none; } .main__title ol { padding-left: 0; list-style: none; counter-reset: li; margin-bottom: 0; } .main__title ol ol { padding-left: 15px; margin-top: 10px; } .main__title ol ol ol { margin-top: 10px; margin-bottom: 10px; } .main__title ol ol ol li { margin-top: 5px; } .main__title ol h4 { font-size: 16px; color: #fff; display: inline-block; margin-bottom: 0; margin-top: 20px; font-weight: 500; font-family: "Inter", sans-serif; } .main__title ol li { font-size: 16px; line-height: 24px; color: #c0c0c0; position: relative; } .main__title ol li b { font-weight: 600; color: #c0c0c0; } .main__title ol li a { color: #eb5757; } .main__title ol li a:hover { color: #eb5757; text-decoration: none; } .main__title ol li:last-child { margin-bottom: 0; } .main__title ol li:before { counter-increment: li; content: counters(li, ".") ". "; } .main__title--page { margin-bottom: 0; margin-top: 50px; } .main__link { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 16px; color: black; text-decoration: none; font-weight: 400; } .main__link svg { color: black; text-decoration: none; width: 22px; height: auto; fill: #c0c0c0; margin-left: 5px; transition: fill 0.5s ease; } .main__link:hover { color: black; text-decoration: none; } .main__link:hover svg { fill: #25a56a; color: black; text-decoration: none; } .main__carousel-wrap { position: relative; } .main__carousel .owl-dots { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; margin-top: 20px; position: relative; } .main__carousel .owl-dot { margin-right: 10px; } .main__carousel .owl-dot:last-child { margin-right: 0; } .main__carousel .owl-dot span { display: block; height: 4px; width: 10px; border-radius: 2px; background-color: #c0c0c0; transition: 0.5s ease; } .main__carousel .owl-dot.active span { width: 20px; background-color: #25a56a; } .main__nav { display: none; } .main__list { margin-top: 20px; } .main__list--dashbox { margin-top: 0; } .main__list--dashbox .single-item__title { max-width: 80px; } .main__list--dashbox .single-item__time { font-size: 12px; } .main__filter { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-top: 20px; padding-bottom: 20px; padding-top: 20px; background-color: #16151a; position: relative; } .main__filter:before { content: ""; position: absolute; display: block; left: -15px; right: -15px; width: auto; top: 0; border-top: 1px solid #222227; border-bottom: 1px solid #222227; bottom: 0; background-color: #16151a; } .main__filter-wrap { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; position: relative; z-index: 2; padding: 0 20px; } .main__filter-search { position: relative; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; margin-bottom: 10px; } .main__filter-search input { width: 100%; height: 40px; background-color: #222227; color: #fff; font-size: 14px; border-radius: 12px; border: none; padding: 0 60px 0 20px; font-family: "Inter", sans-serif; } .main__filter-search input:focus { border-color: #222227; } .main__filter-search button { position: absolute; right: 20px; top: 0; height: 40px; width: auto; display: flex; flex-direction: row; justify-content: center; align-items: center; } .main__filter-search button svg { width: 20px; height: auto; fill: #c0c0c0; transition: 0.5s ease; } .main__filter-search button:hover svg { fill: #25a56a; } .main__load { width: 160px; height: 50px; border-radius: 12px; background-color: #25a56a; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; margin: 30px auto 0; } .main__load:hover { color: #25a56a; background-color: #222227; } .main__tabs { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%; margin-top: 10px; } .main__tabs li { margin-top: 15px; margin-right: 15px; } .main__tabs li:last-child { margin-right: 0; } .main__tabs a { display: inline-flex; flex-direction: row; justify-content: center; align-items: center; width: auto; color: #c0c0c0; font-size: 17px; } .main__tabs a span { font-size: 15px; font-weight: 600; margin-right: 3px; margin-top: 3px; color: #c0c0c0; transition: color 0.5s ease; } .main__tabs a:hover { color: #fff; } .main__tabs a.active { color: #fff; } .main__tabs a.active span { color: #25a56a; } .main__table { width: 100%; min-width: 520px; border-spacing: 0; } .main__table thead { border-bottom: 1px solid #222227; } .main__table thead th { font-size: 14px; color: #c0c0c0; font-weight: 400; padding: 0 10px 20px 0; line-height: 100%; margin-bottom: 0; border: none; } .main__table thead th a { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; color: #c0c0c0; } .main__table thead th a svg { width: 20px; height: auto; fill: #c0c0c0; transition: fill 0.5s ease; } .main__table thead th a:hover { color: #fff; } .main__table thead th a:hover svg { fill: #25a56a; } .main__table thead th a.active { color: #fff; } .main__table thead th a.active svg { width: 16px; fill: #25a56a; } .main__table tbody tr { border-bottom: none; background-color: transparent; border-top: 1px solid #222227; } .main__table tbody td { padding: 0; background-color: transparent; border: 0px solid transparent; } .main__table tbody td:first-child .main__table-text { border-radius: 12px 0 0 12px; } .main__table tbody td:last-child .main__table-text, .main__table tbody td:last-child .main__table-btns { border-radius: 0 12px 12px 0; } .main__table tbody td .main__table-text { background-color: transparent; padding: 15px 20px 15px 0; } .main__table-text { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 14px; color: #c0c0c0; font-weight: 400; line-height: 30px; padding: 20px; white-space: nowrap; } .main__table-text svg { width: 18px; height: auto; transition: fill 0.5s ease; fill: #c0c0c0; margin-right: 5px; } .main__table-text a { font-size: 16px; color: #fff; } .main__table-text a:hover { color: #25a56a; } .main__table-text--number a { font-size: 14px; line-height: 22px; border-bottom: 2px dashed #25a56a; } .main__table-text--price { font-family: "Inter", sans-serif; font-weight: 500; color: #c0c0c0; font-size: 16px; } .main__table-text--red { color: #eb5757; } .main__table-text--red svg { fill: #eb5757; } .main__table-text--green { color: #25a56a; } .main__table-text--green svg { fill: #25a56a; } .main__table-text--grey { color: #c0c0c0; } .main__table-img { width: 100px; height: auto; display: flex; flex-direction: row; justify-content: center; align-items: center; background-color: transparent; border-radius: 8px; overflow: hidden; padding: 15px 20px 15px 0; } .main__table-img img { width: 100%; height: auto; border-radius: 8px; } @media (min-width: 400px) { .main__list--dashbox .single-item__title { max-width: 110px; } } @media (min-width: 576px) { .main { padding: 20px 15px 50px; } .main__list--dashbox .single-item__title { max-width: 150px; } .main__list--dashbox .single-item__time { font-size: 14px; } .main__filter:before { left: -30px; right: -30px; } } @media (min-width: 768px) { .main { padding: 30px 15px 70px; } .main__title { margin-top: 70px; color: #000; margin-bottom: 0; } .main__title h1 { color: #000; font-size: 36px; } .main__title h2 { color: #000; font-size: 30px; } .main__title h2 svg { width: 30px; color: #000; } .main__title p:last-child { margin-bottom: 10px; color: #000; } .main__title--sidebar { margin-bottom: 10px; } .main__carousel .owl-dots { margin-top: 30px; } .main__list { margin-top: 30px; } .main__list--dashbox { margin-top: 0; } .main__filter { padding: 0; flex-direction: row; align-items: center; margin-top: 30px; height: 70px; } .main__filter-wrap { padding: 0; } .main__load { margin: 40px auto 0; } .main__tabs li { margin-top: 20px; margin-right: 20px; } .main__tabs li:last-child { margin-right: 0; } .main__filter-search { margin-bottom: 0; width: 180px; margin-right: 30px; } .main__filter-search input { width: 180px; } } @media (min-width: 992px) { .main__filter-search { margin-bottom: 0; width: 250px; } .main__filter-search input { width: 250px; } .main__title--sidebar { margin-top: 30px; } .main__list--dashbox .single-item__title { max-width: 200px; } } @media (min-width: 1200px) { .main__carousel .owl-dots { justify-content: flex-end; padding-right: 68px; } .main__nav { position: absolute; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 34px; height: 34px; right: 0; bottom: -14px; z-index: 2; } .main__nav svg { width: 30px; height: auto; fill: #c0c0c0; transition: fill 0.5s ease; } .main__nav:hover svg { fill: #25a56a; } .main__nav--prev { right: 25px; } .main__nav--next { right: -5px; } .main__nav--hero { bottom: 15px; } .main__nav--hero svg { fill: #fff; } .main__nav--hero.main__nav--prev { right: 95px; } .main__nav--hero.main__nav--next { right: 65px; } .main__nav--hero:hover svg { fill: #25a56a; } .main__filter { position: -webkit-sticky; position: sticky; top: 0; z-index: 99; background-color: #fff; border: none; } .main__filter-search { margin-bottom: 0; width: 220px; } .main__filter-search input { width: 220px; } } /*============================== Breadcrumb ==============================*/ .breadcrumb { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; } .breadcrumb__item { font-size: 14px; color: #c0c0c0; transition: 0.5s ease; position: relative; margin-right: 34px; } .breadcrumb__item:before { content: ""; position: absolute; left: 100%; top: 1px; bottom: 0; width: 34px; background: url("../img/breadcrumb.svg") no-repeat center/16px auto; } .breadcrumb__item:hover { color: #c0c0c0; } .breadcrumb__item:last-child { margin-right: 0; } .breadcrumb__item:last-child:before { display: none; } .breadcrumb__item--active { cursor: default; margin-right: 0; } .breadcrumb__item--active:before { display: none; } .breadcrumb__item--active:hover { color: #c0c0c0; } .breadcrumb a { color: #c0c0c0; } .breadcrumb a:hover { color: #25a56a; } @media (min-width: 1200px) { .breadcrumb { margin-top: 25px; } .breadcrumb--hidden-desk { display: none; } } /*============================== Profile ==============================*/ .profile { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; background-color: #16151a; padding: 20px 20px 0; border-radius: 12px; position: relative; margin-top: 20px; border: 1px solid #222227; } .profile__tabs { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; overflow: hidden; width: 100%; } .profile__tabs li { margin-right: 20px; } .profile__tabs li:last-child { margin-right: 0; } .profile__tabs a { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; height: 40px; color: #c0c0c0; position: relative; font-size: 14px; font-family: "Inter", sans-serif; } .profile__tabs a:hover { color: #fff; } .profile__tabs a:before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; display: block; background-color: #25a56a; transition: 0.5s ease; transform: translateY(2px); opacity: 0; border-radius: 2px 2px 0 0; } .profile__tabs a.active { color: #fff; cursor: default; } .profile__tabs a.active:before { opacity: 1; transform: translateY(0); } .profile__logout { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: auto; position: absolute; top: 20px; right: 20px; } .profile__logout span { display: none; font-size: 16px; color: #c0c0c0; margin-right: 10px; transition: 0.5s ease; font-family: "Inter", sans-serif; } .profile__logout svg { fill: #c0c0c0; width: 24px; height: auto; transition: fill 0.5s ease; } .profile__logout:hover span { color: #fff; } .profile__logout:hover svg { fill: #25a56a; } .profile__user { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 20px; } .profile__meta { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .profile__meta h3 { color: #fff; font-family: "Inter", sans-serif; display: block; font-size: 16px; font-weight: 400; margin-bottom: 7px; line-height: 100%; } .profile__meta span { color: #c0c0c0; font-size: 12px; line-height: 100%; } .profile__avatar { display: block; position: relative; width: 40px; cursor: pointer; overflow: hidden; border-radius: 8px; margin-right: 15px; } .profile__avatar img { width: 100%; } @media (min-width: 768px) { .profile { margin-top: 30px; padding: 0 20px; flex-direction: row; justify-content: space-between; align-items: center; } .profile__tabs { border-bottom: none; margin-bottom: 0; width: auto; margin-right: auto; } .profile__tabs li { margin-right: 30px; } .profile__tabs li:last-child { margin-right: 0; } .profile__tabs a { align-items: center; height: 70px; font-size: 16px; } .profile__user { margin-bottom: 0; margin-right: 60px; } .profile__logout { position: relative; top: auto; right: auto; } .profile__logout span { display: block; } } /*============================== Hero ==============================*/ .hero { display: block; width: 100%; } .hero .owl-dots { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; margin-top: 20px; position: relative; } .hero .owl-dot { margin-right: 10px; } .hero .owl-dot:last-child { margin-right: 0; } .hero .owl-dot span { display: block; height: 4px; width: 10px; border-radius: 2px; background-color: #c0c0c0; transition: 0.5s ease; } .hero .owl-dot.active span { width: 20px; background-color: #25a56a; } .hero .owl-stage-outer { border-radius: 12px; } .hero__slide { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 100%; min-height: 300px; border-radius: 12px; overflow: hidden; padding: 40px 20px; position: relative; } .hero__slide:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient( 45deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; } .hero__title { position: relative; z-index: 2; color: #fff; font-weight: 400; font-size: 30px; font-family: "Inter", sans-serif; margin-bottom: 0; line-height: 130%; } .hero__text { position: relative; z-index: 2; color: #c0c0c0; font-size: 16px; line-height: 26px; margin-bottom: 0; margin-top: 15px; } .hero__btns { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%; margin-top: 10px; } .hero__btn { width: auto; min-width: 120px; height: 50px; border-radius: 12px; background-color: #222227; display: inline-flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; padding: 0 20px; margin-top: 20px; margin-right: 20px; } .hero__btn svg { fill: #fff; width: 28px; height: auto; margin-right: 7px; } .hero__btn:last-child { margin-right: 0; } .hero__btn:hover { color: #25a56a; } .hero__btn--video { text-transform: none; font-size: 16px; } .hero__btn--video svg { fill: #25a56a; width: 28px; height: auto; margin-right: 10px; transition: fill 0.5s ease; } .hero__btn--video:hover { background-color: #25a56a; color: #fff; } .hero__btn--video:hover svg { fill: #fff; } .hero__btn--green { background-color: #25a56a; color: #fff; } .hero__btn--green:hover { background-color: #222227; color: #25a56a; } @media (min-width: 576px) { .hero__slide { min-height: 400px; } } @media (min-width: 768px) { .hero .owl-dots { margin-top: 30px; } .hero__slide { padding: 40px 30px; padding-right: 10%; min-height: 460px; } .hero__title { font-size: 36px; } .hero__btn { margin-top: 30px; margin-right: 30px; min-width: 160px; padding: 0 25px; } .hero__btn:last-child { margin-right: 0; } } @media (min-width: 992px) { .hero__slide { padding-right: 25%; } } @media (min-width: 1200px) { .hero { margin-top: 30px; } .hero .owl-dots { justify-content: flex-end; margin-top: -34px; margin-bottom: 30px; padding-right: 124px; z-index: 2; } .hero .owl-dot span { background-color: rgba(255, 255, 255, 0.6); } .hero .owl-dot.active span { background-color: #fff; } .hero__title { font-size: 44px; } .hero__text { font-size: 17px; line-height: 28px; } .hero__btn { margin-top: 40px; } .hero__slide { padding: 60px; padding-right: 33%; } } @media (min-width: 1900px) { .hero__slide { padding-right: 50%; } } /*============================== Album ==============================*/ .album { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-top: 20px; width: 100%; } .album__cover { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 12px; position: relative; overflow: hidden; width: 100%; background-color: #000; } .album__cover img { width: 100%; display: block; position: relative; z-index: 1; opacity: 1; transition: 0.5s ease; } .album__cover a { position: absolute; z-index: 2; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 56px; height: 56px; top: 50%; left: 50%; margin: -28px 0 0 -28px; border-radius: 12px; background-color: #222227; transform: scale(0.8); opacity: 0; transition: 0.5s ease; border: 1px solid rgba(255, 255, 255, 0.05); } .album__cover a svg { fill: #fff; width: 24px; height: auto; margin: 1px 0 0 1px; transition: fill 0.5s ease; } .album__cover a:hover svg { fill: #25a56a; } .album__cover:hover img { opacity: 0.6; transform: scale(1.08); } .album__cover:hover a { opacity: 1; transform: scale(1); } .album__cover:hover .album__stat { opacity: 1; transform: scale(1); } .album__title { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-top: 5px; } .album__title h3 { display: block; width: 100%; color: #fff; font-size: 16px; font-weight: 400; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } .album__title h3 a { color: #fff; } .album__title h3 a:hover { color: #25a56a; } .album__title span { display: block; width: 100%; color: #c0c0c0; font-size: 14px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } .album__title span a { color: black !important; text-decoration: none; font-size: 14px; } .album__stat { position: absolute; z-index: 2; display: flex; flex-direction: row; justify-content: center; align-items: center; bottom: 20px; left: 0; right: 0; color: #fff; font-size: 12px; transform: scale(0.8); opacity: 0; transition: 0.5s ease; } .album__stat span { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-right: 15px; } .album__stat span:last-child { margin-right: 0; } .album__stat svg { width: 14px; height: auto; fill: #fff; margin-right: 5px; } @media (min-width: 768px) { .album { margin-top: 30px; padding: 30px; border-radius: 12px; background-color: #E9E7E7; } .album--sidebar { margin-top: 20px; } .album__stat { font-size: 13px; } .album__stat span { margin-right: 20px; } .album__stat span:last-child { margin-right: 0; } .album__stat svg { width: 16px; } } /*============================== Releases ==============================*/ .release { margin-top: 20px; border: 1px solid #222227; background-color: #16151a; padding: 20px; border-radius: 12px; position: release; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; } .release__cover { display: block; position: relative; width: 100%; border-radius: 12px; overflow: hidden; } .release__cover img { width: 100%; } .release__list { position: relative; height: 330px; width: 100%; overflow: hidden; padding-right: 14px; margin-top: 20px; } .release__stat { display: flex; flex-direction: row; justify-content: space-between; align-items: center; color: #c0c0c0; font-size: 14px; transition: 0.5s ease; width: 100%; margin-top: 15px; } .release__stat span { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-right: 20px; } .release__stat span:last-child { margin-right: 0; } .release__stat svg { width: 20px; height: auto; fill: #25a56a; margin-right: 5px; } .release__buy { width: 100%; height: 50px; border-radius: 12px; background-color: #25a56a; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; padding: 0 25px; margin-top: 15px; } .release__buy svg { fill: #fff; width: 28px; height: auto; margin-right: 7px; } .release__buy:hover { background-color: #222227; color: #fff; } @media (min-width: 768px) { .release { flex-direction: row; margin-bottom: 10px; } .release__list { margin-top: 0; width: calc(100% - 250px); } .release__content { width: 230px; margin-right: 20px; } } @media (min-width: 1200px) { .release__list { width: calc(100% - 310px); height: 388px; } .release__content { width: 290px; } } /*============================== Store-item ==============================*/ .store-item { margin-top: 20px; border: 1px solid #222227; background-color: #16151a; padding: 20px; border-radius: 12px; position: release; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; } .store-item__cover { display: block; position: release; width: 100%; border-radius: 12px; overflow: hidden; } .store-item__cover img { width: 100%; } .store-item__description { position: relative; width: 100%; margin-top: 20px; } .store-item__buy { width: 100%; height: 50px; border-radius: 12px; background-color: #25a56a; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; padding: 0 25px; margin-top: 15px; } .store-item__buy svg { fill: #fff; width: 28px; height: auto; margin-right: 7px; } .store-item__buy:hover { background-color: #222227; color: #fff; } .store-item__content { width: 100%; display: block; } .store-item__carousel { position: relative; width: 100%; } .store-item__carousel .owl-dots { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; margin-top: 20px; position: relative; } .store-item__carousel .owl-dot { margin-right: 10px; } .store-item__carousel .owl-dot:last-child { margin-right: 0; } .store-item__carousel .owl-dot span { display: block; height: 4px; width: 10px; border-radius: 2px; background-color: #c0c0c0; transition: 0.5s ease; } .store-item__carousel .owl-dot.active span { width: 20px; background-color: #25a56a; } @media (min-width: 768px) { .store-item { flex-direction: row; } .store-item__description { margin-top: 0; width: calc(100% - 250px); } .store-item__content { width: 230px; margin-right: 20px; } } @media (min-width: 1200px) { .store-item__description { width: calc(100% - 310px); } .store-item__content { width: 290px; } } /*============================== Artist ==============================*/ .artist { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-top: 20px; width: 100%; position: relative; } .artist__cover { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 12px; position: relative; overflow: hidden; width: 100%; } .artist__cover:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient( 45deg, rgba(37, 165, 106, 0.8) 0%, rgba(37, 165, 106, 0) 100%); opacity: 0; transition: opacity 0.5s ease; z-index: 2; } .artist__cover img { width: 100%; display: block; position: relative; z-index: 1; } .artist__title { z-index: 3; color: #fff; font-size: 16px; margin-bottom: 0; text-align: center; width: 100%; transition: color 0.5s ease; margin-top: 10px; font-family: "Inter", sans-serif; font-weight: 400; } .artist:hover .artist__cover:before { opacity: 0.3; } .artist:hover .artist__title { color: #25a56a; } @media (min-width: 768px) { .artist { margin-top: 30px; } } /*============================== Event ==============================*/ .event { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; margin-top: 20px; width: 100%; border-radius: 12px; position: relative; overflow: hidden; padding: 20px; height: 300px; } .event:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient( 45deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); opacity: 0.6; transition: opacity 0.5s ease; z-index: 1; } .event__date { position: relative; z-index: 2; font-size: 18px; font-weight: 400; color: #fff; } .event__time { position: relative; z-index: 2; font-size: 14px; color: #c0c0c0; font-weight: 400; margin-bottom: 20px; } .event__title { position: relative; z-index: 2; font-family: "Inter", sans-serif; font-weight: 400; color: #fff; font-size: 24px; margin-bottom: 5px; width: 100%; } .event__title a { color: #fff; } .event__title a:hover { color: #25a56a; } .event__address { position: relative; z-index: 2; font-size: 14px; color: #fff; line-height: 24px; margin-bottom: 0; width: 100%; } .event__ticket { position: absolute; top: 20px; left: 20px; min-width: 130px; height: 40px; border-radius: 12px; background-color: #222227; display: inline-flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; z-index: 2; font-family: "Inter", sans-serif; font-weight: 500; padding: 0 15px; border: 1px solid rgba(255, 255, 255, 0.05); } .event__ticket svg { width: 18px; height: auto; margin-right: 7px; fill: #25a56a; transition: fill 0.5s ease; } .event__ticket:hover { color: #fff; background-color: #25a56a; border-color: #25a56a; } .event__ticket:hover svg { fill: #fff; } .event__out { position: absolute; top: 20px; left: 20px; min-width: 120px; height: 40px; border-radius: 12px; background-color: #25a56a; display: inline-flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; z-index: 2; font-family: "Inter", sans-serif; font-weight: 500; padding: 0 15px; } .event:hover:before { opacity: 0.8; } @media (min-width: 768px) { .event { margin-top: 30px; height: 320px; } .event__title { font-size: 26px; } } /*============================== Single ==============================*/ .single-item { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #222227; height: 58px; } .single-item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; height: 48px; } .single-item__number { color: #c0c0c0; font-size: 22px; min-width: 20px; width: auto; font-family: "Inter", sans-serif; font-weight: 400; } .single-item__rate { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 14px; color: #c0c0c0; width: 24px; margin-right: 10px; } .single-item__rate svg { fill: #25a56a; width: 20px; height: auto; } .single-item__rate--red svg { fill: #eb5757; } .single-item__cover { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 8px; overflow: hidden; transition: 0.5s ease; } .single-item__cover img { width: 48px; height: auto; opacity: 1; transition: opacity 0.5s ease; position: relative; } .single-item__cover svg { position: absolute; opacity: 0; fill: #fff; width: 24px; height: auto; margin: 1px 0 0 1px; transition: 0.5s ease; } .single-item__cover svg:last-child { opacity: 0; } .single-item__cover:hover svg { fill: #25a56a; } .single-item__cover.active { background-color: #000; } .single-item__cover.active img { opacity: 0.35; } .single-item__cover.active svg { fill: #25a56a; } .single-item__cover.pause svg { opacity: 1; } .single-item__cover.pause svg:last-child { opacity: 0; } .single-item__cover.play svg { opacity: 0; } .single-item__cover.play svg:last-child { opacity: 1; } .single-item__title { display: inline-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-left: 15px; margin-right: auto; } .single-item__title h4 { display: block; color: #fff; font-size: 16px; line-height: 24px; font-weight: 400; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } .single-item__title h4 a { color: black; text-decoration: none; } .single-item__title h4 a:hover { color: #25a56a; } .single-item__title span { display: block; color: #000; text-decoration: none; font-size: 14px; line-height: 24px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } .single-item__title span a { color: #000; text-decoration: none; } .single-item__title span a:hover { text-decoration: none; color: #25a56a; } .single-item__time { margin-left: 15px; font-size: 13px; color: #0000; } .single-item__time--live { background-color: #eb5757; color: #fff; display: inline-flex; flex-direction: row; justify-content: center; align-items: center; height: 24px; padding: 0 12px; border-radius: 8px; font-size: 12px; font-family: "Inter", sans-serif; font-weight: 400; } .single-item__add { margin-left: 15px; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 32px; height: 32px; border-radius: 8px; background-color: rgba(37, 165, 106, 0.15); } .single-item__add svg { width: 18px; height: auto; fill: #25a56a; } .single-item__add:hover { background-color: rgba(37, 165, 106, 0.3); } .single-item__export { margin-left: 15px; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 32px; height: 32px; border-radius: 8px; background-color: rgba(128, 81, 212, 0.15); } .single-item__export svg { width: 18px; height: auto; fill: #8051d4; } .single-item__export:hover { background-color: rgba(128, 81, 212, 0.3); } .single-item:hover .single-item__cover { background-color: #222227; } .single-item:hover .single-item__cover img { opacity: 0.35; } .single-item:hover .single-item__cover svg { opacity: 1; } .single-item:hover .single-item__cover svg:last-child { opacity: 0; } .single-item:hover .single-item__cover.play svg { opacity: 0; } .single-item:hover .single-item__cover.play svg:last-child { opacity: 1; } /*============================== Post ==============================*/ .post { position: relative; margin-top: 20px; border-radius: 12px; width: 100%; overflow: hidden; background-color: #222227; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; height: calc(100% - 20px); } .post__img { display: block; width: 100%; position: relative; background-color: #000; } .post__img:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient( 45deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); opacity: 0.1; transition: opacity 0.5s ease; z-index: 2; } .post__img img { width: 100%; position: relative; z-index: 1; } .post__img:hover:before { opacity: 0.3; } .post__video { position: absolute; top: 20px; left: 20px; z-index: 3; display: flex; flex-direction: row; justify-content: center; align-items: center; height: 40px; border-radius: 12px; background-color: #222227; font-family: "Inter", sans-serif; font-weight: 500; font-size: 14px; color: #fff; padding: 0 15px; border: 1px solid rgba(255, 255, 255, 0.05); } .post__video svg { fill: #25a56a; width: 24px; height: auto; margin-right: 7px; transition: fill 0.5s ease; } .post__video:hover { background-color: #25a56a; color: #fff; border-color: #25a56a; } .post__video:hover svg { fill: #fff; } .post__content { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; padding: 20px; background-color: #222227; border-radius: 0 0 12px 12px; height: 100%; position: relative; } .post__category { display: inline-flex; flex-direction: row; justify-content: center; align-items: center; height: 28px; min-width: 70px; width: auto; color: #fff; font-size: 13px; background-color: #2f80ed; border-radius: 8px; padding: 0 15px; margin-bottom: 20px; position: absolute; bottom: 100%; left: 20px; z-index: 2; } .post__category:hover { color: #fff; background-color: #25a56a; } .post__title { color: #000; text-decoration: none; display: block; font-family: "Inter", sans-serif; font-weight: 400; font-size: 24px; line-height: 140%; color: #fff; margin-bottom: 20px; overflow: hidden; width: 100%; } .post__title a { color: #fff; display: block; } .post__title a:hover { color: #25a56a; } .post__meta { margin-top: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; height: 20px; } .post__date { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 13px; color: #c0c0c0; } .post__date svg { fill: #fff; width: 16px; height: auto; margin-right: 5px; } .post__comments { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 13px; color: #c0c0c0; } .post__comments svg { fill: #fff; width: 16px; height: auto; margin-right: 5px; } @media (min-width: 768px) { .post { margin-top: 30px; height: calc(100% - 30px); } } /*============================== Live ==============================*/ .live { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-top: 20px; position: relative; overflow: hidden; } .live__cover { width: 100%; border-radius: 12px; overflow: hidden; position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; } .live__cover img { position: relative; width: 100%; z-index: 1; transition: 0.5s ease; } .live__cover svg { position: absolute; display: block; fill: #fff; width: 46px; height: auto; transition: 0.5s ease; z-index: 3; transform: scale(0.8); opacity: 0; } .live__cover:before { content: ""; position: absolute; display: block; top: 0; bottom: 0; right: 0; left: 0; z-index: 2; background: linear-gradient( 45deg, rgba(37, 165, 106, 0.8) 0%, rgba(37, 165, 106, 0) 100%); opacity: 0.1; transition: opacity 0.5s ease; } .live__value { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; position: absolute; bottom: 20px; left: 20px; z-index: 3; pointer-events: none; height: 28px; width: auto; padding: 0 15px; border-radius: 8px; background-color: rgba(34, 34, 39, 0.8); color: #fff; font-size: 12px; font-weight: 400; } .live__status { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; position: absolute; top: 20px; left: 20px; z-index: 3; pointer-events: none; height: 24px; width: auto; padding: 0 12px; border-radius: 8px; background-color: #eb5757; color: #fff; font-size: 12px; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 400; } .live__title { font-size: 20px; font-family: "Inter", sans-serif; font-weight: 400; color: #fff; margin-bottom: 0; margin-top: 10px; width: 100%; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: break-word; transition: color 0.5s ease; } .live__title a { color: #fff; } .live:hover .live__cover:before { opacity: 0.3; } .live:hover .live__cover svg { opacity: 1; transform: scale(1); } .live:hover .live__title { color: #25a56a; } .live:hover .live__title a { color: #25a56a; } @media (min-width: 768px) { .live { margin-top: 30px; } } /*============================== Product ==============================*/ .product { position: relative; margin-top: 20px; border-radius: 12px; width: 100%; overflow: hidden; background-color: #222227; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 20px; } .product__img { width: 100%; border-radius: 12px; overflow: hidden; position: relative; } .product__img:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(45deg, #000 0%, rgba(0, 0, 0, 0) 100%); opacity: 0; transition: opacity 0.5s ease; z-index: 2; } .product__img img { width: 100%; display: block; position: relative; z-index: 1; } .product__img:hover:before { opacity: 0.2; } .product__title { display: block; width: 100%; font-size: 17px; font-weight: 400; color: #fff; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; margin-top: 15px; } .product__title a { color: #fff; } .product__title a:hover { color: #25a56a; } .product__price { font-size: 16px; color: #c0c0c0; margin-top: 5px; display: block; width: 100%; font-family: "Inter", sans-serif; font-weight: 400; } .product__new { font-size: 14px; color: #eb5757; position: absolute; bottom: 20px; right: 20px; font-weight: 600; } @media (min-width: 768px) { .product { margin-top: 30px; } } /*============================== Partners ==============================*/ .partners { margin-top: 60px; } .partners__img img { -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.7; transition: 0.5s; } .partners__img:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; } @media (min-width: 768px) { .partners { margin-top: 70px; } } /*============================== Stats ==============================*/ .stats { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; position: relative; margin-top: 20px; padding: 20px; border-radius: 12px; background-color: #16151a; width: 100%; border: 1px solid #222227; } .stats span { font-family: "Inter", sans-serif; font-size: 20px; line-height: 100%; font-weight: 400; color: #fff; margin-bottom: 0; width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; } .stats span a { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 13px; color: #fff; margin-left: 10px; line-height: 100%; border-bottom: 2px dashed #25a56a; } .stats span a svg { width: 14px; height: auto; fill: #25a56a; position: relative; bottom: auto; right: auto; transition: 0.5s ease; } .stats span a:hover { color: #25a56a; } .stats span a:hover svg { fill: #25a56a; } .stats p { font-size: 14px; color: #c0c0c0; margin-bottom: 0; margin-top: 20px; font-family: "Inter", sans-serif; font-weight: 400; line-height: 100%; } .stats p b { font-size: 20px; font-weight: 500; } .stats p a { color: #c0c0c0; } .stats p a:hover { color: #25a56a; } .stats svg { position: absolute; bottom: 15px; right: 20px; fill: #25a56a; width: 30px; height: auto; } .stats__form { display: flex; flex-direction: row; justify-content: space-between; align-items: center; position: relative; width: 100%; margin-top: 10px; } .stats__form input { position: relative; z-index: 1; width: 100%; height: 24px; background-color: transparent; color: #fff; font-size: 18px; border: none; padding: 0 50px 0 0; } .stats__form button { position: absolute; z-index: 2; right: 0; top: 0; display: flex; flex-direction: row; justify-content: center; align-items: flex-end; height: 24px; color: #25a56a; font-size: 14px; text-transform: uppercase; font-weight: 500; font-family: "Inter", sans-serif; } .stats__form button svg { position: relative; width: 18px; height: auto; top: auto; bottom: auto; right: auto; left: auto; transition: fill 0.5s ease; } .stats__form button:hover { color: #fff; } .stats__form button:hover svg { fill: #25a56a; } .stats--green svg { fill: #25a56a; } .stats--purple svg { fill: #8051d4; } @media (min-width: 768px) { .stats { margin-top: 30px; } } /*============================== Dashbox ==============================*/ .dashbox { background-color: #16151a; margin-top: 20px; border-radius: 12px; overflow: hidden; border: 1px solid #222227; } .dashbox__title { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 20px; border-bottom: 1px solid #222227; } .dashbox__title h3 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; color: #fff; font-weight: 400; font-size: 20px; line-height: 100%; margin-bottom: 0; font-family: "Inter", sans-serif; } .dashbox__title h3 svg { fill: #25a56a; margin-right: 10px; width: 22px; height: auto; } .dashbox__title h3 span { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 18px; min-width: 18px; color: #fff; padding: 0 5px; border-radius: 6px; font-family: "Inter", sans-serif; font-size: 10px; pointer-events: none; background-color: #25a56a; margin-bottom: auto; margin-left: 5px; } .dashbox__wrap { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .dashbox__more { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 13px; margin-left: 15px; color: #c0c0c0; font-family: "Inter", sans-serif; } .dashbox__more:hover { color: #25a56a; } .dashbox__refresh { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 22px; height: 30px; } .dashbox__refresh svg { fill: #c0c0c0; width: 18px; height: auto; transition: fill 0.5s ease; } .dashbox__refresh:hover svg { fill: #25a56a; } .dashbox__table-wrap { position: relative; display: block; width: 100%; overflow: auto; padding: 20px 20px 5px; } .dashbox__table-scroll { width: 100%; display: block; } .dashbox__list-wrap { padding: 20px; position: relative; display: block; width: 100%; } .dashbox__scroll { position: relative; max-height: 320px; width: 100%; overflow: hidden; padding-right: 14px; } .dashbox__note { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #222227; height: 58px; } .dashbox__note:last-child { height: 48px; margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .dashbox__note svg { width: 20px; height: auto; margin-right: 10px; fill: #c0c0c0; } .dashbox__note p { color: #c0c0c0; font-size: 16px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; width: calc(100% - 30px); display: block; margin-bottom: 0; font-weight: 400; } .dashbox__note p a { color: #fff; text-decoration: none; } .dashbox__note p a:hover { color: #fff; text-decoration: none; } .dashbox__note span { padding: 0; font-size: 13px; color: #c0c0c0; position: relative; background-color: transparent; top: auto; left: auto; display: block; width: 100%; margin-top: 5px; } .dashbox__note--succ svg { fill: #25a56a; } .dashbox__note--fail svg { fill: #eb5757; } .dashbox__note--info svg { fill: #c0c0c0; } .dashbox__note--gift svg { fill: #8051d4; } @media (min-width: 768px) { .dashbox { margin-top: 30px; } } /*============================== Feature ==============================*/ .feature { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; position: relative; overflow: hidden; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #222227; } .feature__icon { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 46px; height: 46px; border-radius: 12px; background-color: rgba(37, 165, 106, 0.15); } .feature__icon svg { fill: #25a56a; width: auto; height: 26px; } .feature__icon--purple { background-color: rgba(128, 81, 212, 0.15); } .feature__icon--purple svg { fill: #8051d4; } .feature__icon--red { background-color: rgba(235, 87, 87, 0.15); } .feature__icon--red svg { fill: #eb5757; } .feature__icon--blue { background-color: rgba(47, 128, 237, 0.15); } .feature__icon--blue svg { fill: #2f80ed; } .feature__title { font-family: "Inter", sans-serif; font-size: 18px; font-weight: 400; color: #fff; margin-bottom: 0; margin-left: 15px; } .feature__text { display: block; width: 100%; font-size: 16px; line-height: 26px; color: #c0c0c0; margin-bottom: 0; margin-top: 15px; } .feature--last { border-bottom: none; padding-bottom: 0; } @media (min-width: 768px) { .feature { margin-top: 30px; padding-bottom: 0; border-bottom: none; } } @media (min-width: 1200px) { .feature { margin-top: 40px; } } /*============================== Step ==============================*/ .step { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; position: relative; overflow: hidden; width: 100%; margin-top: 20px; padding: 20px; border-radius: 12px; background-color: #16151a; border: 1px solid #222227; } .step__number { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 12px; width: 46px; height: 46px; font-family: "Inter", sans-serif; line-height: 100%; font-weight: 500; font-size: 20px; color: #25a56a; background-color: rgba(37, 165, 106, 0.15); } .step__title { font-family: "Inter", sans-serif; font-size: 18px; font-weight: 400; color: #fff; margin-bottom: 0; margin-left: 15px; } .step__text { display: block; width: 100%; font-size: 16px; line-height: 26px; color: #c0c0c0; margin-bottom: 0; margin-top: 15px; } @media (min-width: 768px) { .step { margin-top: 30px; } } /*============================== Plan ==============================*/ .plan { display: block; margin-top: 20px; padding: 20px; border-radius: 12px; background-color: #16151a; position: relative; overflow: hidden; border: 1px solid #222227; } .plan--red .plan__title { color: #eb5757; } .plan--red .plan__list li.green svg { fill: #eb5757; } .plan--red .plan__btn { color: #eb5757; } .plan--red .plan__btn:hover { background-color: #eb5757; } .plan--green .plan__title { color: #25a56a; } .plan--purple .plan__title { color: #8051d4; } .plan--purple .plan__list li.green svg { fill: #8051d4; } .plan--purple .plan__btn { color: #8051d4; } .plan--purple .plan__btn:hover { background-color: #8051d4; } .plan__title { position: relative; z-index: 2; font-size: 18px; color: #fff; line-height: 100%; display: block; font-weight: 500; margin-bottom: 15px; font-family: "Inter", sans-serif; } .plan__list { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; } .plan__list li { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 15px; font-size: 16px; color: #c0c0c0; } .plan__list li:last-child { margin-bottom: 0; } .plan__list li svg { width: 20px; height: auto; margin-right: 10px; } .plan__list li.red svg { fill: #c0c0c0; } .plan__list li.green { color: #fff; } .plan__list li.green svg { fill: #25a56a; } .plan__price { position: relative; z-index: 2; font-family: "Inter", sans-serif; font-weight: 500; font-size: 32px; color: #fff; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #222227; display: block; line-height: 100%; } .plan__price span { font-size: 16px; } .plan__btn { width: 100%; min-width: 140px; height: 50px; border-radius: 12px; background-color: #222227; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #25a56a; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; margin-top: 20px; } .plan__btn:hover { color: #fff; background-color: #25a56a; } @media (min-width: 768px) { .plan { margin-top: 30px; } .plan__btn { margin-top: 30px; } } /*============================== Contacts ==============================*/ .contacts__list { margin-top: 20px; } .contacts__list li { margin-bottom: 15px; } .contacts__list li:last-child { margin-bottom: 0; } .contacts__list a { font-size: 16px; color: #fff; font-family: "Inter", sans-serif; font-weight: 400; } .contacts__list a:hover { color: #25a56a; } .contacts__social { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%; } .contacts__social a { margin-top: 20px; margin-right: 15px; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 30px; height: 30px; position: relative; transition-property: all; } .contacts__social a svg { width: 100%; height: auto; } .contacts__social a:last-child { margin-right: 0; } .contacts__social a:hover { opacity: 1 !important; -webkit-filter: grayscale(0) !important; filter: grayscale(0) !important; } .contacts__social:hover a { opacity: 0.7; -webkit-filter: grayscale(0.7); filter: grayscale(0.7); } @media (min-width: 768px) { .contacts__social { margin-top: 10px; } } /*============================== Cart ==============================*/ .cart { position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; background-color: #16151a; width: 100%; padding: 0; border: 1px solid #222227; border-radius: 20px; min-height: 400px; margin-top: 20px; } .cart__table { width: 100%; min-width: 600px; } .cart__table th { font-size: 14px; font-weight: 400; color: #c0c0c0; line-height: 100%; padding: 0 20px 10px 0; } .cart__table th:last-child { width: 24px; padding: 0 0 10px 0; } .cart__table td { font-size: 16px; font-weight: 400; color: #fff; padding: 10px 20px 10px 0; } .cart__table td a { color: #fff; font-family: "Inter", sans-serif; font-weight: 400; } .cart__table td a:hover { color: #25a56a; } .cart__table td:last-child { width: 24px; padding: 10px 0; } .cart__table td:first-child { width: 100px; } .cart__img { width: 100px; height: auto; display: flex; flex-direction: row; justify-content: center; align-items: center; background-color: transparent; border-radius: 8px; overflow: hidden; } .cart__img img { width: 100px; height: auto; } .cart__delete { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 18px; height: 18px; } .cart__delete svg { fill: #c0c0c0; width: 18px; height: auto; transition: 0.5s ease; } .cart__delete:hover svg { fill: #25a56a; } .cart__price { font-size: 16px; color: #c0c0c0; font-family: "Inter", sans-serif; font-weight: 500; } .cart__price span { font-weight: 400; font-size: 12px; text-decoration: line-through; margin-left: 5px; color: #eb5757; } .cart__info { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; width: 100%; margin-top: 10px; padding: 10px 20px 20px; } .cart__total { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .cart__total p { font-size: 14px; color: #c0c0c0; margin-bottom: 10px; } .cart__total span { font-size: 28px; color: #fff; line-height: 100%; font-family: "Inter", sans-serif; font-weight: 500; } .cart__systems { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 24px; color: #c0c0c0; width: 100%; margin-top: 20px; } .cart__systems i { margin-right: 15px; } .cart__systems i:last-child { margin-right: 0; } .cart__promo { display: flex; flex-direction: row; justify-content: space-between; align-items: center; position: relative; width: 100%; margin-top: 20px; } .cart__promo .sign__btn { width: 80px; margin: 0; height: 40px; border-radius: 12px; } .cart__promo .sign__input { width: calc(100% - 90px); height: 40px; } .cart__amount { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; background-color: #222227; height: 36px; border-radius: 12px; padding: 0 10px; } .cart__amount input { width: 30px; height: 36px; border: none; text-align: center; background-color: transparent; font-size: 16px; color: #fff; font-family: "Inter", sans-serif; pointer-events: none; } .cart__amount button { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 24px; height: 36px; } .cart__amount button svg { width: 18px; height: auto; fill: #c0c0c0; transition: fill 0.5s ease; } .cart__amount button:hover svg { fill: #25a56a; } .cart__table-wrap { position: relative; display: block; width: 100%; overflow: auto; padding: 20px 20px 10px; } .cart__table-scroll { width: 100%; display: block; } @media (min-width: 768px) { .cart { margin-top: 30px; } .cart__table-wrap { padding: 25px 20px 10px; } .cart__table th { padding: 0 20px 15px 0; } .cart__table th:last-child { padding: 0 0 15px 0; } .cart__total { order: 1; } .cart__systems { margin-top: 0; width: auto; order: 2; margin-right: auto; margin-left: 20px; } .cart__promo { width: 250px; margin-top: 0; order: 3; } } @media (min-width: 1200px) { .cart__systems { margin-left: 40px; } } /*============================== Article ==============================*/ .article { display: block; position: relative; width: 100%; margin-top: 20px; } .article--page { margin-top: 0; } .article__category { display: inline-flex; flex-direction: row; justify-content: center; align-items: center; height: 30px; min-width: 70px; width: auto; color: #fff; font-size: 13px; background-color: #2f80ed; border-radius: 8px; padding: 0 15px; } .article__category:hover { color: #fff; background-color: #25a56a; } .article__date { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 13px; color: #c0c0c0; height: 30px; } .article__date svg { fill: #fff; width: 16px; height: auto; margin-right: 5px; } .article__place { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 14px; color: #c0c0c0; min-height: 30px; width: 100%; margin-bottom: 10px; } .article__place svg { fill: #fff; width: 18px; height: auto; margin-right: 5px; } .article__place:hover { color: #25a56a; } .article__content { position: relative; } .article__content img { display: block; width: 100%; height: auto; margin-bottom: 20px; border-radius: 12px; } .article__content iframe { display: block; width: 100%; height: 240px; margin-bottom: 20px; border-radius: 12px; border: none; } .article__content h1, .article__content h2, .article__content h3, .article__content h4, .article__content h5, .article__content h6 { font-family: "Inter", sans-serif; font-weight: 400; color: #000; margin-bottom: 15px; line-height: 140%; } .article__content h1:last-child, .article__content h2:last-child, .article__content h3:last-child, .article__content h4:last-child, .article__content h5:last-child, .article__content h6:last-child { margin-bottom: 0; } .article__content h1 { font-size: 30px; color: #000; } .article__content h2 { font-size: 28px; color: #000; } .article__content h3 { font-size: 24px; color: #000; } .article__content h4 { font-size: 22px; color: #000; } .article__content h5 { font-size: 18px; color: #000; } .article__content h6 { font-size: 16px; color: #000; } .article__content p { display: block; font-size: 16px; color: #000; line-height: 26px; font-weight: 400; color: #c0c0c0; margin-bottom: 20px; } .article__content p b { font-weight: 600; color: #000; } .article__content p a { color: #000; text-decoration: none; } .article__content p a:hover, .article__content p a:focus { color: #25a56a; text-decoration: none; } .article__content p:last-child { margin-bottom: 0; } .article__content blockquote { display: block; position: relative; font-family: "Inter", sans-serif; padding: 0 0 0 20px; font-size: 16px; line-height: 28px; color: #fff; font-weight: 400; margin-bottom: 20px; } .article__content blockquote:before { content: ""; position: absolute; display: block; top: 2px; bottom: 2px; left: 0; width: 3px; background-color: #25a56a; border-radius: 3px; } .article__content blockquote:last-child { margin-bottom: 0; } .article__content ul { margin-bottom: 20px; display: block; } .article__content ul li { font-size: 16px; line-height: 28px; font-weight: 400; color: #c0c0c0; padding-left: 20px; position: relative; } .article__content ul li:before { content: ""; position: absolute; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #25a56a; left: 0; top: 50%; margin-top: -2px; } .article__content ul:last-child { margin-bottom: 0; } .article__meta { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; margin-bottom: 20px; } .article__price { font-size: 30px; line-height: 100%; color: #fff; display: block; width: 100%; font-family: "Inter", sans-serif; font-weight: 500; margin-bottom: 15px; } .article__amount { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; background-color: #222227; height: 36px; border-radius: 12px; padding: 0 10px; margin-bottom: 20px; } .article__amount input { width: 30px; height: 36px; border: none; text-align: center; background-color: transparent; font-size: 16px; color: #fff; font-family: "Inter", sans-serif; pointer-events: none; } .article__amount button { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 24px; height: 36px; } .article__amount button svg { width: 18px; height: auto; fill: #c0c0c0; transition: fill 0.5s ease; } .article__amount button:hover svg { fill: #25a56a; } .article__buy { width: 180px; height: 50px; border-radius: 12px; background-color: #25a56a; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; padding: 0 25px; margin-bottom: 20px; } .article__buy svg { fill: #fff; width: 28px; height: auto; margin-right: 7px; } .article__buy:hover { background-color: #222227; color: #25a56a; } .article__artist { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-bottom: 20px; } .article__artist img { height: auto; width: 200px !important; margin-right: 20px; border-radius: 12px; } .article__artist div { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .article__artist div h1 { margin-bottom: 0; } .article__artist div span { font-size: 14px; color: #c0c0c0; display: block; margin-bottom: 20px; } @media (min-width: 576px) { .article__content iframe { height: 280px; } } @media (min-width: 768px) { .article { margin-top: 30px; } .article--page { margin-top: 0; } .article__content h1 { font-size: 36px; } .article__content h2 { font-size: 32px; } .article__content h3 { font-size: 28px; } .article__content h4 { font-size: 24px; } .article__content h5 { font-size: 20px; } .article__content h6 { font-size: 18px; } .article__content iframe { height: 400px; } .article__meta { margin-bottom: 25px; } .article__place { margin-bottom: 0; width: auto; } .article__artist { flex-direction: row; } .article__artist img { margin-bottom: 0 !important; } .article__artist div { width: calc(100% - 220px); } .article__artist div span { margin-bottom: 30px; } } @media (min-width: 1200px) { .article--page { margin-top: 30px; } .article__content iframe { height: 460px; } } /*============================== Share ==============================*/ .share { margin-top: 10px; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%; } .share__link { margin-top: 20px; margin-right: 20px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 0 15px; height: 30px; border-radius: 8px; color: black; text-decoration: none; font-size: 14px; background-color: #25a56a; } .share__link svg { color: black; text-decoration: none; margin-right: 10px; margin-top: 1px; } .share__link:last-child { margin-right: 0; color: black; text-decoration: none; } .share__link--fb { background-color: #3b5998; } .share__link--tw { background-color: #55acee; } .share__link--vk { background-color: #4c6c91; } .share__link:hover { background-color: #25a56a; color: #fff; } /*============================== Comments ==============================*/ .comments { margin-top: 50px; padding-top: 50px; border-top: 1px solid #222227; } .comments__title { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; margin-bottom: 30px; } .comments__title h4 { color: #fff; font-weight: 400; font-size: 24px; line-height: 100%; margin-bottom: 0; position: relative; font-family: "Inter", sans-serif; } .comments__title span { display: flex; flex-direction: row; justify-content: center; align-items: center; width: auto; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 4px; background-color: #25a56a; font-size: 12px; color: #fff; font-weight: 400; margin-left: 10px; } .comments__title--tabs li { position: relative; margin-right: 20px; } .comments__title--tabs li:last-child { margin-right: 0; } .comments__title--tabs a { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; opacity: 0.5; transition: opacity 0.4s linear; } .comments__title--tabs a:hover { opacity: 1; } .comments__title--tabs a.active { opacity: 1; cursor: default; } .comments__autor { display: block; position: relative; padding-left: 55px; margin-bottom: 20px; } .comments__avatar { position: absolute; top: 0; left: 0; width: 40px; border-radius: 8px; } .comments__name { display: block; font-size: 16px; color: #fff; line-height: 20px; font-weight: 400; font-family: "Inter", sans-serif; } .comments__time { display: block; font-size: 12px; color: #c0c0c0; line-height: 20px; font-weight: 400; } .comments__text { display: block; margin-bottom: 0; color: #c0c0c0; font-size: 16px; line-height: 26px; padding: 20px 0; position: relative; border-top: 1px solid #222227; border-bottom: 1px solid #222227; } .comments__text b { font-weight: 600; } .comments__text a { color: #25a56a; } .comments__text a:hover { color: #25a56a; text-decoration: none; } .comments__text span { display: block; margin-bottom: 20px; padding: 20px; position: relative; min-height: 80px; border-radius: 12px; color: #c0c0c0; background-color: #222227; } .comments__item { margin-bottom: 20px; display: block; background-color: #16151a; border: 1px solid #222227; padding: 20px; border-radius: 12px; } .comments__item--answer, .comments__item--quote { margin-left: 20px; } .comments__actions { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; padding: 20px 0 0; position: relative; } .comments__actions button { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-right: 20px; height: 20px; } .comments__actions button span { font-size: 12px; color: #c0c0c0; text-transform: uppercase; transition: color 0.5s ease; display: none; } .comments__actions button svg { width: 16px; height: auto; fill: #c0c0c0; transition: fill 0.5s ease; } .comments__actions button:hover span { color: #fff; } .comments__actions button:hover svg { fill: #25a56a; } .comments__actions button:last-child { margin-right: 0; } .comments__actions button:last-child svg { width: 18px; } .comments__rate { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; position: absolute; left: 0; top: 20px; } .comments__rate button { display: flex; flex-direction: row; justify-content: center; align-items: center; color: #c0c0c0; font-size: 14px; margin-right: 24px; position: relative; height: 20px; } .comments__rate button svg { width: 16px; height: auto; opacity: 0.6; transition: 0.5s ease; margin-top: 1px; } .comments__rate button:last-child { margin-right: 0; } .comments__rate button:last-child svg { margin-left: 8px; fill: #eb5757; width: 16px; } .comments__rate button:first-child svg { margin-right: 8px; fill: #25a56a; width: 16px; } .comments__rate button:first-child:before { content: ""; position: absolute; display: block; left: 100%; margin-left: 12px; width: 1px; height: 16px; background-color: #222227; top: 50%; transform: translateY(-50%); } .comments__rate button:hover { color: #fff; } .comments__rate button:hover svg { opacity: 1; } .comments__form { border-radius: 12px; padding: 20px; border: 1px solid #222227; background-color: #16151a; margin-top: 30px; } .comments__form .row { margin-left: -10px; margin-right: -10px; } .comments__form .col-12 { padding-left: 10px; padding-right: 10px; } .comments__form .sign__btn { margin: 0; } @media (min-width: 576px) { .comments__actions button span { display: block; margin-left: 6px; } .comments__form .sign__btn { width: 180px; } } @media (min-width: 768px) { .comments { margin-top: 60px; padding-top: 60px; } .comments__item--answer, .comments__item--quote { margin-left: 30px; } .comments__title--tabs li { margin-right: 30px; } .comments__title--tabs li:last-child { margin-right: 0; } } /*============================== Footer ==============================*/ .footer { background-color: #222227; padding: 30px 0 20px; position: relative; overflow: hidden; } .footer__logo { margin-top: 60px; } .footer__logo img { width: 100px; height: auto; } .footer__tagline { margin-top: 15px; display: block; font-size: 14px; line-height: 24px; color: #c0c0c0; margin-bottom: 0; } .footer__links { display: flex; color: black; text-decoration: none; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-top: 5px; } .footer__links a { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-top: 10px; color: #c0c0c0; font-size: 16px; } .footer__links a svg { width: 20px; height: auto; fill: #25a56a; margin-right: 10px; } .footer__links a:hover { color: #25a56a; } .footer__social { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%; } .footer__social a { margin-top: 20px; margin-right: 15px; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 30px; height: 30px; position: relative; transition-property: all; } .footer__social a svg { width: 100%; height: auto; } .footer__social a:last-child { margin-right: 0; } .footer__social a:hover { opacity: 1 !important; -webkit-filter: grayscale(0) !important; filter: grayscale(0) !important; } .footer__social:hover a { opacity: 0.6; -webkit-filter: grayscale(0.6); filter: grayscale(0.6); } .footer__content { margin-top: 60px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .footer__copyright { display: block; font-size: 14px; color: #c0c0c0; margin-top: 20px; } .footer__copyright a { color: #c0c0c0; } .footer__copyright a:hover { color: #25a56a; } .footer__title { display: block; margin-top: 30px; font-size: 16px; color: #fff; font-family: "Inter", sans-serif; font-weight: 500; margin-bottom: 15px; } .footer__nav { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .footer__nav a { font-size: 15px; line-height: 24px; margin-bottom: 10px; color: #c0c0c0; } .footer__nav a:last-child { margin-bottom: 0; } .footer__nav a:hover { color: #25a56a; } @media (min-width: 576px) { .footer { padding: 30px 15px 20px; } } @media (min-width: 768px) { .footer { padding: 20px 15px 25px; } .footer__content { margin-top: 70px; padding-top: 25px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; } .footer__logo { margin-top: 50px; } .footer__title { margin-top: 50px; } .footer__social { width: auto; order: 2; } .footer__social a { margin-top: 0; } .footer__copyright { margin-top: 0; order: 1; } } @media (min-width: 1200px) { .footer { padding-left: 295px; padding-right: 15px; } .footer__social { display: inline-flex; width: auto; } } /*============================== Sign ==============================*/ .sign { display: block; position: relative; } .sign__content { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; height: auto; padding: 20px 0 0; } .sign__form { background-color: #16151a; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 12px; padding: 30px 20px; position: relative; width: 100%; max-width: 420px; border: 1px solid #222227; } .sign__form--contacts, .sign__form--profile, .sign__form--cart { margin-top: 20px; max-width: 100%; padding: 20px 20px 5px; align-items: flex-start; } .sign__form--contacts .sign__btn, .sign__form--profile .sign__btn, .sign__form--cart .sign__btn { margin: 0 0 15px; } .sign__form--contacts .row, .sign__form--profile .row, .sign__form--cart .row { margin-left: -10px; margin-right: -10px; } .sign__form--contacts .col-12, .sign__form--profile .col-12, .sign__form--cart .col-12 { padding-left: 10px; padding-right: 10px; } .sign__form--profile .sign__btn { margin: 5px 0 15px; } .sign__logo { display: block; margin-bottom: 30px; } .sign__logo a { max-width: 100%; width: auto; } .sign__logo img { width: 100px; } .sign__title { font-size: 16px; font-weight: 500; font-family: "Inter", sans-serif; color: #fff; margin-bottom: 20px; } .sign__label { font-weight: 400; font-size: 14px; color: #c0c0c0; margin-bottom: 5px; padding-left: 20px; } .sign__label b { font-weight: 600; color: #fff; } .sign__input { background-color: #222227; border: 1px solid transparent; border-radius: 12px; height: 46px; position: relative; color: #fff; font-size: 16px; width: 100%; padding: 0 20px; font-family: "Inter", sans-serif; } .sign__input:focus { border-color: #25a56a; } .sign__select { background: url("../img/arrow2.svg") no-repeat center right 20px #222227; background-size: 18px auto; border: 1px solid transparent; border-radius: 12px; height: 46px; position: relative; color: #fff; font-size: 16px; width: 100%; padding: 0 20px; cursor: pointer; font-family: "Inter", sans-serif; } .sign__select:focus { border-color: #25a56a; } .sign__textarea { background-color: #222227; border: 1px solid transparent; border-radius: 12px; height: 144px; position: relative; color: #fff; font-size: 16px; width: 100%; padding: 15px 20px; resize: none; font-family: "Inter", sans-serif; } .sign__textarea:focus { border-color: #25a56a; } .sign__group { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; flex-wrap: wrap; position: relative; margin-bottom: 20px; width: 100%; } .sign__group--row .sign__label { padding-left: 0; } .sign__group--checkbox { width: 100%; text-align: left; } .sign__group--checkbox input:not(:checked), .sign__group--checkbox input:checked { position: absolute; left: -9999px; } .sign__group--checkbox input:not(:checked)+label, .sign__group--checkbox input:checked+label { font-size: 14px; color: #c0c0c0; font-weight: normal; position: relative; cursor: pointer; padding-left: 35px; line-height: 22px; margin: 0; } .sign__group--checkbox input:not(:checked)+label a, .sign__group--checkbox input:checked+label a { color: #25a56a; } .sign__group--checkbox input:not(:checked)+label a:hover, .sign__group--checkbox input:checked+label a:hover { color: #25a56a; text-decoration: none; } .sign__group--checkbox input:not(:checked)+label:before, .sign__group--checkbox input:checked+label:before { content: ""; position: absolute; left: 0; top: 0; width: 22px; height: 22px; background-color: #222227; border: 1px solid transparent; border-radius: 6px; } .sign__group--checkbox input:not(:checked)+label:after, .sign__group--checkbox input:checked+label:after { content: ""; position: absolute; left: 0; top: 0; width: 22px; height: 22px; text-align: center; transition: 0.5s ease; background: url("../img/checkmark.svg") no-repeat center/20px auto; border-radius: 6px; } .sign__group--checkbox input:not(:checked)+label:after { opacity: 0; transform: scale(0); } .sign__group--checkbox input:checked+label:after { opacity: 1; transform: scale(1); } .sign__group--checkbox label::-moz-selection { background: transparent; color: #c0c0c0; } .sign__group--checkbox label::selection { background: transparent; color: #c0c0c0; } .sign__btn { width: 100%; height: 50px; border-radius: 12px; background-color: #25a56a; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; margin: 15px auto; } .sign__btn:hover { color: #fff; background-color: #222227; } .sign__text { margin-top: 15px; font-size: 14px; line-height: 24px; color: #fff; width: 100%; text-align: center; } .sign__text:first-child { margin-top: 0; } .sign__text a { position: relative; color: #25a56a; } .sign__text a:hover { color: #25a56a; text-decoration: underline; } .sign__text--small { font-size: 13px; line-height: 20px; text-align: left; } .sign__delimiter { font-size: 14px; color: #c0c0c0; line-height: 100%; width: 100%; display: block; text-align: center; } .sign__social { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 15px; margin-top: 15px; } .sign__social a { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 46px; width: calc(33% - 10px); border-radius: 12px; color: #fff; } .sign__social a svg { height: auto; fill: #fff; transition: 0.5s ease; } .sign__social a.fb { background-color: #3b5999; } .sign__social a.fb svg { width: 10px; } .sign__social a.gl { background-color: #df4a32; } .sign__social a.gl svg { width: 18px; } .sign__social a.tw { background-color: #1da1f2; } .sign__social a.tw svg { width: 20px; } .sign__social a:hover { background-color: #c0c0c0; } .sign__social a:hover.fb svg { fill: #3b5999; } .sign__social a:hover.gl svg { fill: #df4a32; } .sign__social a:hover.tw svg { fill: #1da1f2; } .sign__value { font-size: 24px; color: #fff; display: block; font-weight: 500; margin-left: 10px; font-family: "Inter", sans-serif; } .sign__radio { position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-top: 5px; } .sign__radio li { position: relative; overflow: hidden; margin-bottom: 10px; } .sign__radio li:last-child { margin-bottom: 0; } .sign__radio input:not(:checked), .sign__radio input:checked { position: absolute; left: -9999px; } .sign__radio label { display: block; margin: 0; position: relative; font-weight: 400; cursor: pointer; font-size: 16px; color: #c0c0c0; line-height: 24px; padding-left: 32px; transition: 0.5s ease; } .sign__radio label:before { content: ""; display: block; position: absolute; width: 20px; height: 20px; border: 6px solid #222227; background-color: transparent; border-radius: 50%; left: 0; top: 2px; transition: 0.5s ease; } .sign__radio label:hover { color: #fff; } .sign__radio input:checked+label { color: #fff; } .sign__radio input:checked+label:before { border-color: #25a56a; } @media (min-width: 576px) { .sign__form { padding: 40px; } .sign__form--contacts, .sign__form--profile, .sign__form--cart { padding: 20px 20px 5px; } .sign__logo { margin-bottom: 40px; } } @media (min-width: 768px) { .sign__form--contacts, .sign__form--profile { margin-top: 30px; } .sign__form--contacts .sign__btn, .sign__form--profile .sign__btn { margin: 10px 0 15px; } .sign__form--cart { margin-top: 30px; } .sign__form--cart .sign__btn { margin-top: 10px; } .sign__content { padding: 30px 0 0; } } @media (min-width: 992px) { .sign__form--profile .sign__btn { width: 180px; } } /*============================== Page 404 ==============================*/ .page-404 { display: block; position: relative; } .page-404__wrap { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; height: auto; padding: 20px 0 0; } .page-404__content { background-color: #16151a; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 12px; padding: 20px; position: relative; width: 100%; max-width: 420px; border: 1px solid #222227; } .page-404__title { position: relative; color: #fff; line-height: 100%; font-size: 100px; margin-bottom: 10px; font-weight: 500; font-family: "Inter", sans-serif; } .page-404__text { text-align: center; display: block; width: 100%; color: #c0c0c0; font-size: 16px; line-height: 24px; margin-bottom: 30px; } .page-404__btn { width: 100%; height: 50px; border-radius: 12px; background-color: #25a56a; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; margin: 0 auto; } .page-404__btn:hover { color: #fff; background-color: #222227; } @media (min-width: 576px) { .page-404__content { padding: 40px; } } @media (min-width: 768px) { .page-404__wrap { padding: 30px 0 0; } } .mfp-bg { background: rgba(34, 34, 39, 0.75); } .mfp-container { padding: 0 15px !important; } .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; transition: all 0.4s ease-in-out; transform: scale(0.8); } .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; transform: scale(1); } .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 1; } .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { transform: scale(0.8); opacity: 0; } .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } .my-mfp-zoom-in.mfp-bg { opacity: 0; transition: opacity 0.4s ease-out; } .mfp-iframe-scaler iframe { border-radius: 12px; box-shadow: none; background-color: #16151a; } .mfp-iframe-holder .mfp-close { color: transparent; transition: opacity 0.4s; } .mfp-iframe-holder .mfp-close:before { content: ""; position: absolute; top: 0; right: 0; width: 30px; height: 44px; background: url("../img/close.svg") no-repeat center; background-size: 30px auto; } .mfp-iframe-holder .mfp-content { max-width: 910px; } .mfp-figure::after { box-shadow: none; background-color: #222227; } .mfp-fade.mfp-bg { opacity: 0; transition: all 0.4s ease-in-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 1; } .mfp-fade.mfp-bg.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-bg.mfp-removing .mfp-content { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all 0.4s ease-in-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /*============================== Slider radio ==============================*/ .slider-radio { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; background-color: #222227; padding: 5px 0; border-radius: 12px; margin-top: 10px; position: relative; width: 100%; z-index: 2; } .slider-radio label { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 30px; padding: 0 15px; font-size: 14px; color: #c0c0c0; margin-bottom: 0; cursor: pointer; border-radius: 10px; margin: 0 5px; position: relative; z-index: 100; transition: color 0.5s; font-family: "Inter", sans-serif; font-weight: 400; } .slider-radio label:hover { color: #fff; } .slider-radio .sliding-piece { border-radius: 10px; background-color: #25a56a; z-index: 99; } .slider-radio input[type="radio"]:checked+label { color: #fff; background-color: #25a56a; } @media (min-width: 768px) { .slider-radio { margin-left: auto; margin-top: 0; width: auto; } } /*============================== Select2 ==============================*/ .select2-container { width: auto !important; margin-right: 30px; } .select2-container .select2-selection--single { height: 40px; background-color: transparent; border-radius: 0; border: none; } .select2-container .select2-selection--single .select2-selection__rendered { line-height: 40px; color: #fff; padding: 0 18px 0 0; font-size: 14px; font-family: "Inter", sans-serif; font-weight: 400; transition: 0.5s ease; } .select2-container .select2-selection--single[aria-expanded="true"] { background-color: transparent; } .select2-container .select2-selection--single:hover .select2-selection__rendered { color: #25a56a; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 20px; width: 18px; top: 10px; right: 0; background: url("../img/arrow.svg") no-repeat center right; background-size: 18px auto; margin-top: 1px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #25a56a; color: #fff; white-space: nowrap; } .select2-container--default .select2-results__option--selected { color: #fff; background-color: #25a56a; cursor: default; } .select2-container--default .select2-results__option[aria-selected="true"] { background-color: transparent; color: #25a56a; cursor: default; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: transparent; color: #25a56a; } .select2-results__option { padding: 0 0; font-size: 14px; font-family: "Inter", sans-serif; font-weight: 400; color: #fff; height: 40px; line-height: 40px; transition: 0.5s ease; } .select2-dropdown { border-left: none; border-right: none; border-bottom: none; border-top: none; border-radius: 12px !important; min-width: 180px; padding: 5px 0 5px 15px; background-color: #222227; } .select2-container--open .select2-dropdown--below { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } .select2-container--open .select2-dropdown--above { border-top-left-radius: 12px; border-top-right-radius: 12px; } /*============================== Scrollbar-track ==============================*/ .scrollbar-track-y { background: #222227 !important; top: 0px !important; bottom: 0px !important; height: auto !important; width: 4px !important; border-radius: 4px !important; right: 0px !important; overflow: hidden; } .scrollbar-thumb-y { background: #25a56a !important; width: 4px !important; border-radius: 4px !important; } .scrollbar-track-x { background: #222227 !important; left: 0px !important; right: 0px !important; height: 4px !important; width: auto !important; border-radius: 4px !important; bottom: 0px !important; overflow: hidden; } .scrollbar-thumb-x { background: #25a56a !important; height: 4px !important; border-radius: 4px !important; } @keyframes plyr-progress { to { background-position: 25px 0; background-position: var(--plyr-progress-loading-size, 25px) 0; } } @keyframes plyr-popup { 0% { opacity: 0.5; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @keyframes plyr-fade-in { from { opacity: 0; } to { opacity: 1; } } .plyr { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; align-items: center; direction: ltr; display: flex; flex-direction: column; font-family: inherit; font-family: var(--plyr-font-family, inherit); font-variant-numeric: tabular-nums; font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); line-height: 1.7; line-height: var(--plyr-line-height, 1.7); max-width: 100%; min-width: 200px; position: relative; text-shadow: none; transition: box-shadow 0.3s ease; z-index: 0; } .plyr audio, .plyr iframe, .plyr video { display: block; height: 100%; width: 100%; } .plyr button { font: inherit; line-height: inherit; width: auto; } .plyr:focus { outline: 0; } .plyr--full-ui { box-sizing: border-box; } .plyr--full-ui *, .plyr--full-ui ::after, .plyr--full-ui ::before { box-sizing: inherit; } .plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label { touch-action: manipulation; } .plyr__badge { background: #4a5464; background: var(--plyr-badge-background, #4a5464); border-radius: 2px; border-radius: var(--plyr-badge-border-radius, 2px); color: #fff; color: var(--plyr-badge-text-color, #fff); font-size: 9px; font-size: var(--plyr-font-size-badge, 9px); line-height: 1; padding: 3px 4px; } .plyr--full-ui ::-webkit-media-text-track-container { display: none; } .plyr__captions { animation: plyr-fade-in 0.3s ease; bottom: 0; display: none; font-size: 13px; font-size: var(--plyr-font-size-small, 13px); left: 0; padding: 10px; padding: var(--plyr-control-spacing, 10px); position: absolute; text-align: center; transition: transform 0.4s ease-in-out; width: 100%; } .plyr__captions span:empty { display: none; } @media (min-width: 480px) { .plyr__captions { font-size: 15px; font-size: var(--plyr-font-size-base, 15px); padding: calc(10px * 2); padding: calc(var(--plyr-control-spacing, 10px) * 2); } } @media (min-width: 768px) { .plyr__captions { font-size: 18px; font-size: var(--plyr-font-size-large, 18px); } } .plyr--captions-active .plyr__captions { display: block; } .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions { transform: translateY(calc(10px * -4)); transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4)); } .plyr__caption { background: rgba(0, 0, 0, 0.8); background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8)); border-radius: 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; color: #fff; color: var(--plyr-captions-text-color, #fff); line-height: 185%; padding: 0.2em 0.5em; white-space: pre-wrap; } .plyr__caption div { display: inline; } .plyr__control { background: 0 0; border: 0; border-radius: 3px; border-radius: var(--plyr-control-radius, 3px); color: inherit; cursor: pointer; flex-shrink: 0; overflow: visible; padding: calc(10px * 0.7); padding: calc(var(--plyr-control-spacing, 10px) * 0.7); position: relative; transition: all 0.3s ease; } .plyr__control svg { display: block; fill: currentColor; height: 18px; height: var(--plyr-control-icon-size, 18px); pointer-events: none; width: 18px; width: var(--plyr-control-icon-size, 18px); } .plyr__control:focus { outline: 0; } .plyr__control.plyr__tab-focus { outline-color: #00b3ff; outline-color: var( --plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px; } a.plyr__control { text-decoration: none; } a.plyr__control::after, a.plyr__control::before { display: none; } .plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed { display: none; } .plyr--full-ui ::-webkit-media-controls { display: none; } .plyr__controls { align-items: center; display: flex; justify-content: flex-end; text-align: center; } .plyr__controls .plyr__progress__container { flex: 1; min-width: 0; } .plyr__controls .plyr__controls__item { margin-left: calc(10px / 4); margin-left: calc(var(--plyr-control-spacing, 10px) / 4); } .plyr__controls .plyr__controls__item:first-child { margin-left: 0; margin-right: auto; } .plyr__controls .plyr__controls__item.plyr__progress__container { padding-left: calc(10px / 4); padding-left: calc(var(--plyr-control-spacing, 10px) / 4); } .plyr__controls .plyr__controls__item.plyr__time { padding: 0 calc(10px / 2); padding: 0 calc(var(--plyr-control-spacing, 10px) / 2); } .plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time+.plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child { padding-left: 0; } .plyr__controls:empty { display: none; } .plyr [data-plyr="airplay"], .plyr [data-plyr="captions"], .plyr [data-plyr="fullscreen"], .plyr [data-plyr="pip"] { display: none; } .plyr--airplay-supported [data-plyr="airplay"], .plyr--captions-enabled [data-plyr="captions"], .plyr--fullscreen-enabled [data-plyr="fullscreen"], .plyr--pip-supported [data-plyr="pip"] { display: inline-block; } .plyr__menu { display: flex; position: relative; } .plyr__menu .plyr__control svg { transition: transform 0.3s ease; } .plyr__menu .plyr__control[aria-expanded="true"] svg { transform: rotate(90deg); } .plyr__menu .plyr__control[aria-expanded="true"] .plyr__tooltip { display: none; } .plyr__menu__container { animation: plyr-popup 0.2s ease; background: rgba(255, 255, 255, 0.9); background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9)); border-radius: 4px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); color: #4a5464; color: var(--plyr-menu-color, #4a5464); font-size: 15px; font-size: var(--plyr-font-size-base, 15px); margin-bottom: 10px; position: absolute; right: -3px; text-align: left; white-space: nowrap; z-index: 3; } .plyr__menu__container>div { overflow: hidden; transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); } .plyr__menu__container::after { border: 4px solid transparent; border: var(--plyr-menu-arrow-size, 4px) solid transparent; border-top-color: rgba(255, 255, 255, 0.9); border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9)); content: ""; height: 0; position: absolute; right: calc(((18px / 2)+calc(10px * 0.7)) - (4px / 2)); right: calc( ( (var(--plyr-control-icon-size, 18px) / 2)+calc(var(--plyr-control-spacing, 10px) * 0.7)) - (var(--plyr-menu-arrow-size, 4px) / 2)); top: 100%; width: 0; } .plyr__menu__container [role="menu"] { padding: calc(10px * 0.7); padding: calc(var(--plyr-control-spacing, 10px) * 0.7); } .plyr__menu__container [role="menuitem"], .plyr__menu__container [role="menuitemradio"] { margin-top: 2px; } .plyr__menu__container [role="menuitem"]:first-child, .plyr__menu__container [role="menuitemradio"]:first-child { margin-top: 0; } .plyr__menu__container .plyr__control { align-items: center; color: #4a5464; color: var(--plyr-menu-color, #4a5464); display: flex; font-size: 13px; font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px)); padding-bottom: calc(calc(10px * 0.7) / 1.5); padding-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5); padding-left: calc(calc(10px * 0.7) * 1.5); padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5); padding-right: calc(calc(10px * 0.7) * 1.5); padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5); padding-top: calc(calc(10px * 0.7) / 1.5); padding-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5); -webkit-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .plyr__menu__container .plyr__control>span { align-items: inherit; display: flex; width: 100%; } .plyr__menu__container .plyr__control::after { border: 4px solid transparent; border: var(--plyr-menu-item-arrow-size, 4px) solid transparent; content: ""; position: absolute; top: 50%; transform: translateY(-50%); } .plyr__menu__container .plyr__control--forward { padding-right: calc(calc(10px * 0.7) * 4); padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4); } .plyr__menu__container .plyr__control--forward::after { border-left-color: #728197; border-left-color: var(--plyr-menu-arrow-color, #728197); right: calc((calc(10px * 0.7) * 1.5) - 4px); right: calc( (calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px)); } .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after { border-left-color: currentColor; } .plyr__menu__container .plyr__control--back { font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); margin: calc(10px * 0.7); margin: calc(var(--plyr-control-spacing, 10px) * 0.7); margin-bottom: calc(calc(10px * 0.7) / 2); margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2); padding-left: calc(calc(10px * 0.7) * 4); padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4); position: relative; width: calc(100% - (calc(10px * 0.7) * 2)); width: calc(100% - (calc(var(--plyr-control-spacing, 10px) * 0.7) * 2)); } .plyr__menu__container .plyr__control--back::after { border-right-color: #728197; border-right-color: var(--plyr-menu-arrow-color, #728197); left: calc((calc(10px * 0.7) * 1.5) - 4px); left: calc( (calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px)); } .plyr__menu__container .plyr__control--back::before { background: #dcdfe5; background: var(--plyr-menu-back-border-color, #dcdfe5); box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff); content: ""; height: 1px; left: 0; margin-top: calc(calc(10px * 0.7) / 2); margin-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2); overflow: hidden; position: absolute; right: 0; top: 100%; } .plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after { border-right-color: currentColor; } .plyr__menu__container .plyr__control[role="menuitemradio"] { padding-left: calc(10px * 0.7); padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7); } .plyr__menu__container .plyr__control[role="menuitemradio"]::after, .plyr__menu__container .plyr__control[role="menuitemradio"]::before { border-radius: 100%; } .plyr__menu__container .plyr__control[role="menuitemradio"]::before { background: rgba(0, 0, 0, 0.1); content: ""; display: block; flex-shrink: 0; height: 16px; margin-right: 10px; margin-right: var(--plyr-control-spacing, 10px); transition: all 0.3s ease; width: 16px; } .plyr__menu__container .plyr__control[role="menuitemradio"]::after { background: #fff; border: 0; height: 6px; left: 12px; opacity: 0; top: 50%; transform: translateY(-50%) scale(0); transition: transform 0.3s ease, opacity 0.3s ease; width: 6px; } .plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::before { background: #00b3ff; background: var( --plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); } .plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::after { opacity: 1; transform: translateY(-50%) scale(1); } .plyr__menu__container .plyr__control[role="menuitemradio"].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role="menuitemradio"]:hover::before { background: rgba(35, 40, 47, 0.1); } .plyr__menu__container .plyr__menu__value { align-items: center; display: flex; margin-left: auto; margin-right: calc((calc(10px * 0.7) - 2) * -1); margin-right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) - 2) * -1); overflow: hidden; padding-left: calc(calc(10px * 0.7) * 3.5); padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 3.5); pointer-events: none; } .plyr--full-ui input[type="range"] { -webkit-appearance: none; background: 0 0; border: 0; border-radius: calc(13px * 2); border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2); color: #00b3ff; color: var( --plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); display: block; height: calc((3px * 2)+13px); height: calc( (var(--plyr-range-thumb-active-shadow-width, 3px) * 2)+var(--plyr-range-thumb-height, 13px)); margin: 0; min-width: 0; padding: 0; transition: box-shadow 0.3s ease; width: 100%; } .plyr--full-ui input[type="range"]::-webkit-slider-runnable-track { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -webkit-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -webkit-user-select: none; user-select: none; background-image: linear-gradient(to right, currentColor 0, transparent 0); background-image: linear-gradient( to right, currentColor var(--value, 0), transparent var(--value, 0)); } .plyr--full-ui input[type="range"]::-webkit-slider-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)); height: 13px; height: var(--plyr-range-thumb-height, 13px); position: relative; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px); -webkit-appearance: none; margin-top: calc(((13px - 5px) / 2) * -1); margin-top: calc( ( ( var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2) * -1); } .plyr--full-ui input[type="range"]::-moz-range-track { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -moz-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; user-select: none; } .plyr--full-ui input[type="range"]::-moz-range-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)); height: 13px; height: var(--plyr-range-thumb-height, 13px); position: relative; -moz-transition: all 0.2s ease; transition: all 0.2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px); } .plyr--full-ui input[type="range"]::-moz-range-progress { background: currentColor; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); } .plyr--full-ui input[type="range"]::-ms-track { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -ms-user-select: none; user-select: none; color: transparent; } .plyr--full-ui input[type="range"]::-ms-fill-upper { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -ms-user-select: none; user-select: none; } .plyr--full-ui input[type="range"]::-ms-fill-lower { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -ms-user-select: none; user-select: none; background: currentColor; } .plyr--full-ui input[type="range"]::-ms-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)); height: 13px; height: var(--plyr-range-thumb-height, 13px); position: relative; -ms-transition: all 0.2s ease; transition: all 0.2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px); margin-top: 0; } .plyr--full-ui input[type="range"]::-ms-tooltip { display: none; } .plyr--full-ui input[type="range"]:focus { outline: 0; } .plyr--full-ui input[type="range"]::-moz-focus-outer { border: 0; } .plyr--full-ui input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track { outline-color: #00b3ff; outline-color: var( --plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px; } .plyr--full-ui input[type="range"].plyr__tab-focus::-moz-range-track { outline-color: #00b3ff; outline-color: var( --plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px; } .plyr--full-ui input[type="range"].plyr__tab-focus::-ms-track { outline-color: #00b3ff; outline-color: var( --plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px; } .plyr__poster { background-color: #000; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity 0.2s ease; width: 100%; z-index: 1; } .plyr--stopped.plyr__poster-enabled .plyr__poster { opacity: 1; } .plyr__time { font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); } .plyr__time+.plyr__time::before { content: "\2044"; margin-right: 10px; margin-right: var(--plyr-control-spacing, 10px); } @media (max-width: calc(768px - 1px)) { .plyr__time+.plyr__time { display: none; } } .plyr__tooltip { background: rgba(255, 255, 255, 0.9); background: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); border-radius: 3px; border-radius: var(--plyr-tooltip-radius, 3px); bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); color: #4a5464; color: var(--plyr-tooltip-color, #4a5464); font-size: 13px; font-size: var(--plyr-font-size-small, 13px); font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); left: 50%; line-height: 1.3; margin-bottom: calc(calc(10px / 2) * 2); margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2); opacity: 0; padding: calc(10px / 2) calc(calc(10px / 2) * 1.5); padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(calc(var(--plyr-control-spacing, 10px) / 2) * 1.5); pointer-events: none; position: absolute; transform: translate(-50%, 10px) scale(0.8); transform-origin: 50% 100%; transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; white-space: nowrap; z-index: 2; } .plyr__tooltip::before { border-left: 4px solid transparent; border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-right: 4px solid transparent; border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.9); border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); bottom: calc(4px * -1); bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1); content: ""; height: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0; z-index: 2; } .plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible { opacity: 1; transform: translate(-50%, 0) scale(1); } .plyr .plyr__control:hover .plyr__tooltip { z-index: 3; } .plyr__controls>.plyr__control:first-child .plyr__tooltip, .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip { left: 0; transform: translate(0, 10px) scale(0.8); transform-origin: 0 100%; } .plyr__controls>.plyr__control:first-child .plyr__tooltip::before, .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before { left: calc((18px / 2)+calc(10px * 0.7)); left: calc( (var(--plyr-control-icon-size, 18px) / 2)+calc(var(--plyr-control-spacing, 10px) * 0.7)); } .plyr__controls>.plyr__control:last-child .plyr__tooltip { left: auto; right: 0; transform: translate(0, 10px) scale(0.8); transform-origin: 100% 100%; } .plyr__controls>.plyr__control:last-child .plyr__tooltip::before { left: auto; right: calc((18px / 2)+calc(10px * 0.7)); right: calc( (var(--plyr-control-icon-size, 18px) / 2)+calc(var(--plyr-control-spacing, 10px) * 0.7)); transform: translateX(50%); } .plyr__controls>.plyr__control:first-child .plyr__tooltip--visible, .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible, .plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip, .plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls>.plyr__control:first-child:hover .plyr__tooltip, .plyr__controls>.plyr__control:last-child .plyr__tooltip--visible, .plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls>.plyr__control:last-child:hover .plyr__tooltip { transform: translate(0, 0) scale(1); } .plyr__progress { left: calc(13px * 0.5); left: calc(var(--plyr-range-thumb-height, 13px) * 0.5); margin-right: 13px; margin-right: var(--plyr-range-thumb-height, 13px); position: relative; } .plyr__progress input[type="range"], .plyr__progress__buffer { margin-left: calc(13px * -0.5); margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5); margin-right: calc(13px * -0.5); margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5); width: calc(100%+13px); width: calc(100%+var(--plyr-range-thumb-height, 13px)); } .plyr__progress input[type="range"] { position: relative; z-index: 2; } .plyr__progress .plyr__tooltip { font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); left: 0; } .plyr__progress__buffer { -webkit-appearance: none; background: 0 0; border: 0; border-radius: 100px; height: 5px; height: var(--plyr-range-track-height, 5px); left: 0; margin-top: calc((5px / 2) * -1); margin-top: calc((var(--plyr-range-track-height, 5px) / 2) * -1); padding: 0; position: absolute; top: 50%; } .plyr__progress__buffer::-webkit-progress-bar { background: 0 0; } .plyr__progress__buffer::-webkit-progress-value { background: currentColor; border-radius: 100px; min-width: 5px; min-width: var(--plyr-range-track-height, 5px); -webkit-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr__progress__buffer::-moz-progress-bar { background: currentColor; border-radius: 100px; min-width: 5px; min-width: var(--plyr-range-track-height, 5px); -moz-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr__progress__buffer::-ms-fill { border-radius: 100px; -ms-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr--loading .plyr__progress__buffer { animation: plyr-progress 1s linear infinite; background-image: linear-gradient( -45deg, rgba(35, 40, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 40, 47, 0.6) 50%, rgba(35, 40, 47, 0.6) 75%, transparent 75%, transparent); background-image: linear-gradient( -45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, transparent 75%, transparent); background-repeat: repeat-x; background-size: 25px 25px; background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px); color: transparent; } .plyr--video.plyr--loading .plyr__progress__buffer { background-color: rgba(255, 255, 255, 0.25); background-color: var( --plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)); } .plyr--audio.plyr--loading .plyr__progress__buffer { background-color: rgba(193, 200, 209, 0.6); background-color: var( --plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)); } .plyr__volume { align-items: center; display: flex; max-width: 110px; min-width: 80px; position: relative; width: 20%; } .plyr__volume input[type="range"] { margin-left: calc(10px / 2); margin-left: calc(var(--plyr-control-spacing, 10px) / 2); margin-right: calc(10px / 2); margin-right: calc(var(--plyr-control-spacing, 10px) / 2); position: relative; z-index: 2; } .plyr--is-ios .plyr__volume { min-width: 0; width: auto; } .plyr--audio { display: block; } .plyr--audio .plyr__controls { background: #fff; background: var(--plyr-audio-controls-background, #fff); border-radius: inherit; color: #4a5464; color: var(--plyr-audio-control-color, #4a5464); padding: 10px; padding: var(--plyr-control-spacing, 10px); } .plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded="true"] { background: #00b3ff; background: var( --plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); color: #fff; color: var(--plyr-audio-control-color-hover, #fff); } .plyr--full-ui.plyr--audio input[type="range"]::-webkit-slider-runnable-track { background-color: rgba(193, 200, 209, 0.6); background-color: var( --plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); } .plyr--full-ui.plyr--audio input[type="range"]::-moz-range-track { background-color: rgba(193, 200, 209, 0.6); background-color: var( --plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); } .plyr--full-ui.plyr--audio input[type="range"]::-ms-track { background-color: rgba(193, 200, 209, 0.6); background-color: var( --plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); } .plyr--full-ui.plyr--audio input[type="range"]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); } .plyr--full-ui.plyr--audio input[type="range"]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); } .plyr--full-ui.plyr--audio input[type="range"]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); } .plyr--audio .plyr__progress__buffer { color: rgba(193, 200, 209, 0.6); color: var( --plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)); } .plyr--video { background: #000; overflow: hidden; } .plyr--video.plyr--menu-open { overflow: visible; } .plyr__video-wrapper { background: #000; height: 100%; margin: auto; overflow: hidden; position: relative; width: 100%; } .plyr__video-embed, .plyr__video-wrapper--fixed-ratio { height: 0; padding-bottom: 56.25%; } .plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video { border: 0; left: 0; position: absolute; top: 0; } .plyr--full-ui .plyr__video-embed>.plyr__video-embed__container { padding-bottom: 240%; position: relative; transform: translateY(-38.28125%); } .plyr--video .plyr__controls { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)); background: var( --plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75))); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; bottom: 0; color: #fff; color: var(--plyr-video-control-color, #fff); left: 0; padding: calc(10px / 2); padding: calc(var(--plyr-control-spacing, 10px) / 2); padding-top: calc(10px * 2); padding-top: calc(var(--plyr-control-spacing, 10px) * 2); position: absolute; right: 0; transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out; z-index: 3; } @media (min-width: 480px) { .plyr--video .plyr__controls { padding: 10px; padding: var(--plyr-control-spacing, 10px); padding-top: calc(10px * 3.5); padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5); } } .plyr--video.plyr--hide-controls .plyr__controls { opacity: 0; pointer-events: none; transform: translateY(100%); } .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded="true"] { background: #00b3ff; background: var( --plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); color: #fff; color: var(--plyr-video-control-color-hover, #fff); } .plyr__control--overlaid { background: #00b3ff; background: var( --plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); border: 0; border-radius: 100%; color: #fff; color: var(--plyr-video-control-color, #fff); display: none; left: 50%; opacity: 0.9; padding: calc(10px * 1.5); padding: calc(var(--plyr-control-spacing, 10px) * 1.5); position: absolute; top: 50%; transform: translate(-50%, -50%); transition: 0.3s; z-index: 2; } .plyr__control--overlaid svg { left: 2px; position: relative; } .plyr__control--overlaid:focus, .plyr__control--overlaid:hover { opacity: 1; } .plyr--playing .plyr__control--overlaid { opacity: 0; visibility: hidden; } .plyr--full-ui.plyr--video .plyr__control--overlaid { display: block; } .plyr--full-ui.plyr--video input[type="range"]::-webkit-slider-runnable-track { background-color: rgba(255, 255, 255, 0.25); background-color: var( --plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); } .plyr--full-ui.plyr--video input[type="range"]::-moz-range-track { background-color: rgba(255, 255, 255, 0.25); background-color: var( --plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); } .plyr--full-ui.plyr--video input[type="range"]::-ms-track { background-color: rgba(255, 255, 255, 0.25); background-color: var( --plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); } .plyr--full-ui.plyr--video input[type="range"]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var( --plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); } .plyr--full-ui.plyr--video input[type="range"]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var( --plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); } .plyr--full-ui.plyr--video input[type="range"]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var( --plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); } .plyr--video .plyr__progress__buffer { color: rgba(255, 255, 255, 0.25); color: var( --plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)); } .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-webkit-full-screen video { height: 100%; } .plyr:-ms-fullscreen video { height: 100%; } .plyr:fullscreen video { height: 100%; } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-ms-fullscreen .plyr__video-wrapper { height: 100%; position: static; } .plyr:fullscreen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none; } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none; } .plyr:fullscreen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr: -webkit-full-screen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } .plyr:-ms-fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } .plyr:fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-webkit-full-screen video { height: 100%; } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr: -webkit-full-screen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr:-moz-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-moz-full-screen video { height: 100%; } .plyr:-moz-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:-moz-full-screen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr: -moz-full-screen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-ms-fullscreen video { height: 100%; } .plyr:-ms-fullscreen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr: -ms-fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr--fullscreen-fallback { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; bottom: 0; display: block; left: 0; 33 right: 0; top: 0; z-index: 10000000; } .plyr--fullscreen-fallback video { height: 100%; } .plyr--fullscreen-fallback .plyr__video-wrapper { height: 100%; position: static; } .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { display: block; } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr--fullscreen-fallback.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr--fullscreen-fallback .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr__ads { border-radius: inherit; bottom: 0; cursor: pointer; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: -1; } .plyr__ads>div, .plyr__ads>div iframe { height: 100%; position: absolute; width: 100%; } .plyr__ads::after { background: #23282f; border-radius: 2px; bottom: 10px; bottom: var(--plyr-control-spacing, 10px); color: #fff; content: attr(data-badge-text); font-size: 11px; padding: 2px 6px; pointer-events: none; position: absolute; right: 10px; right: var(--plyr-control-spacing, 10px); z-index: 3; } .plyr__ads::after:empty { display: none; } .plyr__cues { background: currentColor; display: block; height: 5px; height: var(--plyr-range-track-height, 5px); left: 0; margin: -var(--plyr-range-track-height, 5px) / 2 0 0; opacity: 0.8; position: absolute; top: 50%; width: 3px; z-index: 3; } .plyr__preview-thumb { background-color: rgba(255, 255, 255, 0.9); background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); border-radius: 3px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); margin-bottom: calc(calc(10px / 2) * 2); margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2); opacity: 0; padding: 3px; padding: var(--plyr-tooltip-radius, 3px); pointer-events: none; position: absolute; transform: translate(0, 10px) scale(0.8); transform-origin: 50% 100%; transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; z-index: 2; } .plyr__preview-thumb--is-shown { opacity: 1; transform: translate(0, 0) scale(1); } .plyr__preview-thumb::before { border-left: 4px solid transparent; border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-right: 4px solid transparent; border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.9); border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); bottom: calc(4px * -1); bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1); content: ""; height: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0; z-index: 2; } .plyr__preview-thumb__image-container { background: #c1c8d1; border-radius: calc(3px - 1px); border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px); overflow: hidden; position: relative; z-index: 0; } .plyr__preview-thumb__image-container img { height: 100%; left: 0; max-height: none; max-width: none; position: absolute; top: 0; width: 100%; } .plyr__preview-thumb__time-container { bottom: 6px; left: 0; position: absolute; right: 0; white-space: nowrap; z-index: 3; } .plyr__preview-thumb__time-container span { background-color: rgba(0, 0, 0, 0.55); border-radius: calc(3px - 1px); border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px); color: #fff; font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); padding: 3px 6px; } .plyr__preview-scrubbing { bottom: 0; filter: blur(1px); height: 100%; left: 0; margin: auto; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; right: 0; top: 0; transition: opacity 0.3s ease; width: 100%; z-index: 1; } .plyr__preview-scrubbing--is-shown { opacity: 1; } .plyr__preview-scrubbing img { height: 100%; left: 0; max-height: none; max-width: none; object-fit: contain; position: absolute; top: 0; width: 100%; } .plyr--no-transition { transition: none !important; } .plyr__sr-only { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; border: 0 !important; height: 1px !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .plyr [hidden] { display: none !important; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative } .owl-carousel { display: none; width: 100%; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100% } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0!important; font: inherit } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } s /********************* NEW PLAYER ********************/ body { color: #000; font-family: 'Lato', sans-serif; background-color: ghostwhite; } .player { width: 600px; height: 200px; margin: 20px auto; background-color: white; border: 1px solid #ebebeb; border-radius: 15px; box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.2), 0 33px 40px -40px rgba(0, 0, 0, 0.75); } .player .featureImg { display: block; width: 100%; height: 60%; background: no-repeat center center; background-size: 100% auto; border-radius: 15px 15px 0 0; } .player .controller { position: relative; width: 100%; height: 40%; border-radius: 0 0 15px 15px; } .player .controller .duration { position: absolute; top: -4px; left: 0; right: 0; height: 4px; background-color: rgba(204, 204, 204, 0.8); transition: 0.25s all ease-in-out; } .player .controller .duration:hover { cursor: pointer; height: 15px; top: -15px; } .player .controller .duration .currPos { position: absolute; top: 0; bottom: 0; left: 0; width: 0%; background-color: #F02C74; } .player .controller .duration .currPos.animate { transition: 0.25s top ease-in-out, 0.25s bottom ease-in-out, 1s width linear; } .player .controller .timeLogs { width: 100%; font-size: 10px; padding: 5px 5px 0; } .player .controller .timeLogs:after { content: ""; display: table; clear: both; } .player .controller .timeLogs .currTime { float: left; } .player .controller .timeLogs .totalDuration { float: right; } .player .controller .controls { padding: 10px 15px; } .player .controller .controls:after { content: ""; display: table; clear: both; } .player .controller .controls .playPauseBtn { float: left; height: 45px; width: 45px; margin-right: 8px; background: url('https://i.imgur.com/FAyemkP.png'); transition: 0.5s opacity ease-in-out; } .player .controller .controls .playPauseBtn:hover { cursor: pointer; opacity: 0.75; } .player .controller .controls .playPauseBtn.play { background-position: -3px -48px; } .player .controller .controls .playPauseBtn.pause { background-position: -3px -2px; } .player .controller .controls .titleArtist { float: left; height: 45px; width: 100px; overflow: hidden; } .player .controller .controls .titleArtist .title { font-size: 18px; line-height: 25px; height: 25px; color: #84878E; white-space: nowrap; } .player .controller .controls .titleArtist .artist { font-size: 12px; height: 12px; color: #C5C9D3; white-space: nowrap; } .player .controller .controls .addtControls { float: right; } .player .controller .controls .addtControls div { float: right; width: 17px; height: 17px; background: url('https://i.imgur.com/FAyemkP.png'); } .player .controller .controls .addtControls div:hover { cursor: pointer; } .player .controller .controls .addtControls .prev { background-position: -61px -6px; margin-left: 4px; } .player .controller .controls .addtControls .prev:hover { background-position: -61px -34px; } .player .controller .controls .addtControls .next { background-position: -91px -6px; margin-left: 4px; } .player .controller .controls .addtControls .next:hover { background-position: -91px -34px; } .player .controller .controls .addtControls .loop { background-position: -119px -6px; } .player .controller .controls .addtControls .loop.active { background-position: -119px -35px; } .mt-15 { margin-top: 15px !important; } .mt-30 { margin-top: 30px !important; } .mt-50 { margin-top: 50px !important; } .mt-70 { margin-top: 70px !important; } .mt-100 { margin-top: 100px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-100 { margin-bottom: 100px !important; } .ml-15 { margin-left: 15px !important; } .ml-30 { margin-left: 30px !important; } .ml-50 { margin-left: 50px !important; } .mr-15 { margin-right: 15px !important; } .mr-30 { margin-right: 30px !important; } .mr-50 { margin-right: 50px !important; } /* :: 3.2.0 Height */ .height-400 { height: 400px !important; } .height-500 { height: 500px !important; } .height-600 { height: 600px !important; } .height-700 { height: 700px !important; } .height-800 { height: 800px !important; } /* :: 3.3.0 Section Padding */ .section-padding-100 { padding-top: 100px; padding-bottom: 100px; } .section-padding-100-0 { padding-top: 100px; padding-bottom: 0; } .section-padding-0-100 { padding-top: 0; padding-bottom: 100px; } .section-padding-100-70 { padding-top: 100px; padding-bottom: 70px; } /* :: 3.4.0 Section Heading */ .section-heading { position: relative; z-index: 1; margin-bottom: 100px; text-align: center; p { color: #5f5f5f; font-size: 14px; margin-bottom: 5px; } h2 { font-size: 18px; text-transform: uppercase; letter-spacing: 10px; margin-bottom: 0; @media #{$breakpoint-xs} { letter-spacing: 5px; } } &.white { h2 { color: #fff; } } &.style-2 { p { font-size: 16px; } h2 { font-size: 30px; @media #{$breakpoint-xs} { font-size: 24px; } } } } /* :: 3.5.0 Preloader */ .preloader { background-color: $white-color; width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; z-index: 99999; .lds-ellipsis { display: inline-block; position: relative; width: 64px; height: 64px; div { position: absolute; top: 27px; width: 11px; height: 11px; border-radius: 50%; background: $dark-color; animation-timing-function: cubic-bezier(0, 1, 1, 0); &:nth-child(1) { left: 6px; @include animation(lds-ellipsis1 0.6s infinite); } &:nth-child(2) { left: 6px; @include animation(lds-ellipsis2 0.6s infinite); } &:nth-child(3) { left: 26px; @include animation(lds-ellipsis2 0.6s infinite); } &:nth-child(4) { left: 45px; @include animation(lds-ellipsis3 0.6s infinite); } } } } @-webkit-keyframes lds-ellipsis1 { 0% { @include transform(scale(0)); } 100% { @include transform(scale(1)); } } @keyframes lds-ellipsis1 { 0% { @include transform(scale(0)); } 100% { @include transform(scale(1)); } } @-webkit-keyframes lds-ellipsis3 { 0% { @include transform(scale(1)); } 100% { @include transform(scale(0)); } } @keyframes lds-ellipsis3 { 0% { @include transform(scale(1)); } 100% { @include transform(scale(0)); } } @-webkit-keyframes lds-ellipsis2 { 0% { @include transform(translate(0, 0)); } 100% { @include transform(translate(19px, 0)); } } @keyframes lds-ellipsis2 { 0% { @include transform(translate(0, 0)); } 100% { @include transform(translate(19px, 0)); } } /* :: 3.6.0 Miscellaneous */ .bg-img { background-position: center center; background-size: cover; background-repeat: no-repeat; } .bg-white { background-color: #ffffff !important; } .bg-dark { background-color: #000000 !important; } .bg-transparent { background-color: transparent !important; } .bg-gray { background-color: $bg-gray; } .font-bold { font-weight: 700; } .font-light { font-weight: 300; } .bg-overlay { position: relative; z-index: 2; background-position: center center; background-size: cover; &::after { background-color: rgba(0, 0, 0, 0.65); position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; content: ""; } } .bg-fixed { background-attachment: fixed !important; } /* :: 3.7.0 ScrollUp */ #scrollUp { background-color: $dark-color; border-radius: 0; bottom: 50px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3); color: $white-color; font-size: 24px; height: 40px; line-height: 40px; right: 50px; text-align: center; width: 40px; @include trans-duration(500ms); box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.15); @media #{$breakpoint-xs} { right: 30px; bottom: 30px; } &:hover { background-color: #fff; color: $heading-color; } } /* :: 3.8.0 oneMusic Button */ .oneMusic-btn { background-color: #fff; @include trans-duration(500ms); position: relative; z-index: 1; display: inline-block; min-width: 212px; height: 49px; color: #000; border: 1px solid #000; border-radius: 0; padding: 0 30px; font-size: 16px; line-height: 47px; font-weight: 700; text-transform: capitalize; i { margin-left: 5px; } &:hover, &:focus { font-size: 16px; font-weight: 700; background-color: $dark-color; color: #fff; } &.btn-2 { background-color: $dark-color; color: #fff; &:hover, &:focus { background-color: #fff; color: $heading-color; } } } /* :: 4.0 Header Area CSS */ .header-area { position: absolute; z-index: 1000; width: 100%; top: 20px; left: 0; z-index: 1000; .oneMusic-main-menu { position: relative; width: 100%; height: 85px; background-color: transparent; @media #{$breakpoint-xs} { height: 70px; } .classy-nav-container { background-color: transparent; } .classy-navbar { background-color: transparent; height: 85px; padding: 0; @media #{$breakpoint-xs} { height: 70px; } .classynav ul li a { font-weight: 700; text-transform: capitalize; color: $white-color; font-size: 16px; &:hover, &:focus { color: rgba(255, 255, 255, 0.7); } @media #{$breakpoint-md} { background-color: $dark-color; border-bottom-color: rgba(255, 255, 255, 0.1); } @media #{$breakpoint-xs} { background-color: $dark-color; border-bottom-color: rgba(255, 255, 255, 0.1); } } .classynav ul li.megamenu-item>a::after, .classynav ul li.has-down>a::after { color: $white-color; } .classynav ul li.megamenu-item ul li>a::after, .classynav ul li.has-down ul li>a::after { color: $heading-color; @media #{$breakpoint-xs} { color: $white-color; } } .classynav ul li ul li a { color: $heading-color; &:hover, &:focus { color: #888888; } @media #{$breakpoint-lg} { padding: 0 15px; } @media #{$breakpoint-md} { color: $white-color; padding: 0 30px; border-bottom-color: rgba(255, 255, 255, 0.1); } @media #{$breakpoint-xs} { color: $white-color; padding: 0 30px; border-bottom-color: rgba(255, 255, 255, 0.1) !important; } } .classynav ul li .dropdown li .dropdown li .dropdown li a { border-bottom: 1px solid rgba(242, 244, 248, 0.7); @media #{$breakpoint-md} { border-bottom-color: rgba(255, 255, 255, 0.1) !important; } @media #{$breakpoint-xs} { border-bottom-color: rgba(255, 255, 255, 0.1) !important; } } } .login-register-cart-button { position: relative; z-index: 1; margin-left: 100px; @media #{$breakpoint-md} { margin-left: 12px; margin-top: 15px; } @media #{$breakpoint-xs} { margin-left: 12px; margin-top: 15px; } .login-register-btn { position: relative; z-index: 10; a { @include trans-duration(500ms); margin-bottom: 0; color: #fff; font-weight: 700; font-size: 16px; cursor: pointer; line-height: 1; &:hover, &:focus { color: rgba(255, 255, 255, 0.7); } } } .cart-btn { position: relative; z-index: 10; p { @include trans-duration(500ms); margin-bottom: 0; color: #fff; font-size: 18px; cursor: pointer; line-height: 1; &:hover, &:focus { color: rgba(255, 255, 255, 0.7); } .quantity { width: 15px; height: 15px; border: 1px solid #fff; background-color: #232323; color: #fff; display: block; position: absolute; bottom: -5px; left: -10px; z-index: 10; font-size: 9px; font-weight: 400; border-radius: 50%; line-height: 13px; text-align: center; } } } } } .is-sticky { .oneMusic-main-menu { position: fixed; width: 100%; height: 85px; top: 0; left: 0; z-index: 9999; background-color: $dark-color; box-shadow: 0 5px 50px 15px rgba(0, 0, 0, 0.2); @media #{$breakpoint-xs} { height: 70px; } } } } .classy-navbar .nav-brand { max-width: 130px; } .breakpoint-on .classy-navbar .classy-menu { @media #{$breakpoint-md} { background-color: $bg-default; } @media #{$breakpoint-xs} { background-color: $bg-default; } } .classynav ul li .megamenu .single-mega.cn-col-4 { @media #{$breakpoint-md} { padding: 0; } @media #{$breakpoint-xs} { padding: 0; } } .classycloseIcon .cross-wrap span { background: $white-color; } /* :: 5.0 Hero Slides Area */ .hero-area, .hero-slides { position: relative; z-index: 1; } .single-hero-slide { width: 100%; height: 950px; position: relative; z-index: 1; padding: 0 30px; overflow: hidden; @media #{$breakpoint-lg} { height: 700px; } @media #{$breakpoint-md} { height: 650px; } @media #{$breakpoint-xs} { height: 500px; } &::after { position: absolute; width: 100%; height: 100%; z-index: -5; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.35); content: ''; } .slide-img { position: absolute; width: 100%; height: 100%; z-index: -10; left: 0; right: 0; top: 0; bottom: 0; } .hero-slides-content { display: inline-block; width: 100%; h6 { font-size: 18px; color: #fff; letter-spacing: 20px; text-transform: uppercase; margin-bottom: 20px; display: block; @media #{$breakpoint-xs} { letter-spacing: 5px; } } h2 { position: relative; z-index: 1; font-size: 60px; color: $white-color; margin-bottom: 0; font-weight: 400; display: block; text-transform: capitalize; letter-spacing: 30px; overflow: hidden; span { position: absolute; top: 0; width: 100%; height: 100%; left: 0; color: rgba(255, 255, 255, 0.15); @include animation(textsonar 6s linear infinite); } @media #{$breakpoint-md} { letter-spacing: 15px; font-size: 42px; } @media #{$breakpoint-xs} { letter-spacing: 5px; font-size: 30px; } } .btn { border: 1px solid #fff; background-color: transparent; color: #fff; &:hover, &:focus { background-color: #fff; color: $dark-color; } } } } @-webkit-keyframes textsonar { 0% { @include transform(scaleX(1)); } 50% { @include transform(scaleX(1.15)); } 100% { @include transform(scaleX(1)); } } @keyframes textsonar { 0% { @include transform(scaleX(1)); } 50% { @include transform(scaleX(1.15)); } 100% { @include transform(scaleX(1)); } } .single-hero-slide .slide-img { @include animation(slide 12s linear infinite); } @-webkit-keyframes slide { 0% { @include transform(scale(1)); } 50% { @include transform(scale(1.2)); } 100% { @include transform(scale(1)); } } @keyframes slide { 0% { @include transform(scale(1)); } 50% { @include transform(scale(1.2)); } 100% { @include transform(scale(1)); } } /* :: 6.0 Buy Now Area CSS */ .oneMusic-buy-now-area.has-fluid { padding-left: 4%; padding-right: 4%; position: relative; z-index: 1; } /* :: 7.0 Events Area CSS */ .single-event-area { position: relative; z-index: 1; @include trans-duration(500ms); img { width: 100%; } .event-text { text-align: center; position: relative; z-index: 1; padding: 30px 15px; background-color: #000; @include trans-duration(500ms); h4 { color: #fff; text-transform: uppercase; @include trans-duration(500ms); } .event-meta-data { position: relative; margin-bottom: 30px; a { @include trans-duration(500ms); position: relative; z-index: 1; color: #fff; font-size: 15px; font-weight: 400; display: inline-block; padding-right: 29px; &:first-child::after { position: absolute; content: '|'; top: 0; right: 12px; z-index: 1; } &:last-child { padding-right: 0; } } } .see-more-btn { font-size: 11px; color: #fff; text-transform: uppercase; letter-spacing: 10px; border-bottom: 1px solid #fff; padding-left: 0; padding-right: 0; border-radius: 0; &:hover, &:focus { font-weight: 400; } } } &:hover, &:focus { box-shadow: 0 5px 80px 0 rgba(0, 0, 0, 0.2); .event-text { background-color: #f5f9fa; h4, .event-meta-data a { color: $dark-color; } .see-more-btn { border-bottom-color: $dark-color; color: $dark-color; } } } } /* :: 8.0 Newsletter Area CSS */ .newsletter-area { position: relative; z-index: 1; border: 1px solid $dark-color; padding: 45px; .newsletter-form { position: relative; z-index: 1; input { width: 100%; height: 40px; font-size: 14px; color: #b3b3b3; font-style: italic; border: none; border-bottom: 1px solid #d6d6d6; margin-bottom: 30px; display: block; } } } .testimonials-area { position: relative; z-index: 1; padding: 45px; .testimonials-slide { position: relative; z-index: 1; .single-slide { p { font-size: 15px; color: #fff; font-style: italic; } .testimonial-info { margin-top: 30px; display: block; .testimonial-thumb { width: 44px; height: 44px; border-radius: 50%; margin-right: 15px; img { border-radius: 50%; } } p { font-style: normal; font-size: 15px; color: #fff; margin-bottom: 0; } } } } } /* :: 9.0 Album Catagory Area CSS */ .featured-artist-area { position: relative; z-index: 1; } .featured-artist-content { position: relative; z-index: 1; @media #{$breakpoint-xs} { margin-top: 50px; } p { color: #fff; } } .browse-by-catagories { position: relative; z-index: 1; a { display: inline-block; background-color: #f4f4f4; border: 2px solid transparent; padding: 6px 9px; font-size: 15px; margin-right: 5px; @media #{$breakpoint-lg} { padding: 4px 7px; font-size: 14px; margin-right: 4px; } @media #{$breakpoint-md} { padding: 4px 7px; font-size: 14px; margin-right: 5px; margin-bottom: 5px; } @media #{$breakpoint-xs} { padding: 2px 5px; font-size: 13px; margin-right: 5px; margin-bottom: 5px; } &:hover, &:focus, &.active { border: 2px solid $dark-color; } &:first-child { border-color: transparent; background-color: transparent; } } } .single-album { position: relative; z-index: 1; @include trans-duration(500ms); margin-bottom: 30px; img { width: 100%; } .album-info { position: relative; z-index: 1; text-align: center; padding-top: 15px; padding-bottom: 15px; h5 { font-size: 18px; margin-bottom: 0; text-transform: uppercase; } p { margin-bottom: 0; } } &:hover, &:focus { box-shadow: 0 5px 70px 0 rgba(0, 0, 0, 0.15); } } .single-album-area { position: relative; z-index: 1; @include trans-duration(500ms); margin-bottom: 30px; .album-thumb { position: relative; z-index: 1; .album-price p { position: absolute; top: 15px; left: 15px; background-color: #fff; margin-bottom: 0; line-height: 1; padding: 5px 15px; border-radius: 15px; z-index: 20; } .play-icon a { color: #fff; font-size: 50px; position: absolute; top: 50%; left: 50%; line-height: 1; @include transform(translate(-50%, -50%)); } } img { width: 100%; } .album-info { display: block; position: relative; z-index: 1; padding-top: 15px; padding-bottom: 15px; h5 { font-size: 18px; margin-bottom: 0; text-transform: uppercase; } p { margin-bottom: 0; } } } .albums-slideshow { position: relative; z-index: 1; .single-album { @include trans-duration(500ms); margin-bottom: 0; border: 1px solid transparent; &:hover, &:focus { border: 1px solid $dark-color; box-shadow: none; background-color: #f5f9fa; } } .owl-prev, .owl-next { @include trans-duration(500ms); background-color: #fff; position: absolute; width: 50px; height: 50px; border: 1px solid $dark-color; top: 50%; left: -25px; margin-top: -50px; z-index: 50; text-align: center; line-height: 48px; opacity: 0; visibility: hidden; @media #{$breakpoint-xs} { left: 0; } &:hover, &:focus { background-color: $dark-color; color: #fff; } } .owl-next { left: auto; right: -25px; @media #{$breakpoint-xs} { right: 0; } } &:hover { .owl-prev, .owl-next { opacity: 1; visibility: visible; } } } /* :: 10.0 Songs Area CSS */ .single-song-area { position: relative; z-index: 1; .song-thumbnail { position: relative; z-index: 1; @include flex(0 0 135px); max-width: 135px; width: 135px; margin-right: 50px; img { width: 100%; } @media #{$breakpoint-xs} { margin-right: 0; @include flex(0 0 100%); max-width: 100%; width: 100%; } } .song-play-area { position: relative; z-index: 1; @include flex(0 0 calc(100% - 185px)); max-width: calc(100% - 185px); width: calc(100% - 185px); background-color: #262626; padding: 15px 30px 20px; @media #{$breakpoint-xs} { @include flex(0 0 100%); max-width: 100%; width: 100%; } .song-name p { color: #b8b8b8; margin-bottom: 5px; } .audioplayer { margin: 0; padding: 0; width: 100%; height: auto; align-items: center; border: none; border-radius: 0; background: transparent; } .audioplayer-playing .audioplayer-playpause, .audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover, .audioplayer:not(.audioplayer-playing) .audioplayer-playpause { background: #fff; } .audioplayer-time { font-size: 14px; color: #fff; } } } .song-play-area { position: relative; z-index: 1; width: 100%; background-color: #262626; padding: 15px 30px 20px; border: 1px solid #363636; .song-name p { color: #b8b8b8; margin-bottom: 5px; } .audioplayer { margin: 0; padding: 0; width: 100%; height: auto; align-items: center; border: none; border-radius: 0; background: transparent; } .audioplayer-playing .audioplayer-playpause, .audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover, .audioplayer:not(.audioplayer-playing) .audioplayer-playpause { background: #fff; } .audioplayer-time { font-size: 14px; color: #fff; } } /* :: 11.0 Miscellaneous Area CSS */ .weeks-top-area { position: relative; z-index: 1; padding: 45px 30px; @include trans-duration(500ms); border: 1px solid transparent; .single-top-item { position: relative; z-index: 1; margin-bottom: 21px; &:last-child { margin-bottom: 0; } .thumbnail { @include flex(0 0 73px); max-width: 73px; width: 73px; margin-right: 20px; } .content- { h6 { text-transform: uppercase; margin-bottom: 0; } p { font-size: 14px; margin-bottom: 0; } } } &:hover, &:focus { background-color: #f5f9fa; border-color: #d8d8d8; } } .popular-artists-area { position: relative; z-index: 1; padding: 45px 30px; @include trans-duration(500ms); border: 1px solid #d8d8d8; background-color: #f5f9fa; .single-artists { position: relative; z-index: 1; margin-bottom: 17px; &:last-child { margin-bottom: 0; } .thumbnail { @include flex(0 0 63px); max-width: 63px; width: 63px; margin-right: 20px; border-radius: 50%; img { border-radius: 50%; } } .content- { p { font-size: 16px; margin-bottom: 0; } } } } .new-hits-area { position: relative; z-index: 1; padding: 45px 30px; @include trans-duration(500ms); border: 1px solid #d8d8d8; background-color: #f5f9fa; .single-new-item { position: relative; z-index: 1; border-bottom: 1px solid #d8d8d8; margin-bottom: 10px; padding-bottom: 10px; &:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } .thumbnail { @include flex(0 0 73px); max-width: 73px; width: 73px; margin-right: 20px; } .content- { h6 { text-transform: uppercase; margin-bottom: 0; } p { font-size: 14px; margin-bottom: 0; } } .audioplayer { margin: 0; padding: 0; width: auto; height: auto; border: none; border-radius: 0; background: transparent; } .audioplayer-playing .audioplayer-playpause, .audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover, .audioplayer:not(.audioplayer-playing) .audioplayer-playpause { background: #d6d6d6; } .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a { border-left: 12px solid #fff; } .audioplayer-time, .audioplayer-volume, .audioplayer-bar { display: none; } } } /* :: 12.0 Login Area CSS */ .login-content { @include trans-duration(500ms); position: relative; z-index: 1; background-color: $bg-gray; border: 1px solid #d8d8d8; padding: 50px 100px; box-shadow: 0 2px 70px 0 rgba(0, 0, 0, 0.15); text-align: center; @media #{$breakpoint-xs} { padding: 50px 30px; } h3 { margin-bottom: 30px; } .form-group { text-align: left; } .form-control { width: 100%; height: 50px; border: 1px solid $dark-color; font-size: 12px; font-style: italic; padding: 0 20px; border-radius: 0; &:focus { box-shadow: none; } } } /* :: 13.0 Services Area CSS */ .single-service-area { .icon { @include flex(0 0 78px); max-width: 78px; width: 78px; position: relative; z-index: 1; width: 78px; height: 78px; border: 1px solid $dark-color; text-align: center; span { line-height: 76px; font-size: 40px; } } .text { position: relative; z-index: 1; @include flex(0 0 calc(100% - 78px)); max-width: calc(100% - 78px); width: calc(100% - 78px); padding-left: 30px; } } /* :: 14.0 Footer Area CSS */ .footer-area { position: relative; z-index: 1; background-color: $footer-color; padding: 30px 0; @media #{$breakpoint-xs} { text-align: center; } .copywrite-text { font-size: 12px; margin-bottom: 0; color: rgba(166, 165, 165, 0.54); a { color: rgba(166, 165, 165, 0.54); font-size: 12px; &:hover, &:focus { color: #fff; } } } .footer-nav { ul { @include display-flex(flex); @include align-items(center); @include justify-content-end; @media #{$breakpoint-xs} { @include justify-content-center; margin-top: 30px; } } li { a { color: #898888; font-size: 16px; padding: 0 20px; @media #{$breakpoint-md} { padding: 0 10px; font-size: 14px; } @media #{$breakpoint-xs} { padding: 0 10px; font-size: 14px; } &:hover, &:focus { color: #fff; } } &:last-child a { padding-right: 0; } } } } /* :: 15.0 Breadcumb Area CSS */ .breadcumb-area { position: relative; z-index: 10; width: 100%; height: 385px; @media #{$breakpoint-xs} { height: 270px; } .bradcumbContent { position: absolute; background-color: #fff; width: 552px; bottom: 0; left: 50%; z-index: 100; text-align: center; padding-top: 40px; @include transform(translateX(-50%)); @media #{$breakpoint-xs} { width: calc(100% - 60px); padding-top: 30px; } p { line-height: 1.5; font-size: 16px; color: $text-color; } h2 { font-size: 30px; letter-spacing: 10px; text-transform: uppercase; line-height: 1; margin-bottom: 0; @media #{$breakpoint-xs} { font-size: 18px; letter-spacing: 5px; } } } } /* :: 16.0 Blog Area CSS */ .single-blog-post { position: relative; z-index: 1; .blog-post-thumb { position: relative; z-index: 1; .post-date { width: 76px; height: 106px; border: 1px solid $dark-color; text-align: center; background-color: #fff; position: absolute; z-index: 10; top: -30px; left: 30px; padding: 17px 0; span { display: block; font-size: 14px; font-weight: 700; line-height: 1.3; &:first-child { font-size: 36px; } } } } .blog-content { background-color: #f5f9fa; padding: 45px 40px; border: 1px solid #d8d8d8; @media #{$breakpoint-xs} { padding: 30px 20px; } .post-title { font-size: 24px; display: block; @media #{$breakpoint-xs} { font-size: 20px; } &:hover, &:focus { color: $hover-color; } } .post-meta { position: relative; z-index: 1; margin-bottom: 10px; p { color: #8d8d8d; font-size: 13px; padding-right: 25px; position: relative; z-index: 1; &::after { content: '|'; position: absolute; right: 12px; top: 0; z-index: 5; } &:last-child::after { display: none; } a { color: #8d8d8d; font-size: 13px; margin-bottom: 0; font-weight: 400; &:hover, &:focus { color: $dark-color; } } } } p { margin-bottom: 0; } } } .oneMusic-pagination-area { .pagination { .page-item { .page-link { background-color: transparent; display: block; padding: 0; border: 1px solid transparent; color: #5f5f5f; font-size: 15px; font-weight: 400; width: 34px; height: 34px; line-height: 32px; text-align: center; margin-right: 10px; &:hover, &:focus { color: $dark-color; border: 1px solid $dark-color; } } &:first-child .page-link { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } &:last-child .page-link { border-top-right-radius: 0; border-bottom-right-radius: 0; } &.active { .page-link { color: $dark-color; border: 1px solid $dark-color; } } } } } .blog-sidebar-area { position: relative; z-index: 1; @media #{$breakpoint-xs} { margin-top: 100px; } } .single-widget-area { position: relative; z-index: 1; background-color: #f5f9fa; border: 1px solid #d8d8d8; img { width: 100%; } .widget-title { padding: 25px 45px; border-bottom: 1px solid #d8d8d8; @media #{$breakpoint-lg} { padding: 20px 30px; } h5 { margin-bottom: 0; line-height: 1; } } .widget-content { padding: 25px 45px; @media #{$breakpoint-lg} { padding: 20px 30px; } ul li { margin-bottom: 10px; a { color: #5f5f5f; font-size: 15px; font-weight: 400; &:hover, &:focus { color: $dark-color; } } &:last-child { margin-bottom: 0; } } .tags { @include display-flex(flex); @include flex-wrap(wrap); li { margin-bottom: 0; a { display: block; line-height: 28px; font-size: 15px; color: #5f5f5f; height: 30px; background-color: #fff; padding: 0 15px; border: 1px solid $dark-color; margin: 3px; @media #{$breakpoint-lg} { padding: 0 10px; } } } } } } /* :: 17.0 Skills Area CSS */ .single-skils-area { position: relative; z-index: 1; text-align: center; .circle { position: relative; z-index: 10; margin-bottom: 15px; } .skills-text { position: absolute; top: 50%; left: 50%; text-align: center; @include transform(translate(-50%, -50%)); span { font-size: 24px; color: $heading-color; font-weight: 500; } p { font-size: 15px; color: #5f5f5f; line-height: 1; } } } /* :: 18.0 Contact Area CSS */ .contact-content { position: relative; z-index: 2; .contact-social-info { a { display: inline-block; margin-right: 20px; font-size: 14px; color: #000000; &:hover, &:focus { color: $hover-color; } } } .single-contact-info { position: relative; margin-bottom: 20px; &:last-child { margin-bottom: 0; } p { font-size: 15px; margin-bottom: 0; } .icon { @include flex(0 0 35px); max-width: 35px; width: 35px; height: 35px; border: 1px solid #000; text-align: center; span { font-size: 20px; line-height: 33px; } } } } .contact-form-area { .form-control { position: relative; z-index: 2; height: 45px; width: 100%; background-color: transparent; font-size: 14px; margin-bottom: 15px; border: none; border-radius: 0; padding: 15px 0; font-style: italic; color: #b3b3b3; border-bottom: 1px solid $dark-color; @include trans-duration(500ms); &:focus { box-shadow: none; border-bottom: 1px solid $dark-color; } } textarea.form-control { height: 160px; } } .has-bg-img { position: relative; z-index: 1; .contact-form-area { .form-control { color: #fff; border-bottom: 1px solid #fff; &:focus { border-bottom: 1px solid #fff; } } } .oneMusic-btn { background-color: transparent; border-color: #fff; color: #fff; &:hover, &:focus { background-color: #fff; color: $dark-color; } } } .map-area { position: relative; z-index: 2; iframe { width: 100%; height: 385px; border: none; margin-bottom: 0; @media #{$breakpoint-xs} { height: 300px; } } } /* :: 19.0 Elements Area CSS */ .elements-title { position: relative; z-index: 1; h2 { font-size: 24px; } } /* :: 20.1.0 Single Cool Facts CSS */ .single-cool-fact { position: relative; z-index: 1; .scf-text { h2 { font-size: 48px; margin-bottom: 0; color: $heading-color; @media #{$breakpoint-lg} { font-size: 48px; } @media #{$breakpoint-md} { font-size: 36px; } @media #{$breakpoint-xs} { font-size: 30px; } } p { font-size: 15px; margin-bottom: 0; color: #5f5f5f; line-height: 1; } } } /* :: 20.2.0 Accordians Area CSS */ .single-accordion { &.panel { background-color: $white-color; border: 0 solid transparent; border-radius: 4px; box-shadow: 0 0 0 transparent; margin-bottom: 15px; } &:last-of-type { margin-bottom: 0; } h6 { margin-bottom: 0; a { background-color: $dark-color; border-radius: 0; color: $white-color; display: block; margin: 0; padding: 20px 70px 20px 30px; position: relative; font-size: 14px; text-transform: capitalize; border: 1px solid $dark-color; span { background: transparent; @include trans-duration(500ms); font-size: 10px; position: absolute; right: 0; text-align: center; top: 0; width: 58px; height: 100%; color: $white-color; line-height: 58px; &.accor-open { opacity: 0; } } &.collapsed { @include trans-duration(500ms); background-color: transparent; color: $heading-color; span { color: $dark-color; &.accor-close { opacity: 0; } &.accor-open { opacity: 1; } } } } } .accordion-content { border-top: 0 solid transparent; box-shadow: none; p { padding: 20px 15px 5px; margin-bottom: 0; } } } /* :: 20.3.0 Tabs Area CSS */ .oneMusic-tabs-content { position: relative; z-index: 1; .nav-tabs { border-bottom: none; margin-bottom: 15px; .nav-link { background-color: transparent; border: 1px solid $dark-color; padding: 0 30px; height: 58px; line-height: 58px; color: $heading-color; margin: 0 2px; border-radius: 0; @media #{$breakpoint-lg} { padding: 0 15px; } @media #{$breakpoint-xs} { padding: 0 15px; font-size: 12px; margin-bottom: 5px; } @media #{$breakpoint-xs-landscape} { padding: 0 15px; } &.active { background-color: $dark-color; color: $white-color; } } } .oneMusic-tab-text { position: relative; z-index: 1; padding-top: 10px; p { margin-bottom: 0; } } .tab-content { h6 { font-size: 18px; } } } .single-web-icon { position: relative; z-index: 1; background-color: $bg-gray; text-align: center; padding: 30px 10px; border: 1px solid #b8b8b8; @include trans-duration(500ms); i { display: block; font-size: 50px; margin-bottom: 15px; } span { font-size: 16px; } &:hover { box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.15); } } /* :: 3.1.0 Spacing */ .mt-15 { margin-top: 15px !important; } .mt-30 { margin-top: 30px !important; } .mt-50 { margin-top: 50px !important; } .mt-70 { margin-top: 70px !important; } .mt-100 { margin-top: 100px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-100 { margin-bottom: 100px !important; } .ml-15 { margin-left: 15px !important; } .ml-30 { margin-left: 30px !important; } .ml-50 { margin-left: 50px !important; } .mr-15 { margin-right: 15px !important; } .mr-30 { margin-right: 30px !important; } .mr-50 { margin-right: 50px !important; } /* :: 3.2.0 Height */ .height-400 { height: 400px !important; } .height-500 { height: 500px !important; } .height-600 { height: 600px !important; } .height-700 { height: 700px !important; } .height-800 { height: 800px !important; } /* :: 3.3.0 Section Padding */ .section-padding-100 { padding-top: 100px; padding-bottom: 100px; } .section-padding-100-0 { padding-top: 100px; padding-bottom: 0; } .section-padding-0-100 { padding-top: 0; padding-bottom: 100px; } .section-padding-100-70 { padding-top: 100px; padding-bottom: 70px; } /* :: 3.4.0 Section Heading */ .section-heading { position: relative; z-index: 1; margin-bottom: 100px; text-align: center; } @media only screen and (max-width: 767px) { .section-heading h2 { letter-spacing: 5px; } } .section-heading.white h2 { color: #fff; } .section-heading.style-2 p { font-size: 16px; } .section-heading.style-2 h2 { font-size: 30px; } @media only screen and (max-width: 767px) { .section-heading.style-2 h2 { font-size: 24px; } } /* :: 3.5.0 Preloader */ .preloader { background-color: #ffffff; width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; z-index: 99999; } .preloader .lds-ellipsis { display: inline-block; position: relative; width: 64px; height: 64px; } .preloader .lds-ellipsis div { position: absolute; top: 27px; width: 11px; height: 11px; border-radius: 50%; background: #000000; animation-timing-function: cubic-bezier(0, 1, 1, 0); } .preloader .lds-ellipsis div:nth-child(1) { left: 6px; -webkit-animation: lds-ellipsis1 0.6s infinite; animation: lds-ellipsis1 0.6s infinite; } .preloader .lds-ellipsis div:nth-child(2) { left: 6px; -webkit-animation: lds-ellipsis2 0.6s infinite; animation: lds-ellipsis2 0.6s infinite; } .preloader .lds-ellipsis div:nth-child(3) { left: 26px; -webkit-animation: lds-ellipsis2 0.6s infinite; animation: lds-ellipsis2 0.6s infinite; } .preloader .lds-ellipsis div:nth-child(4) { left: 45px; -webkit-animation: lds-ellipsis3 0.6s infinite; animation: lds-ellipsis3 0.6s infinite; } @-webkit-keyframes lds-ellipsis1 { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes lds-ellipsis1 { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes lds-ellipsis3 { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0); transform: scale(0); } } @keyframes lds-ellipsis3 { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0); transform: scale(0); } } @-webkit-keyframes lds-ellipsis2 { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(19px, 0); transform: translate(19px, 0); } } @keyframes lds-ellipsis2 { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(19px, 0); transform: translate(19px, 0); } } /* :: 3.6.0 Miscellaneous */ .bg-img { background-position: center center; background-size: cover; background-repeat: no-repeat; } .bg-white { background-color: #ffffff !important; } .bg-dark { background-color: #000000 !important; } .bg-transparent { background-color: transparent !important; } .bg-gray { background-color: #f5f9fa; } .font-bold { font-weight: 700; } .font-light { font-weight: 300; } .bg-overlay { position: relative; z-index: 2; background-position: center center; background-size: cover; } .bg-overlay::after { background-color: rgba(0, 0, 0, 0.65); position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; content: ""; } .bg-fixed { background-attachment: fixed !important; } /* :: 3.7.0 ScrollUp */ #scrollUp { background-color: #000000; border-radius: 0; bottom: 50px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3); color: #ffffff; font-size: 24px; height: 40px; line-height: 40px; right: 50px; text-align: center; width: 40px; -webkit-transition-duration: 500ms; transition-duration: 500ms; box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.15); } @media only screen and (max-width: 767px) { #scrollUp { right: 30px; bottom: 30px; } } #scrollUp:hover { background-color: #fff; color: #232323; } /* :: 3.8.0 oneMusic Button */ .oneMusic-btn { background-color: #fff; -webkit-transition-duration: 500ms; transition-duration: 500ms; position: relative; z-index: 1; display: inline-block; min-width: 212px; height: 49px; color: #000; border: 1px solid #000; border-radius: 0; padding: 0 30px; font-size: 16px; line-height: 47px; font-weight: 700; text-transform: capitalize; } .oneMusic-btn i { margin-left: 5px; } .oneMusic-btn:hover, .oneMusic-btn:focus { font-size: 16px; font-weight: 700; background-color: #000000; color: #fff; } .oneMusic-btn.btn-2 { background-color: #000000; color: #fff; } .oneMusic-btn.btn-2:hover, .oneMusic-btn.btn-2:focus { background-color: #fff; color: #232323; } /* :: 4.0 Header Area CSS */ .header-area { position: absolute; z-index: 1000; width: 100%; top: 20px; left: 0; z-index: 1000; } .header-area .oneMusic-main-menu { position: relative; width: 100%; height: 85px; background-color: transparent; } @media only screen and (max-width: 767px) { .header-area .oneMusic-main-menu { height: 70px; } } .header-area .oneMusic-main-menu .classy-nav-container { background-color: transparent; } .header-area .oneMusic-main-menu .classy-navbar { background-color: transparent; height: 85px; padding: 0; } @media only screen and (max-width: 767px) { .header-area .oneMusic-main-menu .classy-navbar { height: 70px; } } .header-area .oneMusic-main-menu .classy-navbar .classynav ul li a { font-weight: 700; text-transform: capitalize; color: #ffffff; font-size: 16px; } .header-area .oneMusic-main-menu .classy-navbar .classynav ul li a:hover, .header-area .oneMusic-main-menu .classy-navbar .classynav ul li a:focus { color: rgba(255, 255, 255, 0.7); } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .oneMusic-main-menu .classy-navbar .classynav ul li a { background-color: #000000; border-bottom-color: rgba(255, 255, 255, 0.1); } } @media only screen and (max-width: 767px) { .header-area .oneMusic-main-menu .classy-navbar .classynav ul li a { background-color: #000000; border-bottom-color: rgba(255, 255, 255, 0.1); } } .header-area .oneMusic-main-menu .classy-navbar .classynav ul li.megamenu-item>a::after, .header-area .oneMusic-main-menu .classy-navbar .classynav ul li.has-down>a::after { color: #ffffff; } .header-area .oneMusic-main-menu .classy-navbar .classynav ul li.megamenu-item ul li>a::after, .header-area .oneMusic-main-menu .classy-navbar .classynav ul li.has-down ul li>a::after { color: #232323; } @media only screen and (max-width: 767px) { .header-area .oneMusic-main-menu .classy-navbar .classynav ul li.megamenu-item ul li>a::after, .header-area .oneMusic-main-menu .classy-navbar .classynav ul li.has-down ul li>a::after { color: #ffffff; } } .header-area .oneMusic-main-menu .classy-navbar .classynav ul li ul li a { color: #232323; } .header-area .oneMusic-main-menu .classy-navbar .classynav ul li ul li a:hover, .header-area .oneMusic-main-menu .classy-navbar .classynav ul li ul li a:focus { color: #888888; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header-area .oneMusic-main-menu .classy-navbar .classynav ul li ul li a { padding: 0 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .oneMusic-main-menu .classy-navbar .classynav ul li ul li a { color: #ffffff; padding: 0 30px; border-bottom-color: rgba(255, 255, 255, 0.1); } } @media only screen and (max-width: 767px) { .header-area .oneMusic-main-menu .classy-navbar .classynav ul li ul li a { color: #ffffff; padding: 0 30px; border-bottom-color: rgba(255, 255, 255, 0.1) !important; } } .header-area .oneMusic-main-menu .classy-navbar .classynav ul li .dropdown li .dropdown li .dropdown li a { border-bottom: 1px solid rgba(242, 244, 248, 0.7); } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .oneMusic-main-menu .classy-navbar .classynav ul li .dropdown li .dropdown li .dropdown li a { border-bottom-color: rgba(255, 255, 255, 0.1) !important; } } @media only screen and (max-width: 767px) { .header-area .oneMusic-main-menu .classy-navbar .classynav ul li .dropdown li .dropdown li .dropdown li a { border-bottom-color: rgba(255, 255, 255, 0.1) !important; } } .header-area .oneMusic-main-menu .login-register-cart-button { position: relative; z-index: 1; margin-left: 100px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .oneMusic-main-menu .login-register-cart-button { margin-left: 12px; margin-top: 15px; } } @media only screen and (max-width: 767px) { .header-area .oneMusic-main-menu .login-register-cart-button { margin-left: 12px; margin-top: 15px; } } .header-area .oneMusic-main-menu .login-register-cart-button .login-register-btn { position: relative; z-index: 10; } .header-area .oneMusic-main-menu .login-register-cart-button .login-register-btn a { -webkit-transition-duration: 500ms; transition-duration: 500ms; margin-bottom: 0; color: #fff; font-weight: 700; font-size: 16px; cursor: pointer; line-height: 1; } .header-area .oneMusic-main-menu .login-register-cart-button .login-register-btn a:hover, .header-area .oneMusic-main-menu .login-register-cart-button .login-register-btn a:focus { color: rgba(255, 255, 255, 0.7); } .header-area .oneMusic-main-menu .login-register-cart-button .cart-btn { position: relative; z-index: 10; } .header-area .oneMusic-main-menu .login-register-cart-button .cart-btn p { -webkit-transition-duration: 500ms; transition-duration: 500ms; margin-bottom: 0; color: #fff; font-size: 18px; cursor: pointer; line-height: 1; } .header-area .oneMusic-main-menu .login-register-cart-button .cart-btn p:hover, .header-area .oneMusic-main-menu .login-register-cart-button .cart-btn p:focus { color: rgba(255, 255, 255, 0.7); } .header-area .oneMusic-main-menu .login-register-cart-button .cart-btn p .quantity { width: 15px; height: 15px; border: 1px solid #fff; background-color: #232323; color: #fff; display: block; position: absolute; bottom: -5px; left: -10px; z-index: 10; font-size: 9px; font-weight: 400; border-radius: 50%; line-height: 13px; text-align: center; } .header-area .is-sticky .oneMusic-main-menu { position: fixed; width: 100%; height: 85px; top: 0; left: 0; z-index: 9999; background-color: #000000; box-shadow: 0 5px 50px 15px rgba(0, 0, 0, 0.2); } @media only screen and (max-width: 767px) { .header-area .is-sticky .oneMusic-main-menu { height: 70px; } } .classy-navbar .nav-brand { max-width: 130px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .breakpoint-on .classy-navbar .classy-menu { background-color: #000000; } } @media only screen and (max-width: 767px) { .breakpoint-on .classy-navbar .classy-menu { background-color: #000000; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .classynav ul li .megamenu .single-mega.cn-col-4 { padding: 0; } } @media only screen and (max-width: 767px) { .classynav ul li .megamenu .single-mega.cn-col-4 { padding: 0; } } .classycloseIcon .cross-wrap span { background: #ffffff; } /* :: 5.0 Hero Slides Area */ .hero-area, .hero-slides { position: relative; z-index: 1; } .single-hero-slide { width: 100%; height: 950px; position: relative; z-index: 1; padding: 0 30px; overflow: hidden; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-hero-slide { height: 700px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-hero-slide { height: 650px; } } @media only screen and (max-width: 767px) { .single-hero-slide { height: 500px; } } .single-hero-slide::after { position: absolute; width: 100%; height: 100%; z-index: -5; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.35); content: ''; } .single-hero-slide .slide-img { position: absolute; width: 100%; height: 100%; z-index: -10; left: 0; right: 0; top: 0; bottom: 0; } .single-hero-slide .hero-slides-content { display: inline-block; width: 100%; } .single-hero-slide .hero-slides-content h6 { font-size: 18px; color: #fff; letter-spacing: 20px; text-transform: uppercase; margin-bottom: 20px; display: block; } @media only screen and (max-width: 767px) { .single-hero-slide .hero-slides-content h6 { letter-spacing: 5px; } } .single-hero-slide .hero-slides-content h2 { position: relative; z-index: 1; font-size: 60px; color: #ffffff; margin-bottom: 0; font-weight: 400; display: block; text-transform: capitalize; letter-spacing: 30px; overflow: hidden; } .single-hero-slide .hero-slides-content h2 span { position: absolute; top: 0; width: 100%; height: 100%; left: 0; color: rgba(255, 255, 255, 0.15); -webkit-animation: textsonar 6s linear infinite; animation: textsonar 6s linear infinite; } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-hero-slide .hero-slides-content h2 { letter-spacing: 15px; font-size: 42px; } } @media only screen and (max-width: 767px) { .single-hero-slide .hero-slides-content h2 { letter-spacing: 5px; font-size: 30px; } } .single-hero-slide .hero-slides-content .btn { border: 1px solid #fff; background-color: transparent; color: #fff; } .single-hero-slide .hero-slides-content .btn:hover, .single-hero-slide .hero-slides-content .btn:focus { background-color: #fff; color: #000000; } @-webkit-keyframes textsonar { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scaleX(1.15); transform: scaleX(1.15); } 100% { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes textsonar { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scaleX(1.15); transform: scaleX(1.15); } 100% { -webkit-transform: scaleX(1); transform: scaleX(1); } } .single-hero-slide .slide-img { -webkit-animation: slide 12s linear infinite; animation: slide 12s linear infinite; } @-webkit-keyframes slide { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes slide { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } /* :: 6.0 Buy Now Area CSS */ .oneMusic-buy-now-area.has-fluid { padding-left: 4%; padding-right: 4%; position: relative; z-index: 1; } /* :: 7.0 Events Area CSS */ .single-event-area { position: relative; z-index: 1; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .single-event-area img { width: 100%; } .single-event-area .event-text { text-align: center; position: relative; z-index: 1; padding: 30px 15px; background-color: #000; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .single-event-area .event-text h4 { color: #fff; text-transform: uppercase; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .single-event-area .event-text .event-meta-data { position: relative; margin-bottom: 30px; } .single-event-area .event-text .event-meta-data a { -webkit-transition-duration: 500ms; transition-duration: 500ms; position: relative; z-index: 1; color: #fff; font-size: 15px; font-weight: 400; display: inline-block; padding-right: 29px; } .single-event-area .event-text .event-meta-data a:first-child::after { position: absolute; content: '|'; top: 0; right: 12px; z-index: 1; } .single-event-area .event-text .event-meta-data a:last-child { padding-right: 0; } .single-event-area .event-text .see-more-btn { font-size: 11px; color: #fff; text-transform: uppercase; letter-spacing: 10px; border-bottom: 1px solid #fff; padding-left: 0; padding-right: 0; border-radius: 0; } .single-event-area .event-text .see-more-btn:hover, .single-event-area .event-text .see-more-btn:focus { font-weight: 400; } .single-event-area:hover, .single-event-area:focus { box-shadow: 0 5px 80px 0 rgba(0, 0, 0, 0.2); } .single-event-area:hover .event-text, .single-event-area:focus .event-text { background-color: #f5f9fa; } .single-event-area:hover .event-text h4, .single-event-area:hover .event-text .event-meta-data a, .single-event-area:focus .event-text h4, .single-event-area:focus .event-text .event-meta-data a { color: #000000; } .single-event-area:hover .event-text .see-more-btn, .single-event-area:focus .event-text .see-more-btn { border-bottom-color: #000000; color: #000000; } /* :: 8.0 Newsletter Area CSS */ .newsletter-area { position: relative; z-index: 1; border: 1px solid #000000; padding: 45px; } .newsletter-area .newsletter-form { position: relative; z-index: 1; } .newsletter-area .newsletter-form input { width: 100%; height: 40px; font-size: 14px; color: #b3b3b3; font-style: italic; border: none; border-bottom: 1px solid #d6d6d6; margin-bottom: 30px; display: block; } .testimonials-area { position: relative; z-index: 1; padding: 45px; } .testimonials-area .testimonials-slide { position: relative; z-index: 1; } .testimonials-area .testimonials-slide .single-slide p { font-size: 15px; color: #fff; font-style: italic; } .testimonials-area .testimonials-slide .single-slide .testimonial-info { margin-top: 30px; display: block; } .testimonials-area .testimonials-slide .single-slide .testimonial-info .testimonial-thumb { width: 44px; height: 44px; border-radius: 50%; margin-right: 15px; } .testimonials-area .testimonials-slide .single-slide .testimonial-info .testimonial-thumb img { border-radius: 50%; } .testimonials-area .testimonials-slide .single-slide .testimonial-info p { font-style: normal; font-size: 15px; color: #fff; margin-bottom: 0; } /* :: 9.0 Album Catagory Area CSS */ .featured-artist-area { position: relative; z-index: 1; } .featured-artist-content { position: relative; z-index: 1; } @media only screen and (max-width: 767px) { .featured-artist-content { margin-top: 50px; } } .featured-artist-content p { color: #fff; } .browse-by-catagories { position: relative; z-index: 1; } .browse-by-catagories a { display: inline-block; background-color: #f4f4f4; border: 2px solid transparent; padding: 6px 9px; font-size: 15px; color: black; margin-right: 5px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .browse-by-catagories a { padding: 4px 7px; font-size: 14px; margin-right: 4px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .browse-by-catagories a { padding: 4px 7px; font-size: 14px; margin-right: 5px; margin-bottom: 5px; } } @media only screen and (max-width: 767px) { .browse-by-catagories a { padding: 2px 5px; font-size: 13px; margin-right: 5px; color: black; margin-bottom: 5px; } } .browse-by-catagories a:hover, .browse-by-catagories a:focus, .browse-by-catagories a.active { border: 2px solid #000000; } .browse-by-catagories a:first-child { border-color: transparent; color: black; background-color: transparent; } .single-album { position: relative; z-index: 1; color: black; -webkit-transition-duration: 500ms; transition-duration: 500ms; margin-bottom: 30px; } .single-album img { width: 100%; } .single-album .album-info { position: relative; z-index: 1; text-align: center; padding-top: 15px; padding-bottom: 15px; } .single-album .album-info h5 { font-size: 18px; color: #000 !important; margin-bottom: 0; text-transform: uppercase; } .single-album .album-info p { margin-bottom: 0; } .single-album:hover, .single-album:focus { box-shadow: 0 5px 70px 0 rgba(0, 0, 0, 0.15); } .single-album-area { position: relative; z-index: 1; -webkit-transition-duration: 500ms; transition-duration: 500ms; margin-bottom: 30px; } .single-album-area .album-thumb { position: relative; z-index: 1; } .single-album-area .album-thumb .album-price p { position: absolute; top: 15px; left: 15px; background-color: #fff; margin-bottom: 0; line-height: 1; padding: 5px 15px; border-radius: 15px; z-index: 20; } .single-album-area .album-thumb .play-icon a { color: #fff; font-size: 50px; position: absolute; top: 50%; left: 50%; line-height: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .single-album-area img { width: 100%; } .single-album-area .album-info { display: block; position: relative; z-index: 1; padding-top: 15px; padding-bottom: 15px; } .single-album-area .album-info h5 { font-size: 18px; margin-bottom: 0; text-transform: uppercase; } .single-album-area .album-info p { margin-bottom: 0; } .albums-slideshow { position: relative; z-index: 1; } .albums-slideshow .single-album { -webkit-transition-duration: 500ms; transition-duration: 500ms; margin-bottom: 0; border: 1px solid transparent; } .albums-slideshow .single-album:hover, .albums-slideshow .single-album:focus { border: 1px solid #000000; box-shadow: none; background-color: #f5f9fa; } .albums-slideshow .owl-prev, .albums-slideshow .owl-next { -webkit-transition-duration: 500ms; transition-duration: 500ms; background-color: #fff; position: absolute; width: 50px; height: 50px; border: 1px solid #000000; top: 50%; left: -25px; margin-top: -50px; z-index: 50; text-align: center; line-height: 48px; opacity: 0; visibility: hidden; } @media only screen and (max-width: 767px) { .albums-slideshow .owl-prev, .albums-slideshow .owl-next { left: 0; } } .albums-slideshow .owl-prev:hover, .albums-slideshow .owl-prev:focus, .albums-slideshow .owl-next:hover, .albums-slideshow .owl-next:focus { background-color: #000000; color: #fff; } .albums-slideshow .owl-next { left: auto; right: -25px; } @media only screen and (max-width: 767px) { .albums-slideshow .owl-next { right: 0; } } .albums-slideshow:hover .owl-prev, .albums-slideshow:hover .owl-next { opacity: 1; visibility: visible; } /* :: 10.0 Songs Area CSS */ .single-song-area { position: relative; z-index: 1; } .single-song-area .song-thumbnail { position: relative; z-index: 1; -webkit-box-flex: 0; -ms-flex: 0 0 135px; flex: 0 0 135px; max-width: 135px; width: 135px; margin-right: 50px; } .single-song-area .song-thumbnail img { width: 100%; } @media only screen and (max-width: 767px) { .single-song-area .song-thumbnail { margin-right: 0; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } } .single-song-area .song-play-area { position: relative; z-index: 1; -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 185px); flex: 0 0 calc(100% - 185px); max-width: calc(100% - 185px); width: calc(100% - 185px); background-color: #262626; padding: 15px 30px 20px; } @media only screen and (max-width: 767px) { .single-song-area .song-play-area { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } } .single-song-area .song-play-area .song-name p { color: #b8b8b8; margin-bottom: 5px; } .single-song-area .song-play-area .audioplayer { margin: 0; padding: 0; width: 100%; height: auto; align-items: center; border: none; border-radius: 0; background: transparent; } .single-song-area .song-play-area .audioplayer-playing .audioplayer-playpause, .single-song-area .song-play-area .audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover, .single-song-area .song-play-area .audioplayer:not(.audioplayer-playing) .audioplayer-playpause { background: #fff; } .single-song-area .song-play-area .audioplayer-time { font-size: 14px; color: #fff; } .song-play-area { position: relative; z-index: 1; width: 100%; background-color: #262626; padding: 15px 30px 20px; border: 1px solid #363636; } .song-play-area .song-name p { color: #b8b8b8; margin-bottom: 5px; } .song-play-area .audioplayer { margin: 0; padding: 0; width: 100%; height: auto; align-items: center; border: none; border-radius: 0; background: transparent; } .song-play-area .audioplayer-playing .audioplayer-playpause, .song-play-area .audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover, .song-play-area .audioplayer:not(.audioplayer-playing) .audioplayer-playpause { background: #fff; } .song-play-area .audioplayer-time { font-size: 14px; color: #fff; } /* :: 11.0 Miscellaneous Area CSS */ .weeks-top-area { position: relative; z-index: 1; padding: 45px 30px; -webkit-transition-duration: 500ms; transition-duration: 500ms; border: 1px solid transparent; } .weeks-top-area .single-top-item { position: relative; z-index: 1; margin-bottom: 21px; } .weeks-top-area .single-top-item:last-child { margin-bottom: 0; } .weeks-top-area .single-top-item .thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 73px; flex: 0 0 73px; max-width: 73px; width: 73px; margin-right: 20px; } .weeks-top-area .single-top-item .content- h6 { text-transform: uppercase; margin-bottom: 0; } .weeks-top-area .single-top-item .content- p { font-size: 14px; margin-bottom: 0; } .weeks-top-area:hover, .weeks-top-area:focus { background-color: #f5f9fa; border-color: #d8d8d8; } .popular-artists-area { position: relative; z-index: 1; padding: 45px 30px; -webkit-transition-duration: 500ms; transition-duration: 500ms; border: 1px solid #d8d8d8; background-color: #f5f9fa; } .popular-artists-area .single-artists { position: relative; z-index: 1; margin-bottom: 17px; } .popular-artists-area .single-artists:last-child { margin-bottom: 0; } .popular-artists-area .single-artists .thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 63px; flex: 0 0 63px; max-width: 63px; width: 63px; margin-right: 20px; border-radius: 50%; } .popular-artists-area .single-artists .thumbnail img { border-radius: 50%; } .popular-artists-area .single-artists .content- p { font-size: 16px; margin-bottom: 0; } .new-hits-area { position: relative; z-index: 1; padding: 45px 30px; -webkit-transition-duration: 500ms; transition-duration: 500ms; border: 1px solid #d8d8d8; background-color: #f5f9fa; } .new-hits-area .single-new-item { position: relative; z-index: 1; border-bottom: 1px solid #d8d8d8; margin-bottom: 10px; padding-bottom: 10px; } .new-hits-area .single-new-item:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } .new-hits-area .single-new-item .thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 73px; flex: 0 0 73px; max-width: 73px; width: 73px; margin-right: 20px; } .new-hits-area .single-new-item .content- h6 { text-transform: uppercase; margin-bottom: 0; } .new-hits-area .single-new-item .content- p { font-size: 14px; margin-bottom: 0; } .new-hits-area .single-new-item .audioplayer { margin: 0; padding: 0; width: auto; height: auto; border: none; border-radius: 0; background: transparent; } .new-hits-area .single-new-item .audioplayer-playing .audioplayer-playpause, .new-hits-area .single-new-item .audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover, .new-hits-area .single-new-item .audioplayer:not(.audioplayer-playing) .audioplayer-playpause { background: #d6d6d6; } .new-hits-area .single-new-item .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a { border-left: 12px solid #fff; } .new-hits-area .single-new-item .audioplayer-time, .new-hits-area .single-new-item .audioplayer-volume, .new-hits-area .single-new-item .audioplayer-bar { display: none; } /* :: 12.0 Login Area CSS */ .login-content { -webkit-transition-duration: 500ms; transition-duration: 500ms; position: relative; z-index: 1; background-color: #f5f9fa; border: 1px solid #d8d8d8; padding: 50px 100px; box-shadow: 0 2px 70px 0 rgba(0, 0, 0, 0.15); text-align: center; } @media only screen and (max-width: 767px) { .login-content { padding: 50px 30px; } } .login-content h3 { margin-bottom: 30px; } .login-content .form-group { text-align: left; } .login-content .form-control { width: 100%; height: 50px; border: 1px solid #000000; font-size: 12px; font-style: italic; padding: 0 20px; border-radius: 0; } .login-content .form-control:focus { box-shadow: none; } /* :: 13.0 Services Area CSS */ .single-service-area .icon { -webkit-box-flex: 0; -ms-flex: 0 0 78px; flex: 0 0 78px; max-width: 78px; width: 78px; position: relative; z-index: 1; width: 78px; height: 78px; border: 1px solid #000000; text-align: center; } .single-service-area .icon span { line-height: 76px; font-size: 40px; } .single-service-area .text { position: relative; z-index: 1; -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 78px); flex: 0 0 calc(100% - 78px); max-width: calc(100% - 78px); width: calc(100% - 78px); padding-left: 30px; } /* :: 14.0 Footer Area CSS */ .footer-area { position: relative; z-index: 1; background-color: #000000; padding: 30px 0; } @media only screen and (max-width: 767px) { .footer-area { text-align: center; } } .footer-area .copywrite-text { font-size: 12px; margin-bottom: 0; color: rgba(166, 165, 165, 0.54); } .footer-area .copywrite-text a { color: rgba(166, 165, 165, 0.54); font-size: 12px; } .footer-area .copywrite-text a:hover, .footer-area .copywrite-text a:focus { color: #fff; } .footer-area .footer-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media only screen and (max-width: 767px) { .footer-area .footer-nav ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; } } .footer-area .footer-nav li a { color: #898888; font-size: 16px; padding: 0 20px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer-area .footer-nav li a { padding: 0 10px; font-size: 14px; } } @media only screen and (max-width: 767px) { .footer-area .footer-nav li a { padding: 0 10px; font-size: 14px; } } .footer-area .footer-nav li a:hover, .footer-area .footer-nav li a:focus { color: #fff; } .footer-area .footer-nav li:last-child a { padding-right: 0; } /* :: 15.0 Breadcumb Area CSS */ .breadcumb-area { position: relative; z-index: 10; width: 100%; height: 385px; } @media only screen and (max-width: 767px) { .breadcumb-area { height: 270px; } } .breadcumb-area .bradcumbContent { position: absolute; background-color: #fff; width: 552px; bottom: 0; left: 50%; z-index: 100; text-align: center; padding-top: 40px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (max-width: 767px) { .breadcumb-area .bradcumbContent { width: calc(100% - 60px); padding-top: 30px; } } .breadcumb-area .bradcumbContent p { line-height: 1.5; font-size: 16px; color: #5f5f5f; } .breadcumb-area .bradcumbContent h2 { font-size: 30px; letter-spacing: 10px; text-transform: uppercase; line-height: 1; margin-bottom: 0; } @media only screen and (max-width: 767px) { .breadcumb-area .bradcumbContent h2 { font-size: 18px; letter-spacing: 5px; } } /* :: 16.0 Blog Area CSS */ .single-blog-post { position: relative; z-index: 1; } .single-blog-post .blog-post-thumb { position: relative; z-index: 1; } .single-blog-post .blog-post-thumb .post-date { width: 76px; height: 106px; border: 1px solid #000000; text-align: center; background-color: #fff; position: absolute; z-index: 10; top: -30px; left: 30px; padding: 17px 0; } .single-blog-post .blog-post-thumb .post-date span { display: block; font-size: 14px; font-weight: 700; line-height: 1.3; } .single-blog-post .blog-post-thumb .post-date span:first-child { font-size: 36px; } .single-blog-post .blog-content { background-color: #f5f9fa; padding: 45px 40px; border: 1px solid #d8d8d8; } @media only screen and (max-width: 767px) { .single-blog-post .blog-content { padding: 30px 20px; } } .single-blog-post .blog-content .post-title { font-size: 24px; display: block; } @media only screen and (max-width: 767px) { .single-blog-post .blog-content .post-title { font-size: 20px; } } .single-blog-post .blog-content .post-title:hover, .single-blog-post .blog-content .post-title:focus { color: #232323; } .single-blog-post .blog-content .post-meta { position: relative; z-index: 1; margin-bottom: 10px; } .single-blog-post .blog-content .post-meta p { color: #8d8d8d; font-size: 13px; padding-right: 25px; position: relative; z-index: 1; } .single-blog-post .blog-content .post-meta p::after { content: '|'; position: absolute; right: 12px; top: 0; z-index: 5; } .single-blog-post .blog-content .post-meta p:last-child::after { display: none; } .single-blog-post .blog-content .post-meta p a { color: #8d8d8d; font-size: 13px; margin-bottom: 0; font-weight: 400; } .single-blog-post .blog-content .post-meta p a:hover, .single-blog-post .blog-content .post-meta p a:focus { color: #000000; } .single-blog-post .blog-content p { margin-bottom: 0; } .oneMusic-pagination-area .pagination .page-item .page-link { background-color: transparent; display: block; padding: 0; border: 1px solid transparent; color: #5f5f5f; font-size: 15px; font-weight: 400; width: 34px; height: 34px; line-height: 32px; text-align: center; margin-right: 10px; } .oneMusic-pagination-area .pagination .page-item .page-link:hover, .oneMusic-pagination-area .pagination .page-item .page-link:focus { color: #000000; border: 1px solid #000000; } .oneMusic-pagination-area .pagination .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .oneMusic-pagination-area .pagination .page-item:last-child .page-link { border-top-right-radius: 0; border-bottom-right-radius: 0; } .oneMusic-pagination-area .pagination .page-item.active .page-link { color: #000000; border: 1px solid #000000; } .blog-sidebar-area { position: relative; z-index: 1; } @media only screen and (max-width: 767px) { .blog-sidebar-area { margin-top: 100px; } } .single-widget-area { position: relative; z-index: 1; background-color: #f5f9fa; border: 1px solid #d8d8d8; } .single-widget-area img { width: 100%; } .single-widget-area .widget-title { padding: 25px 45px; border-bottom: 1px solid #d8d8d8; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-widget-area .widget-title { padding: 20px 30px; } } .single-widget-area .widget-title h5 { margin-bottom: 0; line-height: 1; } .single-widget-area .widget-content { padding: 25px 45px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-widget-area .widget-content { padding: 20px 30px; } } .single-widget-area .widget-content ul li { margin-bottom: 10px; } .single-widget-area .widget-content ul li a { color: #5f5f5f; font-size: 15px; font-weight: 400; } .single-widget-area .widget-content ul li a:hover, .single-widget-area .widget-content ul li a:focus { color: #000000; } .single-widget-area .widget-content ul li:last-child { margin-bottom: 0; } .single-widget-area .widget-content .tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .single-widget-area .widget-content .tags li { margin-bottom: 0; } .single-widget-area .widget-content .tags li a { display: block; line-height: 28px; font-size: 15px; color: #5f5f5f; height: 30px; background-color: #fff; padding: 0 15px; border: 1px solid #000000; margin: 3px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-widget-area .widget-content .tags li a { padding: 0 10px; } } /* :: 17.0 Skills Area CSS */ .single-skils-area { position: relative; z-index: 1; text-align: center; } .single-skils-area .circle { position: relative; z-index: 10; margin-bottom: 15px; } .single-skils-area .skills-text { position: absolute; top: 50%; left: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .single-skils-area .skills-text span { font-size: 24px; color: #232323; font-weight: 500; } .single-skils-area .skills-text p { font-size: 15px; color: #5f5f5f; line-height: 1; } /* :: 18.0 Contact Area CSS */ .contact-content { position: relative; z-index: 2; } .contact-content .contact-social-info a { display: inline-block; margin-right: 20px; font-size: 14px; color: #000000; } .contact-content .contact-social-info a:hover, .contact-content .contact-social-info a:focus { color: #232323; } .contact-content .single-contact-info { position: relative; margin-bottom: 20px; } .contact-content .single-contact-info:last-child { margin-bottom: 0; } .contact-content .single-contact-info p { font-size: 15px; margin-bottom: 0; } .contact-content .single-contact-info .icon { -webkit-box-flex: 0; -ms-flex: 0 0 35px; flex: 0 0 35px; max-width: 35px; width: 35px; height: 35px; border: 1px solid #000; text-align: center; } .contact-content .single-contact-info .icon span { font-size: 20px; line-height: 33px; } .contact-form-area .form-control { position: relative; z-index: 2; height: 45px; width: 100%; background-color: transparent; font-size: 14px; margin-bottom: 15px; border: none; border-radius: 0; padding: 15px 0; font-style: italic; color: #b3b3b3; border-bottom: 1px solid #000000; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .contact-form-area .form-control:focus { box-shadow: none; border-bottom: 1px solid #000000; } .contact-form-area textarea.form-control { height: 160px; } .has-bg-img { position: relative; z-index: 1; } .has-bg-img .contact-form-area .form-control { color: #fff; border-bottom: 1px solid #fff; } .has-bg-img .contact-form-area .form-control:focus { border-bottom: 1px solid #fff; } .has-bg-img .oneMusic-btn { background-color: transparent; border-color: #fff; color: #fff; } .has-bg-img .oneMusic-btn:hover, .has-bg-img .oneMusic-btn:focus { background-color: #fff; color: #000000; } .map-area { position: relative; z-index: 2; } .map-area iframe { width: 100%; height: 385px; border: none; margin-bottom: 0; } @media only screen and (max-width: 767px) { .map-area iframe { height: 300px; } } /* :: 19.0 Elements Area CSS */ .elements-title { position: relative; z-index: 1; } .elements-title h2 { font-size: 24px; } /* :: 20.1.0 Single Cool Facts CSS */ .single-cool-fact { position: relative; z-index: 1; } .single-cool-fact .scf-text h2 { font-size: 48px; margin-bottom: 0; color: #232323; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-cool-fact .scf-text h2 { font-size: 48px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-cool-fact .scf-text h2 { font-size: 36px; } } @media only screen and (max-width: 767px) { .single-cool-fact .scf-text h2 { font-size: 30px; } } .single-cool-fact .scf-text p { font-size: 15px; margin-bottom: 0; color: #5f5f5f; line-height: 1; } /* :: 20.2.0 Accordians Area CSS */ .single-accordion.panel { background-color: #ffffff; border: 0 solid transparent; border-radius: 4px; box-shadow: 0 0 0 transparent; margin-bottom: 15px; } .single-accordion:last-of-type { margin-bottom: 0; } .single-accordion h6 { margin-bottom: 0; } .single-accordion h6 a { background-color: #000000; border-radius: 0; color: #ffffff; display: block; margin: 0; padding: 20px 70px 20px 30px; position: relative; font-size: 14px; text-transform: capitalize; border: 1px solid #000000; } .single-accordion h6 a span { background: transparent; -webkit-transition-duration: 500ms; transition-duration: 500ms; font-size: 10px; position: absolute; right: 0; text-align: center; top: 0; width: 58px; height: 100%; color: #ffffff; line-height: 58px; } .single-accordion h6 a span.accor-open { opacity: 0; } .single-accordion h6 a.collapsed { -webkit-transition-duration: 500ms; transition-duration: 500ms; background-color: transparent; color: #232323; } .single-accordion h6 a.collapsed span { color: #000000; } .single-accordion h6 a.collapsed span.accor-close { opacity: 0; } .single-accordion h6 a.collapsed span.accor-open { opacity: 1; } .single-accordion .accordion-content { border-top: 0 solid transparent; box-shadow: none; } .single-accordion .accordion-content p { padding: 20px 15px 5px; margin-bottom: 0; } /* :: 20.3.0 Tabs Area CSS */ .oneMusic-tabs-content { position: relative; z-index: 1; } .oneMusic-tabs-content .nav-tabs { border-bottom: none; margin-bottom: 15px; } .oneMusic-tabs-content .nav-tabs .nav-link { background-color: transparent; border: 1px solid #000000; padding: 0 30px; height: 58px; line-height: 58px; color: #232323; margin: 0 2px; border-radius: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .oneMusic-tabs-content .nav-tabs .nav-link { padding: 0 15px; } } @media only screen and (max-width: 767px) { .oneMusic-tabs-content .nav-tabs .nav-link { padding: 0 15px; font-size: 12px; margin-bottom: 5px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .oneMusic-tabs-content .nav-tabs .nav-link { padding: 0 15px; } } .oneMusic-tabs-content .nav-tabs .nav-link.active { background-color: #000000; color: #ffffff; } .oneMusic-tabs-content .oneMusic-tab-text { position: relative; z-index: 1; padding-top: 10px; } .oneMusic-tabs-content .oneMusic-tab-text p { margin-bottom: 0; } .oneMusic-tabs-content .tab-content h6 { font-size: 18px; } .single-web-icon { position: relative; z-index: 1; background-color: #f5f9fa; text-align: center; padding: 30px 10px; border: 1px solid #b8b8b8; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .single-web-icon i { display: block; font-size: 50px; margin-bottom: 15px; } .single-web-icon span { font-size: 16px; } .single-web-icon:hover { box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.15); } .imgclass { width: 100%; min-height: 250px; } .main { padding: 4px 0; } .col-md-3 { margin-bottom: 40px; } .album-poster { position: relative; display: block; border-radius: 7px; overflow: hidden; transition: all ease 0.4s; } .album-poster:hover { box-shadow: none; transform: scale(0.98) translateY(5px); } /*default is hide music player*/ #aplayer { position: fixed; bottom: -100%; left: 0; width: 100%; margin: 0; box-shadow: 0 -2px 2px #dadada; background-color: #fff; transition: all ease 0.5s; } #aplayer.showPlayer { bottom: 0; } .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded { background: #e0e0e0; height: 4px; } .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played { height: 4px; background-color: #2196F3 !important; } .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb { background-color: #2196F3 !important; } .aplayer .aplayer-icon { width: 20px; height: 20px; } .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path { fill: #000; } .aplayer .aplayer-info .aplayer-music { margin-bottom: 5px; } @media only screen and (max-width:750px) { [responsive~="750-reset-background"] { background-color: initial; } } .entry .more:after, .entry .more:before, .section-secondary .cc:after, .section-secondary .cc:before, .section-secondary:after, .section-secondary:before { content: " :"; display: table; } .entry .more:after, .section-secondary .cc:after, .section-secondary:after { clear: both; } .section-header .select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } #p-year-in-review header, .entity_visual .avatar { background-size: cover; background-position: center center; } .player_background_img { -webkit-filter: blur(60px); filter: blur(60px); filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='60'); } .entry .feature .background:before, .hero-mobile_cover:after, .p-welcome .main .bg:before, .player_background:after, .post_entity:before, .tile_body:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .16; filter: alpha(opacity=16); background-color: #000; content: ""; z-index: 1; } #skeleton-notifications-followers, #skeleton-notifications-generic, #skeleton-overlay, #skeleton-player-full { position: fixed; max-width: 100%; right: 0; overflow-x: hidden; } .dispatcher .link-wrap:active, .dispatcher .link-wrap:hover, .form-search_suggestions a:active, .form-search_suggestions a:hover { background-color: #f0f0f0; } #skeleton-overlay, #skeleton-player-full { height: 100%; top: 0; left: 0; overflow-y: scroll; } .entry .type .text:focus, .form-control:focus { border-color: rgba(255, 31, 89, .7); outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 31, 89, .3); } .avatar, .entity_visual, .hero-cover { position: relative; width: 100%; /*border-radius: 10px;*/ padding-bottom: 100% } .avatar>div, .entity.entity--artist .entity_visual, .entity.entity--user .entity_visual, .entity_visual .avatar { width: 100%; height: 100%; border-radius: 100% } .range .thumb-path>div, .tile_body_content { display: table; width: 100%; height: 100% } #o-download .informational, #p-year-in-review header .body>div, .app-bar_wrap, .btn-social, .entity-overlay, .entity-secondary-menu .layout, .entity_information, .entry, .entry .expand-replies, .hero-plain_structure, .notifications .notification, .notifications .notification-target, .overlay-bar, .player-mini, .section-header, .section-tertiary, .track, .track .link-wrap>div { display: table; width: 100% } .edit-image-thumb-layer>div, .form-search { display: table; width: 100%; height: 100% } #o-download .informational>div, .app-bar_wrap>*, .dispatcher .icon, .dispatcher_body, .entity-overlay_body, .entity-secondary-menu .layout_body, .entity_information>div:first-child, .entry .expand-replies>div, .entry .feature .cover, .form-search_suggestions_statistic, .form-search_suggestions_text, .notifications .notification-target>div, .notifications .notification>div, .overlay-bar>*, .player-mini>*, .section-header_left, .section-header_mono, .section-header_right, .track .link-wrap, .track.track--playlist-deleted>*, .track_actions, .track_chart-position, .track_duration, .track_information, .track_tags { display: table-cell; vertical-align: middle; } .entry .feature .information, .hero-plain_structure>div { display: table-cell; vertical-align: bottom; } .entry .type>div, .entry>div { display: table-cell; vertical-align: top; } #p-year-in-review header .body>div>div, .btn-social>div, .edit-image-thumb-layer>div>div, .form-search_input, .form-search_left, .form-search_right, .p-welcome .licensing_content, .p-welcome .licensing_logo, .p-welcome .main .content, .tile_body_content_descriptive, .tile_body_content_standalone-title, .track.track--playlist-edition .track_handle { display: table-cell; text-align: center; vertical-align: middle; } .entity-overlay_body, .entity-secondary-menu .layout_body, .entity_information>div:first-child, .entry .feature .information, .overlay-bar_information, .player-mini_track_information>:first-child, .track_information { width: 100%; max-width: 50px; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: auto; margin-right: auto; color: inherit; } #p-year-in-review header .body, .edit-image-thumb-layer, .edit-image-thumb-layer:before, .entity_visual .avatar, .entity_visual .playlist-cover-grid, .entity_visual>div, .entry .feature .background, .entry .feature .content, .hero-cover>div, .hero-desktop_cover, .hero-desktop_wrap, .hero-mobile_cover>div, .p-welcome .main .bg, .post_entity:before, .post_entity>:first-child, .post_entity>:last-child, .range .thumb-path, .tile_body:before, .tile_body>:first-child, .tile_body>:last-child { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .avatar>div, .pivot-bar ul, .player-mini_volume_layer, .post .quick-play, .social-links li .icon, .track_play img { position: absolute; top: 0; left: 0; } .player_progress_current { position: absolute; bottom: 0; left: 0; } .licensing-img-insert-desktop>div, .p-welcome .licensing { position: absolute; top: 0; right: 0; } .player_progress_running { position: absolute; bottom: 0; right: 0; } .pivot-bar li.is-active a:before, .pivot-bar:before { position: absolute; bottom: 0; right: 0; left: 0; } .btn-action:after { position: absolute; bottom: 0; right: 0; left: 0; top: 0; } .btn-icon.is-active:after, .loader>div { position: absolute; left: 50%; top: 50% } #skeleton-content-veil { position: fixed; height: 100%; top: 0; left: 0; right: 0; } #skeleton-bar-new, #skeleton-bars { top: 0; right: 0; left: 0; } #skeleton-content-messages, #skeleton-player-mini, #skeleton-secondary-menu-mobile, #skeleton-toast { position: fixed; right: 0; bottom: 0; left: 0; } .btn-like .icon, .btn-like span { display: inline-block; vertical-align: middle; } .pivot-bar li { display: inline-block; vertical-align: top; } .player-mini_volume_layer { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .player-mini .player-volume_mute { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .app-bar .avatar-button, .app-bar-new .avatar-button, .app-bar-new2 .avatar-button, .btn, .btn-fixed_btn, .btn-icon, .btn-like, .btn-link, .btn-pill, .btn-secondary-menu, .btn-social, .btn-store, .btn-tag, .highlighted, .list-entity-overlay button, a.link-action:link { position: relative; display: inline-block; vertical-align: top; text-align: center; text-decoration: none; z-index: 0; } .app-bar .avatar-button:hover, .app-bar-new .avatar-button:hover, .app-bar-new2 .avatar-button:hover, .btn-fixed_btn:hover, .btn-icon:hover, .btn-like:hover, .btn-link:hover, .btn-pill:hover, .btn-secondary-menu:hover, .btn-social:hover, .btn-store:hover, .btn-tag:hover, .btn:hover, .highlighted:hover, .list-entity-overlay button:hover, a.link-action:hover:link { cursor: pointer; } .entity-overlay_cover_img, .entity-secondary-menu .layout_cover_img, .entity_visual_image, .entry .feature .cover>div img, .hero-desktop_cover img, .player-mini_cover img, .player_background_img, .playlist-cover-grid>li img, .post_entity>:first-child img, .row--list-image img, .tile_body>:first-child img, .track_play img { width: 100%; height: auto; } .avatar img, .entity_visual_image.entity_visual_image--avatar, .entry .avatar img { width: 100%; height: auto; border-radius: 100% } .post_entity_background.post_entity_background--fitted img { max-width: 100%; min-height: 100%; width: auto; } .entity .btn-pill, .tile .button-icon-round--play { position: absolute; z-index: 2; } .logo.logo--dark { fill: #262626; } .hero-entity-description, .player_entity-information>*, .post_entity_content>div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tile_body_content_descriptive_title, .tile_body_content_standalone-title { -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .track.track--playlist-edition, .unselectable-text { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #skeleton-player-mini, .chosen-container { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .tile_body_content_descriptive, .tile_body_content_standalone-title { color: #FFF; font-size: 14px; font-size: 1rem; font-family: futurademi, Arial, sans-serif; -webkit-text-shadow: 0 1px 8px #000; -moz-text-shadow: 0 1px 8px #000; -ms-text-shadow: 0 1px 8px #000; -o-text-shadow: 0 1px 8px #000; text-shadow: 0 1px 8px #000; } .list-link.list-link--small a, a.small, p.small { font-size: 12px; font-size: .85714rem; } p.xsmall { font-size: .78571rem; } .dispatcher_body_title, .section-header .select select, .section-header h1, legend { font-size: 11px; font-size: .78571rem; letter-spacing: 1px; line-height: 1.3636; text-transform: uppercase; } .entity-overlay_body_title, .entity-secondary-menu .layout_body_title, .entity_information_title { margin-bottom: .42857rem; text-transform: capitalize; font-weight: 600; font-family: futurabook, Arial, sans-serif; } .entity-overlay_body_title, .entity-secondary-menu .layout_body_title { font-size: 13px; font-size: .92857rem; } .entity_information_title { font-size: 12px; font-size: .85714rem; } .player-mini_track_information_play_source a, .player-mini_track_information_title, .track_information_title { font-size: 13px; font-size: .92857rem; margin-bottom: .28571rem; font-family: futurabook, Arial, sans-serif; font-weight: 600; } .entity-overlay_body_secondary, .entity-secondary-menu .layout_body_secondary, .entity_information_secondary, .track_information_artist { font-size: 10px; font-size: .71429rem; font-family: futurabook, Arial, sans-serif; text-transform: uppercase; } #p-jobs .no-positions, #p-jobs .positions .location, #p-jobs .positions .type, .btn-icon .notification-count, .btn-like, .section-secondary .stats { font-size: 9px; font-size: .64286rem; } .btn-tag, .entry .expand-replies, .entry .info .date, .entry .type .remaining-chars, .p-welcome .licensing, .player-mini_track_duration, .post_entity_content_tag, .track_tags { font-size: 10px; font-size: .71429rem; } .btn, .btn-fixed_btn, .btn-pill.btn--hybrid span, .btn-social>div:last-child, .highlighted, a.link-action:link { font-size: 10px; font-size: .71429rem; font-family: futurabold, Arial, sans-serif; } #p-legal .clauses p, .author, .dispatcher_body_description, .edit-image-cover a span, .edit-image-thumb-layer .text, .help-block, .post_body p, .tile_body_content_descriptive_description, .toasts p, .track_duration { font-size: 11px; font-size: .78571rem; } #p-legal .clauses li li, .author a, .beta-badge, .post_body p a { font-size: 11px; font-size: .78571rem; font-family: futurabold, Arial, sans-serif; } #p-creative-commons .conditions li, #p-privacy-policy, #p-terms-of-use, #p-year-in-review .entity p, .app-bar .avatar-button_username, .app-bar .user-menu a, .app-bar-new .avatar-button_username, .app-bar-new .user-menu a, .app-bar-new2 .avatar-button_username, .app-bar-new2 .user-menu a, .btn-link, .entry .source, .entry .type .text, .form-search input, .form-search_suggestions_statistic, .messages_message_text, .notifications .notification-target, .pivot-bar a, .player-mini_track_information_play_source, .player-mini_track_information_text-by, .player_progress_current, .player_progress_running, .section-secondary .date, .section-secondary .stats .count, .social-links li, .t-static .bullet-list, .t-static .company-information, .track.track--playlist-deleted>div:nth-child(2), p.small { font-size: 12px; font-size: .85714rem; font-family: futurabook, Arial, sans-serif; } #p-legal .clauses li, #p-year-in-review .entity_for, .btn-action, .empty-message, .form-group .as-label, .form-group label:not(.radio-inline), .form-inline .as-label, .form-inline label:not(.radio-inline), .notifications .notification-target span { font-size: 12px; font-size: .85714rem; font-family: futurabold, Arial, sans-serif; } .btn-secondary-menu, .section-tertiary { font-size: 13px; font-size: .92857rem; font-family: futurabook, Arial, sans-serif; } .entry .text .title, .section-tertiary .heading { font-size: 14px; font-size: 1rem; font-family: futurademi, Arial, sans-serif; } a.a--search { font-size: 18px; font-size: 1.28571rem; font-family: futurabold, Arial, sans-serif; } a.a--search span:first-child { font-size: 24px; font-size: 1.71429rem; font-family: futurademi, Arial, sans-serif; } .overlay-bar_information_prefix { font-size: 9px; font-size: .64286rem; font-family: futurabook, Arial, sans-serif; } .entry .feature .author, .navigation .language select, .navigation .primary .btn--brand, .navigation .primary .btn--lightgrey-brand, .navigation .secondary, .player_entity-information_author { font-size: 10px; font-size: .71429rem; font-family: futurabook, Arial, sans-serif; } .player-mini_track_information_artist { font-size: 11px; font-size: .78571rem; font-family: futurabook, Arial, sans-serif; } .navigation .primary .primary-title>span, .navigation .primary a, .post_entity_content_author, .post_entity_content_name>span { font-size: 12px; font-size: .85714rem; font-family: futurabook, Arial, sans-serif; } .overlay-bar_information_title { font-size: 12px; font-size: .85714rem; font-family: futurabold, Arial, sans-serif; } .entry .feature .title, .player_entity-information_title { font-size: 13px; font-size: .92857rem; font-family: futurabook, Arial, sans-serif; } .post_entity_content_name { font-size: 14px; font-size: 1rem; font-family: futurabold, Arial, sans-serif; } #p-year-in-review .entity_attr { font-size: 10px; font-size: .71429rem; font-family: futurabook, Arial, sans-serif; } #p-year-in-review .entity_month, #p-year-in-review .jump-to span, .p-welcome .main .content .button, .redirection-container .licensing-redirect .content .cta-catalog, .redirection-container .licensing-redirect .content .cta-in-store, .redirection-container .music-redirect .content .cta-music, .redirection-container-one-image .licensing-redirect .content .cta-catalog, .redirection-container-one-image .licensing-redirect .content .cta-in-store, .redirection-container-one-image .music-redirect .content .cta-music { font-size: 14px; font-size: 1rem; font-family: futurabook, Arial, sans-serif; } #p-year-in-review .entity_title span { font-size: 16px; font-size: 1.14286rem; font-family: futurabold, Arial, sans-serif; } #p-year-in-review .jump-to, #p-year-in-review h2 { font-size: 18px; font-size: 1.28571rem; font-family: futurabook, Arial, sans-serif; } #p-year-in-review .entity_title, .redirection-container-one-image .licensing-redirect .content .cta-link .cta-free-trial, .redirection-container-one-image .licensing-redirect .content .cta-link a, .redirection-container-one-image .music-redirect .content .cta-music { font-size: 18px; font-size: 1.28571rem; font-family: futurabold, Arial, sans-serif; } #p-year-in-review header h1 { font-size: 24px; font-size: 1.71429rem; font-family: futurabook, Arial, sans-serif; } .p-welcome .main .content .heading { font-size: 24px; font-size: 1.71429rem; font-family: futurabold, Arial, sans-serif; } .social-links .web a:link { color: #4d4d4d; } .social-links .web a:hover, .social-links .web a:visited { color: #272727; } .social-links .facebook a, .social-links .facebook a:link { color: #5f78ab; } .social-links .facebook a:hover, .social-links .facebook a:visited { color: #41557c; } .social-links .twitter a:link { color: #4099FF; } .social-links .twitter a:hover, .social-links .twitter a:visited { color: #0071f3; } .social-links .google a:link { color: #dd4b39; } .social-links .google a:hover, .social-links .google a:visited { color: #ac2d1e; } .social-links .apple a:hover, .social-links .apple a:link, .social-links .apple a:visited { color: #000; } .entry .feature .background>div, .post_entity_background>div { width: 100%; top: 50%; margin: auto 0; position: absolute; bottom: 50% } .entry .feature .background>div>div, .post_entity_background>div>div { width: 100%; top: -1000px; margin: auto 0; position: absolute; bottom: -1000px; display: block; } .entry .feature .background>div>div>div, .post_entity_background>div>div>div { display: table; width: 100%; height: 100% } .entry .feature .background>div>div>div>div, .post_entity_background>div>div>div>div { display: table-cell; vertical-align: middle; } .entry .feature .background>div img, .post_entity_background>div img { width: 100%; height: auto!important; display: block; } #p-jobs .positions>li, .dispatcher>li, .form-search_suggestions>li, .list-secondary-menu>li, .list-track>li { border-bottom: 1px solid #d1d1d1; } #p-jobs .positions>li:last-child, .dispatcher>li:last-child, .form-search_suggestions>li:last-child, .list-secondary-menu>li:last-child, .list-track>li:last-child { border-bottom: none; } .entry .actions .thumbs, .list-button-icon-fat { font-size: 0; display: inline-block; } .entry .actions .thumbs>li, .list-button-icon-fat>li { display: inline-block; } .entry .actions .thumbs>li { border-right: 1px solid #d1d1d1; } .entry .actions .thumbs>li:last-child { border-right: none; } .list-link>li { display: block; } .hero-entity-description .tags>li, .list-link-inline>li { display: inline; } .hero-entity-description .tags>li:after, .list-link-inline>li:after { content: ", " } .hero-entity-description .tags>li:last-child:after, .list-link-inline>li:last-child:after { content: "" } .post_entity, .tile_body { position: relative; padding-bottom: 100%; z-index: auto; } #skeleton-overlay, #skeleton-player-full, #skeleton-player-mini { padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); } .post_entity:before, .post_entity>:first-child, .post_entity>:last-child, .tile_body:before, .tile_body>:first-child, .tile_body>:last-child { display: block; } .post_entity>:last-child:not(:first-child), .post_entity>:only-child, .tile_body>:last-child:not(:first-child), .tile_body>:only-child { z-index: 2; } #skeleton-navigation { position: fixed; display: block; height: 100%; top: 0; bottom: 0; left: -300px; width: 300px; -webkit-overflow-scrolling: touch; overflow-x: hidden; z-index: 30; transition: left .15s linear; } #skeleton-navigation.is-visible { left: 0; height: 100%; background-color: #262626; } #skeleton-bar-new, #skeleton-bars { background-color: #e8e8e8; z-index: 10; } #skeleton-topbar-and-content { padding-left: 0; } #skeleton-bars { height: 48px; position: static; } #skeleton-bars.fixfixed { position: absolute; } #skeleton-bar-new { height: auto; position: fixed; padding-left: 0; padding-right: 16px; } #skeleton-bar-new.fixfixed { position: absolute; } #skeleton-bar-new.sticky { position: -webkit-sticky; position: sticky; top: 0; } #skeleton-content-messages { z-index: 10; } #skeleton-content-wrap { z-index: 0; padding: env(safe-area-inset-top) env(safe-area-inset-right) calc(env(safe-area-inset-bottom)+72px) env(safe-area-inset-left); } #skeleton-content-wrap>.container-fluid.no-query>.licensing-links, #skeleton-content-wrap>.container-fluid.no-query>.results-container, #skeleton-content-wrap>.container-fluid>.redirection-container-one-image { display: none; } #skeleton-content-wrap>.container-fluid.no-query>.redirection-container-one-image { display: block; } #skeleton-player-mini { bottom: -50px; visibility: hidden; z-index: 10; transition: all .3s linear; user-select: none; } #skeleton-player-mini.is-visible { visibility: visible; bottom: 0; } #skeleton-player-full { overflow: hidden; top: 100%; visibility: hidden; z-index: 40; transition: all .15s linear; } #skeleton-player-full.is-visible { visibility: visible; top: 0; } #skeleton-overlay { visibility: hidden; z-index: 50; background-color: #fff; overflow-y: auto; overflow-x: hidden; } #skeleton-overlay .overlay-content { padding: env(safe-area-inset-top) env(safe-area-inset-right) calc(env(safe-area-inset-bottom)+96px) env(safe-area-inset-left); } #skeleton-overlay .overlay-skip { text-align: right; } #skeleton-overlay.is-visible { visibility: visible; } #skeleton-notifications-followers, #skeleton-notifications-generic { width: 450px; height: auto; visibility: hidden; z-index: 45; overflow: visible; top: 48px; left: initial; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; background-color: #FFF; box-shadow: 0 3px 10px -2px rgba(0, 0, 0, .6); } #skeleton-notifications-followers.is-visible, #skeleton-notifications-generic.is-visible { visibility: visible; } #skeleton-notifications-followers.empty .notifications, #skeleton-notifications-generic.empty .notifications { display: none; } #skeleton-notifications-followers.empty .empty-message, #skeleton-notifications-generic.empty .empty-message { display: block; } #skeleton-toast { bottom: 96px; opacity: 0; filter: alpha(opacity=0); visibility: hidden; z-index: 60; transition: all .15s linear; } #skeleton-toast.is-visible { visibility: visible; opacity: 1; filter: alpha(opacity=100); } #skeleton-content-veil { opacity: 0; filter: alpha(opacity=0); background-color: #000; visibility: hidden; z-index: 20; } #skeleton-content-veil.is-visible { visibility: visible; opacity: .95; filter: alpha(opacity=95); } #skeleton-content-veil, #skeleton-secondary-menu-mobile { transition: all .15s linear; padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); } #skeleton-secondary-menu-mobile { bottom: -100%; visibility: hidden; z-index: 21; background-color: #FFF; } #skeleton-secondary-menu-mobile.is-visible { visibility: visible; bottom: 0; } @media only screen and (min-width:993px) { #skeleton-navigation { left: 0; width: 180px; } #skeleton-topbar-and-content { padding-left: 180px; } #skeleton-bar-new, #skeleton-bars { padding-left: 0; position: static; } #skeleton-bar-new>.container-fluid, #skeleton-bars>.container-fluid { padding-right: 32px; } #skeleton-content-messages { left: 180px; } #skeleton-content-wrap { position: static; } @media only screen and (min-width: 993px) { #skeleton-content-wrap>.container-fluid { padding: 10px 0px 10px 44px; } } #skeleton-content-wrap>.container-fluid.no-query { padding: 0; } #skeleton-content-wrap>.container-fluid.no-query .licensing-links, #skeleton-content-wrap>.container-fluid.no-query .results-container { display: none; } #skeleton-content-wrap>.container-fluid.no-query>.redirection-container-one-image { display: -webkit-box; display: -ms-flexbox; display: flex; } #skeleton-player-mini { visibility: visible; bottom: 0; padding-left: 180px; } } @media only screen and (max-width:768px) { #skeleton-notifications-followers, #skeleton-notifications-generic { width: 100%; left: 0!important; margin-right: 0!important; position: fixed; height: calc(100vh - 48px); } #skeleton-notifications-followers.empty, #skeleton-notifications-generic.empty { height: auto; } } html.has-player #skeleton-content-wrap { padding-bottom: 120px; } html.has-player #skeleton-content-messages { bottom: 48px; } html.noscroll { overflow: hidden; } .pivot { position: relative; width: 100% } .pivot .page { position: absolute; display: none; width: 100%; top: 0; left: 100% } .pivot .page.is-current { position: relative; display: block; left: 0; } body { height: 100% } .col-community-left, .col-community-right { padding-top: 32px; } @media only screen and (min-width:992px) { body .is-mini-player #skeleton-notifications-followers, body .is-mini-player #skeleton-notifications-generic { bottom: 50px; } .l-form-2-col-md>div:first-child { padding-right: 24px; } .l-form-2-col-md>div:last-child { padding-left: 24px; } .col-community-left { padding-right: 24px; border-right: 1px solid #d1d1d1; } .col-community-right { padding-left: 24px; border-left: 1px solid #d1d1d1; left: -1px; } } .container, .container-fluid { padding-left: 16px; padding-right: 16px; clear: both; } .container-fluid>.no-padding-x, .container>.no-padding-x { margin-left: -16px; margin-right: -16px; } @media only screen and (min-width:1334px) { .container.mod { margin-left: 0; padding-left: 32px; padding-right: 32px; width: auto; max-width: 1500px; } } .row--list-grid { margin: -8px; } .row--list-grid>[class*=col-] { padding: .57143rem; } .container-wrap-emphasize { background-color: #f0f0f0; padding-bottom: 48px; } @media only screen and (min-width:1334px) { .col-wide-gap { padding-right: 48px; } } @media only screen and (min-width:1646px) { .col-xl-force-8-split { width: 12.5% } } @media only screen and (max-width:992px) { .container { padding: 48px 0 72px; } } .form-group .as-label, .form-group label:not(.radio-inline), .form-inline .as-label, .form-inline label:not(.radio-inline) { line-height: 2; } .help-block { color: #999; } .help-block:empty { margin: 0; } .form-group-submit, fieldset { margin-top: 2.28571rem; } legend { margin-bottom: 1.14286rem; } .icon.form-control-feedback { position: absolute; width: 34px; height: 34px; line-height: 34px; font-size: 12px; } .form-control-inline { min-width: 0; width: auto; display: inline-block; } .croppie-container .cr-original-image, .form-global-error:empty { display: none; } .form-group-submit { padding-top: .57143rem; text-align: right; } .form-global-error { color: #FFF; font-size: 12px; padding: 8px 12px; margin-top: 32px; background-color: #cc2929; } form hr { margin: 24px 0; } .croppie-container { width: 100%; height: 100% } .croppie-container .cr-image { z-index: -1; position: absolute; top: 0; left: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; max-height: none; max-width: none; } .croppie-container .cr-boundary { position: relative; overflow: hidden; margin: 0 auto; z-index: 1; width: 100%; height: 100%; background-color: #f0f0f0; } .croppie-container .cr-viewport { position: absolute; border: 2px solid #fff; margin: auto; top: 0; bottom: 0; right: 0; left: 0; box-shadow: 0 0 2000px 2000px rgba(255, 255, 255, .9); z-index: 0; } .croppie-container .cr-vp-circle { border-radius: 50% } .croppie-container .cr-overlay { z-index: 1; position: absolute; cursor: move; } .croppie-container .cr-slider-wrap { text-align: center; } .croppie-result { position: relative; overflow: hidden; } .croppie-result img { position: absolute; } .croppie-container .cr-image, .croppie-container .cr-overlay, .croppie-container .cr-viewport { -webkit-transform: translateZ(0); transform: translateZ(0); } .cr-slider { -webkit-appearance: none; width: 300px; max-width: 100% } .cr-slider::-webkit-slider-runnable-track { width: 100%; height: 3px; background: rgba(0, 0, 0, .5); border: 0; border-radius: 3px; } .cr-slider::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top: -6px; } .cr-slider:focus { outline: 0; } .cr-slider::-moz-range-track { width: 100%; height: 3px; background: rgba(0, 0, 0, .5); border: 0; border-radius: 3px; } .cr-slider::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top: -6px; } .cr-slider:-moz-focusring { outline: #fff solid 1px; outline-offset: -1px; } .form-search input:focus, .section-header .select:focus { outline-width: 0; } .cr-slider::-ms-track { width: 100%; height: 5px; background: 0 0; border-color: transparent; border-width: 6px 0; color: transparent; } .cr-slider::-ms-fill-lower { background: rgba(0, 0, 0, .5); border-radius: 10px; } .cr-slider::-ms-fill-upper { background: rgba(0, 0, 0, .5); border-radius: 10px; } .cr-slider::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top: 1px; } .cr-slider:focus::-ms-fill-lower { background: rgba(0, 0, 0, .5); } .cr-slider:focus::-ms-fill-upper { background: rgba(0, 0, 0, .5); } .cr-rotate-controls { position: absolute; bottom: 5px; left: 5px; z-index: 1; } .cr-rotate-controls button { border: 0; background: 0 0; } .cr-rotate-controls i:before { display: inline-block; font-style: normal; font-weight: 900; font-size: 22px; } .cr-rotate-l i:before { content: '↺' } .cr-rotate-r i:before { content: '↻' } /*! Chosen, a Select Box Enhancer for jQuery and Prototype by Patrick Filler for Harvest, http://getharvest.com Version 1.6.2 Full source at https://github.com/harvesthq/chosen Copyright (c) 2011-2016 Harvest http://getharvest.com MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md This file is generated by `grunt build`, do not edit it by hand. */ .chosen-container { position: relative; display: inline-block; vertical-align: middle; user-select: none; } .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; width: 100%; background: #fff; } .chosen-container.chosen-with-drop .chosen-drop { left: 0; } .chosen-container a { cursor: pointer; } .chosen-container .chosen-single .group-name, .chosen-container .search-choice .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 400; color: #999; } .chosen-container .chosen-single .group-name:after, .chosen-container .search-choice .group-name:after { content: ":"; padding-left: 2px; vertical-align: top; } .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; border: 1px solid #aaa; background-color: #fff; background-clip: padding-box; color: #444; text-decoration: none; white-space: nowrap; } .chosen-container-single .chosen-default { color: #999; } .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; font-size: 1px; } .chosen-container-single .chosen-single abbr:hover, .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; height: 100% } .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100% } .chosen-container-single .chosen-search { z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; } .chosen-container-single .chosen-search input[type=text] { margin: 1px 0; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; } .chosen-container .chosen-results { color: #444; position: relative; overflow-x: hidden; overflow-y: auto; max-height: 240px; -webkit-overflow-scrolling: touch; } .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; word-wrap: break-word; -webkit-touch-callout: none; } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } .chosen-container .chosen-results li.highlighted { color: #fff; } .chosen-container .chosen-results li.no-results { color: #777; display: list-item; background: #f4f4f4; } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: 700; cursor: default; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } .chosen-container .chosen-choices { position: relative; overflow: hidden; margin: 0; padding: 0 5px; width: 100%; height: auto; border: 1px solid #aaa; background-color: #fff; background-image: linear-gradient(#eee 1%, #fff 15%); cursor: text; } .chosen-container .chosen-choices li { float: left; list-style: none; } .chosen-container .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } .chosen-container .chosen-choices li.search-field input[type=text] { padding: 0; outline: 0; border: 0!important; background: 0 0!important; box-shadow: none; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container .chosen-choices li.search-choice { position: relative; margin: 3px 5px 3px 0; background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; cursor: default; } .chosen-container .chosen-choices li.search-choice span { word-wrap: break-word; } .chosen-container .chosen-choices li.search-choice .search-choice-close { position: absolute; display: block; } .chosen-container .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .chosen-container .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); color: #666; } .chosen-container .chosen-choices li.search-choice-focus { background: #d4d4d4; } .chosen-container .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .chosen-container .chosen-results { margin: 0; padding: 0; } .chosen-container .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; } .chosen-container-active .chosen-single { border: 1px solid #5897fb; } .chosen-container-active.chosen-with-drop .chosen-single { border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-image: linear-gradient(#eee 20%, #fff 80%); } .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: 0 0; } .chosen-container-active .chosen-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, .3); } .chosen-container-active .chosen-choices li.search-field input[type=text] { color: #222!important; } .chosen-disabled { opacity: .5!important; cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close, .chosen-disabled .chosen-single { cursor: default; } .chosen-rtl { text-align: right; } .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } .chosen-rtl .chosen-single div { right: auto; left: 3px; } .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } .chosen-rtl .chosen-choices li { float: right; } .chosen-rtl .chosen-choices li.search-field input[type=text] { direction: rtl; } .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .chosen-rtl .chosen-drop, .chosen-rtl.chosen-container-single-nosearch .chosen-search { left: 9999px; } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; } .chosen-rtl .chosen-search input[type=text] { padding: 4px 5px 4px 20px; direction: rtl; } .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; } .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi), only screen and (min-resolution:1.5dppx) { .chosen-container .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span, .chosen-container-single .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-rtl .chosen-search input[type=text] { background-image: url(chosen-sprite@2x.png)!important; background-size: 52px 37px!important; background-repeat: no-repeat!important; } } .chosen-container { font-size: 12.25px; font-size: .875rem; } .chosen-container .chosen-drop { font-size: 11.38px; font-size: .8125rem; box-shadow: 0 0 6px #ff85a5; padding-top: 4px; text-align: left; } .chosen-container-single .chosen-single { background: #FFF; border-radius: 0; padding: .5rem 1rem .625rem .5rem; line-height: inherit; box-shadow: none; height: 31.5px; height: 2.25rem; border-color: #ccc; } .chosen-container-single .chosen-single abbr { background: url(../images/chosen-sprite.png) -42px 1px no-repeat; } .chosen-container-single .chosen-single div { width: 16px; } .chosen-container-single .chosen-single div b { background: url(../images/sprites/chosen-sprite.png) 0 7px no-repeat; } .chosen-container-single .chosen-search { position: relative; } .chosen-container-single .chosen-search:after { position: absolute; z-index: 1; display: block; top: .75rem; right: 1rem; width: 12px; height: 12px; font-size: 12px; font-family: jamendo-licensing-icons; content: "" } .chosen-container-single .chosen-search input[type=text] { background: 0 0; padding: .5rem 2rem .5rem .5rem; } .chosen-search input[type=text] { background: 0 0!important; } .chosen-container-active .chosen-single { border-color: #00000; box-shadow: 0 0 6px #ff85a5; } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #00000; background: #FFF; box-shadow: 0 0 6px #ff85a5; } .chosen-container .chosen-results li.highlighted { background-color: #00000; background-image: none; } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 7px; } .chosen-rtl .chosen-search input[type=text] { background: url(../images/sprites/chosen-sprite.png) -30px -20px no-repeat; } .chosen-container .chosen-choices li.search-choice { border: none; max-width: 100%; border-radius: 4px; background-color: #ff527f; background-image: none; box-shadow: none; color: #FFF; line-height: 24px; padding: 0 24px 0 6px; } .chosen-container .chosen-choices li.search-choice .search-choice-close { top: 0; right: 0; width: 24px; height: 24px; background: 0 0; font-family: jamendo-licensing-icons; font-size: 8px; color: #FFF; text-decoration: none; line-height: 3; text-align: center; cursor: pointer; } .btn.btn--licensing-2, .button-cart, .button-cart .button-cart-text-container .pricing span, a:link.link-color { font-family: futurademi, Arial, sans-serif; } a, a.link-wrap { font-size: inherit; } .chosen-container .chosen-choices li.search-choice .search-choice-close:before { content: "" } .chosen-container .chosen-choices li.search-field input[type=text] { height: 30px; margin: 0; padding-left: 6px; padding-top: 2px; color: #737373!important; } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi), only screen and (min-resolution:1.5dppx) { .chosen-container .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span, .chosen-container-single .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-rtl .chosen-search input[type=text] { background: 0 0!important; } } .list-link-search { margin-top: -8px; margin-bottom: 8px; } .list-link-search>li { display: inline-block; margin: 0 .57143rem 0 0; } .list-link-search>li:last-child { margin-right: 0; } .btn { padding: 16px 12px; } .btn:before { top: 12px; right: 0; bottom: 12px; left: 0; } .btn span { text-transform: initial; } .btn.btn--licensing-2 { font-size: 12px; } .btn.btn--discreet--tag.selected:before, .btn.btn--discreet--tag:active:before, .btn.btn--discreet--tag:hover:before { background-color: #bfbfbf; } .btn.btn--bordered { color: #262626!important; } .btn.btn--bordered:active, .btn.btn--bordered:hover { color: #FFF!important; } .btn.btn--bordered:before { border-width: 1px; border-style: solid; background-color: transparent; } .btn.btn--bordered.btn--white:active, .btn.btn--bordered.btn--white:hover { color: #00000!important; } .btn.btn--bordered.btn--lightgrey-brand:active, .btn.btn--bordered.btn--lightgrey-brand:hover { color: #FFF!important; } .btn.btn--lg:before { top: 8px; right: 0; bottom: 8px; left: 0; } .btn.btn--block { width: 100% } .btn.btn-xs { padding: 12px 5px; } .btn.is-disabled, .btn[disabled] { pointer-events: none; } .btn.is-disabled:hover, .btn[disabled]:hover { cursor: not-allowed; } .btn:after { top: 12px; right: 0; bottom: 12px; left: 0; background-color: #737373; } .btn.is-active:after { -webkit-animation: btn-is-active .8s linear; animation: btn-is-active .8s linear; } @-webkit-keyframes btn-is-active { 0% { top: 12px; right: 0; bottom: 12px; left: 0; opacity: 0; filter: alpha(opacity=0); } 25% { top: 4px; right: -8px; bottom: 4px; left: -8px; opacity: .3; filter: alpha(opacity=30); } 100% { top: 4px; right: -8px; bottom: 4px; left: -8px; opacity: 0; filter: alpha(opacity=0); } } @keyframes btn-is-active { 0% { top: 12px; right: 0; bottom: 12px; left: 0; opacity: 0; filter: alpha(opacity=0); } 25% { top: 4px; right: -8px; bottom: 4px; left: -8px; opacity: .3; filter: alpha(opacity=30); } 100% { top: 4px; right: -8px; bottom: 4px; left: -8px; opacity: 0; filter: alpha(opacity=0); } } .button-cart { border-radius: .25rem; min-height: 42px; min-height: 3rem; padding: 0 .75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; text-transform: uppercase; color: #FFF; font-size: 13px; width: 250px; transition: .15s ease-in; overflow: hidden; } .button-cart::before { content: ''; position: absolute; z-index: 1; width: 30px; height: calc(100%+4px); top: -2px; left: -40px; bottom: 0; right: 0; background: #FFF; opacity: .4; transition-timing-function: ease-out; -webkit-transform: skew(-20deg); transform: skew(-20deg); } .button-cart.bordered.on-blue-background.disabled:before, .button-cart.bordered.on-blue-background.is-processing:before, .button-cart.bordered.on-blue-background:disabled:before, .button-cart.bordered.on-blue-background[disabled]:before, fieldset[disabled] .button-cart.bordered.on-blue-background:before { content: none; } .button-cart:hover { background-color: #f1003e; cursor: pointer; transition-delay: .14s; } .button-cart:hover::before { transition-duration: .17s; left: calc(100%+10px); } .button-cart:hover .icon { color: #FFF; } .button-cart.is-active { -webkit-animation: button-is-active .4s linear; animation: button-is-active .4s linear; } @-webkit-keyframes button-is-active { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes button-is-active { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } } .button-cart.lightgray { background-color: #d8d8d8; } .button-cart.data { width: inherit; text-transform: inherit; font-weight: inherit; } .button-cart .process { width: auto; left: 0; right: 0; position: absolute; top: 0; display: none; z-index: 1; overflow: hidden; } .button-cart .process-fill { width: 100%; height: 100%; display: block; background-color: #000; opacity: .2; filter: alpha(opacity=20); border-radius: .25rem; } .button-cart.is-processing { pointer-events: none; cursor: not-allowed; } .button-cart.is-processing .process { display: block; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-name: buttonIsLoading; animation-name: buttonIsLoading; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; height: 100% } .button-cart.disabled, .button-cart:disabled, .button-cart[disabled], fieldset[disabled] .button-cart { cursor: not-allowed; pointer-events: initial; -webkit-filter: grayscale(1); opacity: .5; filter: alpha(opacity=50); } .button-cart .button-cart-text-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; line-height: 1.1; z-index: 2; text-align: center; } .button-cart .button-cart-text-container.left { text-align: left; } .button-cart .button-cart-text-container p { margin: 0; padding: 0; color: #fff; white-space: initial; font-size: 12px; } .button-cart .button-cart-text-container p .secondary { display: block; text-transform: none; font-size: 11px; } .button-cart .button-cart-text-container p.reset { font-size: inherit; } .button-cart .button-cart-text-container .pricing { font-size: 11px; white-space: initial; } .button-cart .button-cart-text-container .pricing span { font-size: 19px; } .button-cart:focus { outline: 0; } .button-cart[icon-paypall] i picture { display: block; height: 100%; width: 100%; background-size: 80%; background-repeat: no-repeat; background-position: center; background-image: url(https://images.jamendo.com/jamendolicensing/static/vector-imgs/paypall-icon.svg); } .button-cart[icon] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .button-cart[icon] .button-cart-text-container { max-width: calc(100% - 46px); width: 100% } @media only screen and (max-width:480px) { .button-cart[icon] .button-cart-text-container { max-width: 100% } .button-cart[icon] i:not(.icon-chevron-down) { display: none; } } .button-cart[icon][arrow] .button-cart-text-container p { white-space: nowrap; } .button-cart[icon][delete] .button-cart-text-container { max-width: calc(100% - 32px); } @media only screen and (max-width:480px) { .button-cart[icon][delete] .button-cart-text-container { max-width: 100% } } .button-cart[icon][delete] i { font-size: 20px; height: 20px; width: 20px; } .button-cart[icon][select] .button-cart-text-container { max-width: calc(100% - 28px); } @media only screen and (max-width:480px) { .button-cart[icon][select] .button-cart-text-container { max-width: 100% } } .button-cart[icon][select] i { font-size: 17px; height: 17px; width: 17px; } .button-cart[icon][pdf] .button-cart-text-container { text-transform: capitalize; max-width: calc(100% - 36px); } .button-cart[icon][pdf] i { color: #999; width: 28px; height: 28px; font-size: 28px; } .button-cart.bordered .button-cart-text-container p, .button-cart.white, .button-cart.white .button-cart-text-container p { color:; } .button-cart[pack] .button-cart-text-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; white-space: nowrap; } .button-cart[pack] .button-cart-text-container i { font-size: 22px; height: 22px; width: 22px; margin: -4px 4px 0; } .button-cart.small { min-height: 31.5px; min-height: 2.25rem; height: 31.5px; height: 2.25rem; } .button-cart.small .button-cart-text-container .pricing span { font-size: 16px; } .button-cart.text-smaller .button-cart-text-container, .button-cart.transparent.text-smaller .button-cart-text-container p { font-size: 10px; } .button-cart.wide { width: 100% } .button-cart.white { background-color: #FFF; } .button-cart.bordered { border-width: 1px; border-style: solid; color:; background-color: transparent; border-color:; transition: 50ms ease-in; } .button-cart.bordered:hover { color: #FFF; background-color:; } .button-cart.bordered:hover::before { transition-delay: .1s; transition-duration: .2s; } .button-cart.bordered:hover .button-cart-text-container p { color: #FFF; transition-delay: 0s; } .button-cart.bordered.white { color: #FFF; border-color: #FFF; } .button-cart.bordered.white .button-cart-text-container p { color: #FFF; } .button-cart.bordered.white:hover { border-color:; } .button-cart.bordered.gray-5 { color: #bebebe; border-color: #bebebe; } .button-cart.bordered.gray-5 .button-cart-text-container p { color: #bebebe; } .button-cart.bordered.gray-5:hover { border-color:; } .button-cart.bordered.gray-5:hover .button-cart-text-container p { color: #FFF; } .button-cart.bordered.gray-7 { color: #a4a4a4; border-color: #a4a4a4; } .button-cart.bordered.gray-7 .button-cart-text-container p { color: #a4a4a4; } .button-cart.bordered.gray-7.active, .button-cart.bordered.gray-7:hover { border-color: #94d3da; background-color: #94d3da; } .button-cart.bordered.gray-7.active .button-cart-text-container p, .button-cart.bordered.gray-7.active i, .button-cart.bordered.gray-7:hover .button-cart-text-container p, .button-cart.bordered.gray-7:hover i { color: #FFF; } .button-cart.bordered.on-blue-background { background-color: #4bd2e2; border-width: 0; } .button-cart.bordered.on-blue-background:hover { background-color: #FFF; } .button-cart.bordered.on-blue-background:hover div p, .button-cart.bordered.on-blue-background:hover i { color:; } .button-cart.bordered.on-blue-background.disabled:hover .button-cart-text-container p, .button-cart.bordered.on-blue-background.disabled:hover i, .button-cart.bordered.on-blue-background.is-processing:hover .button-cart-text-container p, .button-cart.bordered.on-blue-background.is-processing:hover i, .button-cart.bordered.on-blue-background:disabled:hover .button-cart-text-container p, .button-cart.bordered.on-blue-background:disabled:hover i, .button-cart.bordered.on-blue-background[disabled]:hover .button-cart-text-container p, .button-cart.bordered.on-blue-background[disabled]:hover i, fieldset[disabled] .button-cart.bordered.on-blue-background:hover .button-cart-text-container p, fieldset[disabled] .button-cart.bordered.on-blue-background:hover i { color: #FFF; } .button-cart.bordered.on-blue-background .process { position: absolute; width: auto; top: 0; left: 0; right: 0; display: none; z-index: 1; overflow: hidden; } .button-cart.bordered.on-blue-background .process-fill { width: 100%; height: 100%; display: block; background-color: #000; opacity: .2; filter: alpha(opacity=20); border-radius: .25rem; } .button-cart.bordered.on-blue-background.is-processing { cursor: not-allowed; pointer-events: initial; } .button-cart.bordered.on-blue-background.is-processing .button-cart-text-container, .button-cart.bordered.on-blue-background.is-processing i { z-index: 2; } .button-cart.bordered.on-blue-background.is-processing .process { display: block; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-name: buttonIsLoading; animation-name: buttonIsLoading; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; height: 100% } .button-cart.bordered.on-blue-background.is-processing .process .process-fill { opacity: .1; } .button-cart.bordered.on-blue-background.is-processing:hover { background-color: transparent; border-color: #FFF; } .button-cart.bordered.on-blue-background.is-processing.disabled, .button-cart.bordered.on-blue-background.is-processing:disabled, .button-cart.bordered.on-blue-background.is-processing[disabled], fieldset[disabled] .button-cart.bordered.on-blue-background.is-processing { background-color: #d3d3d3; } .button-cart.bordered.on-blue-background.disabled, .button-cart.bordered.on-blue-background:disabled, .button-cart.bordered.on-blue-background[disabled], fieldset[disabled] .button-cart.bordered.on-blue-background { cursor: not-allowed; pointer-events: initial; background-color: #d3d3d3; opacity: 1; filter: alpha(opacity=100); border: none; } .button-cart.transparent .button-cart-text-container p, .button-cart.transparent:hover .icon { color:; } .button-cart.transparent { border-width: 1px; border-style: solid; border-color: transparent; color:; background-color: transparent; } .button-cart.transparent:hover { border-color:; } .button-cart.transparent:hover .button-cart-text-container p { transition-delay: .17s; } .button-cart.big-cta i, .button-cart.transparent.white .button-cart-text-container p, .button-cart.transparent.white:hover .icon { color: #FFF; } .button-cart.transparent.white { color: #FFF; border-color: transparent; } .button-cart.transparent.white:hover { border-color: #FFF; } .button-cart.big-cta { width: 270px; min-height: 54px; } .button-cart.big-cta .button-cart-text-container p { font-size: 16px; letter-spacing: 2px; line-height: 1.25; } .btn-action, .btn-action span { line-height: 1.334; position: relative; } @media only screen and (max-width:480px) { .button-cart[icon][pdf] .button-cart-text-container { max-width: 100% } .button-cart.transparent i:not(.icon-chevron-down) { display: none; } .button-cart.big-cta { width: 100% } } .button-cart.fluo { background-color: #fdef16; } .button-cart.fluo .button-cart-text-container p { color: #e78e03; text-shadow: none; font-family: futurabold, Arial, sans-serif; } .button-cart.fluo:hover { background-color: #ffa200; } .button-cart.fluo:hover .button-cart-text-container p { color: #fdef16; } .button-cart.licensing { background-color: #4bd2e2; } .button-cart.licensing:hover { background-color: #67b7bf; } .btn-action { appearance: none; -moz-appearance: none; -webkit-appearance: none; vertical-align: middle; display: inline-block; z-index: 0; text-transform: uppercase; letter-spacing: 1px; color: #737373; background-color: #f0f0f0; } .btn-action, .btn-action:after { height: 48px; min-width: 48px; border-radius: 24px; padding: 16px; } .btn-action i, .btn-action span { z-index: 2; } .btn-action span { vertical-align: top; margin-left: 8px; } .btn-action:focus { outline: 0; } .btn-action.small, .btn-action.small:after { height: 36px; min-width: 36px; border-radius: 18px; padding: 10px; } .btn-action:after { background-color: #000; content: ''; opacity: 0; } .btn-action:hover { cursor: pointer; } .btn-action:hover:after { opacity: .05; } .btn-action.highlight { color: #FFF; background-color:; } .btn-action.overlay { background-color: #FFF; } .btn-action .icon+.icon, .btn-action span+span, .btn-action.is-on span, .btn-action.is-toggled span { display: none; } .btn-action.is-on span+span, .btn-action.is-toggled span+span { display: inline; } .btn-action.is-toggled .icon { display: none; } .btn-action.is-toggled .icon+.icon { display: inline; } .btn-action.is-on { color:; } .btn-action.facebook:hover { color: #FFF; background-color: #5f78ab; } .btn-action.instagram:hover { color: #FFF; background: radial-gradient(circle at bottom left, #ffda75 15%, #ff3a49 43%, #ff3a49 40%, #e518a1 50%, #6634e1 90%); } .btn-store, .social-cta { background-repeat: no-repeat; } .btn-action.twitter:hover { color: #FFF; background-color: #4099FF; } .btn-action.website:hover { color: #FFF; background-color: #707070; } .btn-store { display: inline-block; background-image: url(https://images.jamendo.com/jamendomusic/static/apps/sprite-badge-apps.png?v1.1); } .btn-store.btn--windows { width: 154px; height: 40px; } .btn-store.btn--windows.btn--fr { background-position: 0 0; } .btn-store.btn--windows.btn--de { background-position: 0 -40px; } .btn-store.btn--windows.btn--it { background-position: 0 -80px; } .btn-store.btn--windows.btn--pl { background-position: 0 -120px; } .btn-store.btn--windows.btn--pt { background-position: 0 -160px; } .btn-store.btn--windows.btn--ru { background-position: 0 -200px; } .btn-store.btn--windows.btn--es { background-position: 0 -240px; } .btn-store.btn--windows.btn--en { background-position: 0 -280px; } .btn-store.btn--ios { width: 135px; height: 40px; } .btn-store.btn--ios.btn--fr { background-position: -154px 0; } .btn-store.btn--ios.btn--de { background-position: -154px -40px; } .btn-store.btn--ios.btn--it { background-position: -154px -80px; } .btn-store.btn--ios.btn--pl { background-position: -154px -120px; } .btn-store.btn--ios.btn--pt { background-position: -154px -160px; } .btn-store.btn--ios.btn--ru { background-position: -154px -200px; } .btn-store.btn--ios.btn--es { background-position: -154px -240px; } .btn-store.btn--ios.btn--en { background-position: -154px -280px; } .btn-store.btn--android { width: 129px; height: 45px; } .btn-store.btn--android.btn--fr { background-position: -289px 0; } .btn-store.btn--android.btn--de { background-position: -289px -45px; } .btn-store.btn--android.btn--it { background-position: -289px -90px; } .btn-store.btn--android.btn--pl { background-position: -289px -135px; } .btn-store.btn--android.btn--pt { background-position: -289px -180px; } .btn-store.btn--android.btn--ru { background-position: -289px -225px; } .btn-store.btn--android.btn--es { background-position: -289px -270px; } .btn-store.btn--android.btn--en { background-position: -289px -315px; } .logo, .social-cta { background-position: center; } .btn-fixed { position: fixed; right: 17px; bottom: 0; left: 0; z-index: 9999; } .btn-fixed_btn { padding: 16px 12px; width: 100% } .btn-fixed_btn:after, .btn-fixed_btn:before { border-radius: 0; top: 0; right: 0; bottom: 0; left: 0; } .btn-fixed_btn:after { z-index: -1; background-color: #FFF; -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); } @media only screen and (max-width:767px) { .btn-fixed { padding: 0; right: 0; } .btn-fixed>div { margin: 0; } .btn-fixed>div>div { padding: 0; } } .btn-icon { width: 32px; height: 48px; } .btn-icon::-moz-focus-inner { border: 0; outline: 0; } .btn-icon .icon { display: inline; line-height: 48px; } .btn-icon .notification-count { padding: 3px; color: #FFF; position: absolute; top: 8px; right: 4px; background-color:; border-radius: 2px; text-align: center; line-height: 1; } .btn-icon:after { background-color: #737373; } .btn-icon.btn--overlay.is-active:after, .btn-pill:after { background-color: #FFF; } .btn-icon.is-active:after { border-radius: 100%; opacity: 0; filter: alpha(opacity=0); margin: -28px 0 0 -28px; height: 56px; width: 56px; z-index: -2; content: ""; -webkit-animation: btn-icon-is-active .8s linear; animation: btn-icon-is-active .8s linear; } @-webkit-keyframes btn-icon-is-active { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: .2; filter: alpha(opacity=20); } 100% { opacity: 0; filter: alpha(opacity=0); } } @keyframes btn-icon-is-active { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: .2; filter: alpha(opacity=20); } 100% { opacity: 0; filter: alpha(opacity=0); } } .btn-like { height: 32px; padding: 0 16px; } .btn-like .icon { margin-right: 8px; } .btn-like.is-on { color:; } .btn-link { color: #262626; text-decoration: underline; line-height: 1; padding: 18px 12px; } .author a, .btn-secondary-menu { text-decoration: none; } .btn-link:hover { color: #000; } .btn-link.btn--brand { color:; } .btn-link.btn--brand:hover { color: #d20036; } .btn-link.is-disabled, .btn-link[disabled] { color: #bfbfbf!important; pointer-events: none; } .btn-link.is-disabled:hover, .btn-link[disabled]:hover { color: #bfbfbf!important; cursor: not-allowed; } .button-checkbox label, .player-volume input[type=range]:hover, .range input[type=range]:hover, .social-cta { cursor: pointer; } .btn-pill { width: 48px; height: 48px; } .btn-pill:after, .btn-pill:before { border-radius: 24px; top: 2px; right: 2px; bottom: 2px; left: 2px; } .btn-pill:after { z-index: -1; -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); } .btn-pill .icon { display: inline; line-height: 48px; } .btn-pill.btn--sm:after, .btn-pill.btn--sm:before { top: 12px; right: 12px; bottom: 12px; left: 12px; } .btn-pill.btn--xs:after, .btn-pill.btn--xs:before { top: 16px; right: 16px; bottom: 16px; left: 16px; } .btn-social:after, .btn-social:before { top: 8px; bottom: 8px; left: 0; right: 0; } .btn-pill.btn--xs .icon { font-size: 8px; } .btn-pill.btn--hybrid { width: auto; padding: 0 16px; } .btn-pill.btn--hybrid span { line-height: 48px; vertical-align: top; margin-left: 6px; } .btn-social { padding: 8px 0; } .btn-social>div { padding: 8px 10px; } .btn-social>div:first-child { line-height: 1; border-right: 1px solid #FFF; color: #FFF; } .btn-social>div:last-child { width: 100% } .btn-social:after { background-color: #737373; } .social-cta { width: 180px; height: 43px; background-size: cover; background-color: #FFF; border-radius: 5px; } .icon-donation, .logo { background-repeat: no-repeat; background-size: contain; } .social-cta.facebook { background-image: url(https://images.jamendo.com/jamendomusic/static/svg/facebook.svg); } .social-cta.google { background-image: url(https://images.jamendo.com/jamendomusic/static/svg/google-btn.svg); } .social-cta.apple { background-color: #000; } .social-cta.apple.signin { background-image: url(https://images.jamendo.com/jamendomusic/static/png/appleid_signin_button_64x268.png); } .social-cta.apple.signin.large { width: 100%; height: 32px; border-radius: 3px; background-image: url(https://images.jamendo.com/jamendomusic/static/png/appleid_signin_button_32x375.png); } .social-cta.apple.signup { background-image: url(https://images.jamendo.com/jamendomusic/static/png/appleid_signup_button_64x268.png); } .social-cta.apple.signup.large { width: 100%; height: 32px; border-radius: 3px; background-image: url(https://images.jamendo.com/jamendomusic/static/png/appleid_signup_button_32x375.png); } .btn-secondary-menu { padding: 16px 16px 16px 48px; position: relative; display: block; width: 100%; text-align: left; color: #737373; line-height: 16px; } .btn-secondary-menu:link, .btn-secondary-menu:visited { color: #737373; } .btn-secondary-menu:active, .btn-secondary-menu:hover { background-color: #f9f9f9; } .btn-secondary-menu .icon { position: absolute; left: 16px; top: 16px; } .btn-secondary-menu.is-on .icon { color:; } .btn-tag { padding: .57143rem; text-transform: lowercase; line-height: 1.6; color: #4d4d4d!important; } .btn-tag:before { top: 6px; right: 0; bottom: 6px; left: 0; border: 1px solid #bfbfbf; } .btn-tag:hover { color: !important; } .btn-tag:hover:before { border-color:; } .button-checkbox { display: inline-block; } .button-checkbox input[type=radio], .button-checkbox input[type=checkbox], .button-checkbox.bordered input[type=radio], .button-checkbox.bordered input[type=checkbox] { display: none; } .button-checkbox input[type=radio]:checked+label, .button-checkbox input[type=checkbox]:checked+label { background-color: #FFF; color:; } .button-checkbox label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; padding: .5rem 1.5rem; border-radius: .25rem; color: #FFF; line-height: 2.1; background-color:; border: 2px solid; text-align: center; margin: 0 auto; } .button-checkbox.bordered label { background-color: #FFF; color:; } .button-checkbox.bordered input[type=radio]:checked+label, .button-checkbox.bordered input[type=checkbox]:checked+label { background-color:; color: #FFF; } .button-checkbox.bordered input[type=radio]:checked~.content-displaying, .button-checkbox.bordered input[type=checkbox]:checked~.content-displaying { display: block; } .button-checkbox.no-border label { background-color: transparent; color:; border: none; padding: 0; text-align: left; } .button-checkbox.no-border input[type=radio], .button-checkbox.no-border input[type=checkbox] { display: none; } .button-checkbox.no-border input[type=radio]:checked+label, .button-checkbox.no-border input[type=checkbox]:checked+label { background-color: transparent!important; color:; } .button-checkbox.no-border input[type=radio]:checked~.content-displaying, .button-checkbox.no-border input[type=checkbox]:checked~.content-displaying { display: block; } .button-checkbox.small label { padding: 0 .5rem; } .button-checkbox.discreet label { color: #737373; border: 1px solid #bfbfbf; font-size: 14px; font-weight: 300; line-height: 1.5; padding: 0; min-width: 30px; min-height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .button-checkbox.discreet input[type=radio], .button-checkbox.discreet input[type=checkbox] { display: none; } .button-checkbox.discreet input[type=radio]:checked+label, .button-checkbox.discreet input[type=checkbox]:checked+label { background-color:; color: #FFF; border: 1px solid; } .button-checkbox.discreet input[type=radio]:checked~.content-displaying, .button-checkbox.discreet input[type=checkbox]:checked~.content-displaying { display: block; } .button-checkbox.icon-data label { background-color: transparent; overflow: visible; padding: 0; border: 0; border-radius: 0; } .button-checkbox.icon-data label .icon-data { transition-duration: .2s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .button-checkbox.icon-data:hover label .icon-data { color:; } .button-checkbox.icon-data:active label .icon-data { transition-duration: .1s; -webkit-transform: perspective(24px) translate3d(0, 0, -6px); transform: perspective(24px) translate3d(0, 0, -6px); } .button-checkbox.icon-data input[type=radio]:checked+label, .button-checkbox.icon-data input[type=checkbox]:checked+label { background-color: transparent; } .button-checkbox.icon-data.switch input[type=radio]:checked+label .icon-data, .button-checkbox.icon-data.switch input[type=checkbox]:checked+label .icon-data, .button-checkbox.icon-data.switch label .icon-data:last-of-type { display: none; } .button-checkbox.icon-data.switch input[type=radio]:checked+label .icon-data:last-of-type, .button-checkbox.icon-data.switch input[type=checkbox]:checked+label .icon-data:last-of-type, .button-checkbox.icon-data.switch label span .icon-data:last-of-type { display: inline-block; } .button-checkbox.icon-data.switch input[type=radio]:checked+label span, .button-checkbox.icon-data.switch input[type=checkbox]:checked+label span, .button-checkbox.icon-data.switch label span:last-of-type { display: none; } .button-checkbox.icon-data.switch input[type=radio]:checked+label span:last-of-type, .button-checkbox.icon-data.switch input[type=checkbox]:checked+label span:last-of-type { display: inline-block; } .button-checkbox.icon-data.warning-color label .icon-data { color: #FFF; } .button-checkbox.icon-data.warning-color input[type=radio]:checked+label .icon-data, .button-checkbox.icon-data.warning-color input[type=checkbox]:checked+label .icon-data, .button-checkbox.icon-data.warning-color:hover label .icon-data { color: #ed795a; } .button-checkbox.center { display: block; margin: 2rem auto; } .button-checkbox.half-width label { width: 50% } @media only screen and (max-width:480px) { .button-checkbox.half-width label { width: 100% } } .button-checkbox.expand label .icon-data { display: inline-block; position: relative; transition: -webkit-transform .3s; transition: transform .3s; } .button-checkbox.expand label .icon-data::before { position: absolute; top: 4px; right: -3px; } .button-checkbox.expand .content-checkbox, .button-checkbox.expand .content-displaying { max-height: 0; transition: max-height .6s cubic-bezier(0, 1, 0, 1); display: block; overflow: hidden; } .button-checkbox.expand input[type=radio], .button-checkbox.expand input[type=checkbox] { display: none; } .button-checkbox.expand input[type=radio]:checked+label, .button-checkbox.expand input[type=checkbox]:checked+label { background-color: #FFF; color:; } .button-checkbox.expand input[type=radio]:checked+label .icon-data, .button-checkbox.expand input[type=checkbox]:checked+label .icon-data { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate(7px, -1px) rotate(90deg); transform: translate(7px, -1px) rotate(90deg); } .button-checkbox.expand input[type=radio]:checked+label .icon-data::before, .button-checkbox.expand input[type=checkbox]:checked+label .icon-data::before { right: -6px; } .button-checkbox.expand input[type=radio]:checked~.content-displaying, .button-checkbox.expand input[type=checkbox]:checked~.content-displaying { max-height: 999px; transition: max-height .6s cubic-bezier(1, 0, 1, 0); } .button-checkbox[refine] { width: 100% } .button-checkbox[refine] label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .button-checkbox[refine] label span { color: #737373; font-size: 16px; text-transform: none; font-weight:; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .button-checkbox[refine] label .icon-data::before { position: absolute; top: 0; right: 0; } .button-checkbox[refine] label .icon-data.icon-refine { width: 1.5rem; height: 1.5rem; font-size: 1.5rem; margin-right: .5rem; } .button-checkbox[refine] input[type=radio]:checked+label .icon-data, .button-checkbox[refine] input[type=checkbox]:checked+label .icon-data { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate(0, -1px) rotate(90deg); transform: translate(0, -1px) rotate(90deg); color:; } .button-checkbox[refine] input[type=radio]:checked+label .icon-data::before, .button-checkbox[refine] input[type=checkbox]:checked+label .icon-data::before { right: 0; } .button-checkbox[refine] input[type=radio]:checked+label .icon-data.icon-refine, .button-checkbox[refine] input[type=checkbox]:checked+label .icon-data.icon-refine { color:; } .button-checkbox.pop-in-expand { outline: 0; } .button-checkbox.pop-in-expand .pop-in-wrapper { display: none; overflow: visible; outline: 0; z-index: 0; -webkit-animation: move-from-top-opacity .2s ease-out; animation: move-from-top-opacity .2s ease-out; } @-webkit-keyframes move-from-top-opacity { 0% { top: 50px; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); } 100% { top: 100%; opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes move-from-top-opacity { 0% { top: 50px; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); } 100% { top: 100%; opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in { margin-left: 0; margin-top: 7px; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in>* { font-family: "Proxima Nova" } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul { padding: .5rem 0; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul li { line-height: 2; padding: 0 8px; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul li a { display: block; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul li a:hover { background-color: #000; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in.white-rounded-shadow ul li { padding: 0; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in.white-rounded-shadow ul li a { text-decoration: none; text-transform: none; text-align: left; color: #4d4d4d; margin: 2px 10px; padding: 5px 0 5px 10px; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in.white-rounded-shadow ul li a:hover { background-color: #d3d3d3; } .button-checkbox.pop-in-expand input[type=radio], .button-checkbox.pop-in-expand input[type=checkbox] { display: none; } .button-checkbox.pop-in-expand input[type=radio]:checked+label, .button-checkbox.pop-in-expand input[type=checkbox]:checked+label { color:; } .button-checkbox.pop-in-expand input[type=radio]:checked~.pop-in-wrapper, .button-checkbox.pop-in-expand input[type=checkbox]:checked~.pop-in-wrapper { display: block; } .checkbox-multi-display .content { display: inline-block; } .checkbox-multi-display .content label { width: 160px; } .checkbox-multi-display .content label .icon-data { display: inline-block; position: relative; transition: -webkit-transform .3s; transition: transform .3s; } .checkbox-multi-display .content label .icon-data::before { position: absolute; top: 4px; right: -3px; } .checkbox-multi-display input[type=radio], .checkbox-multi-display input[type=checkbox] { display: none; } .checkbox-multi-display input[type=radio]~section .content-displaying, .checkbox-multi-display input[type=checkbox]~section .content-displaying { max-height: 0; transition: max-height .6s cubic-bezier(0, 1, 0, 1); display: block; overflow: hidden; } .icon, .icon-data { position: relative; display: inline-block; font-family: jamendo-licensing-icons; font-style: normal; font-weight: 400; text-transform: none; line-height: 1; } .checkbox-multi-display input[type=radio]:checked~section .content-displaying, .checkbox-multi-display input[type=checkbox]:checked~section .content-displaying { max-height: 999px; transition: max-height .6s cubic-bezier(1, 0, 1, 0); } .checkbox-multi-display input[type=radio]:checked~section label, .checkbox-multi-display input[type=checkbox]:checked~section label { background-color: #FFF; color:; } .checkbox-multi-display input[type=radio]:checked~section label .icon, .checkbox-multi-display input[type=checkbox]:checked~section label .icon { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate(7px, -1px) rotate(90deg); transform: translate(7px, -1px) rotate(90deg); } .checkbox-multi-display input[type=radio]:checked~section label .icon::before, .checkbox-multi-display input[type=checkbox]:checked~section label .icon::before { right: -6px; } .icon { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; width: 16px; height: 16px; } .entry .feature .author, .post_entity_content_author { text-transform: uppercase; } .icon-add:before { content: "" } .icon-add-to-playlist:before { content: "" } .icon-add-to-queue:before { content: "" } .icon-alert-full:before { content: "" } .icon-alert-line:before { content: "" } .icon-archive:before { content: "" } .icon-arrow-bullet:before { content: "" } .icon-breadcrumb:before { content: "" } .icon-camera:before { content: "" } .icon-cart:before { content: "" } .icon-cart-new:before { content: "" } .icon-cart-new2:before { content: "" } .icon-cart-new-add:before { content: "" } .icon-cc:before { content: "" } .icon-cc-by:before { content: "" } .icon-cc-nc:before { content: "" } .icon-cc-nd:before { content: "" } .icon-cc-sa:before { content: "" } .icon-certificate:before { content: "" } .icon-check:before { content: "" } .icon-checkbox-checked-bordered:before { content: "" } .icon-checkbox-checked-plain:before { content: "" } .icon-checkbox-unchecked:before { content: "" } .icon-chevron-down:before { content: "" } .icon-chevron-left:before { content: "" } .icon-chevron-new2:before { content: "" } .icon-chevron-right:before { content: "" } .icon-chevron-up:before { content: "" } .icon-clockwise:before { content: "" } .icon-close:before { content: "" } .icon-comment:before { content: "" } .icon-copy:before { content: "" } .icon-counterclockwise:before { content: "" } .icon-credit-card-back:before { content: "" } .icon-credit-card-front:before { content: "" } .icon-cross-delete:before { content: "" } .icon-date:before { content: "" } .icon-download:before { content: "" } .icon-download-thin:before { content: "" } .icon-duration:before { content: "" } .icon-edit:before { content: "" } .icon-error-4xx:before { content: "" } .icon-error-5xx:before { content: "" } .icon-external-link:before { content: "" } .icon-facebook:before { content: "" } .icon-filter:before { content: "" } .icon-flag:before { content: "" } .icon-follow:before { content: "" } .icon-globe:before { content: "" } .icon-google:before { content: "" } .icon-go-to:before { content: "" } .icon-handle:before { content: "" } .icon-heart:before { content: "" } .icon-heart-on:before { content: "" } .icon-hexagon:before { content: "" } .icon-hexagon-mask:before { content: "" } .icon-hexagon-on:before { content: "" } .icon-history:before { content: "" } .icon-home:before { content: "" } .icon-info-full-new2:before { content: "" } .icon-info-new2:before { content: "" } .icon-information:before { content: "" } .icon-instagram:before { content: "" } .icon-licence-l:before { content: "" } .icon-licence-p:before { content: "" } .icon-licence-std:before { content: "" } .icon-link:before { content: "" } .icon-linkedin:before { content: "" } .icon-lock:before { content: "" } .icon-mail:before { content: "" } .icon-menu:before { content: "" } .icon-menu-secondary:before { content: "" } .icon-menu-tradingdesk:before { content: "" } .icon-messenger:before { content: "" } .icon-music-note:before { content: "" } .icon-mute:before { content: "" } .icon-my-music-tradingdesk:before { content: "" } .icon-my-music-tradingdesk2:before { content: "" } .icon-next:before { content: "" } .icon-pause:before { content: "" } .icon-pdf:before { content: "" } .icon-phone:before { content: "" } .icon-picture:before { content: "" } .icon-play:before { content: "" } .icon-playlist-access:before { content: "" } .icon-play-next:before { content: "" } .icon-previous:before { content: "" } .icon-queue:before { content: "" } .icon-queue-access:before { content: "" } .icon-radio-checked-chevron:before { content: "" } .icon-radio-checked-chevron-plain:before { content: "" } .icon-radio-checked-round:before { content: "" } .icon-radio-unchecked:before { content: "" } .icon-reddit:before { content: "" } .icon-refine:before { content: "" } .icon-remove:before { content: "" } .icon-remove-from-playlist:before { content: "" } .icon-repeat:before { content: "" } .icon-repeat-one:before { content: "" } .icon-repost:before { content: "" } .icon-sad:before { content: "" } .icon-search:before { content: "" } .icon-send:before { content: "" } .icon-share:before { content: "" } .icon-share-video:before { content: "" } .icon-shuffle:before { content: "" } .icon-similar:before { content: "" } .icon-sort:before { content: "" } .icon-sound:before { content: "" } .icon-streaming:before { content: "" } .icon-thumbs-down:before { content: "" } .icon-thumbs-up:before { content: "" } .icon-too-old:before { content: "" } .icon-trash:before { content: "" } .icon-twitter:before { content: "" } .icon-undo:before { content: "" } .icon-user:before { content: "" } .icon-user-new2:before { content: "" } .icon-video:before { content: "" } .icon-vk:before { content: "" } .icon-volume:before { content: "" } .icon-warning:before { content: "" } .icon-wrong:before { content: "" } .icon-youtube:before { content: "" } .icon-apple:before { content: "" } .icon-add-to-playlist-s:before { content: "" } .icon-add-to-queue-s:before { content: "" } .icon-close-s:before { content: "" } .icon-comment-s:before { content: "" } .icon-date-s:before { content: "" } .icon-download-s:before { content: "" } .icon-duration-s:before { content: "" } .icon-external-link-s:before { content: "" } .icon-flag-s:before { content: "" } .icon-follow-s:before { content: "" } .icon-handle-s:before { content: "" } .icon-heart-on-s:before { content: "" } .icon-lock-s:before { content: "" } .icon-menu-secondary-s:before { content: "" } .icon-pause-s:before { content: "" } .icon-picture-s:before { content: "" } .icon-playlist-access-s:before { content: "" } .icon-queue-access-s:before { content: "" } .icon-repost-s:before { content: "" } .icon-send-s:before { content: "" } .icon-share-s:before { content: "" } .icon-sort-s:before { content: "" } .icon-thumbs-down-s:before { content: "" } .icon-thumbs-up-s:before { content: "" } .icon-play-s:before { content: "" } .icon-user-s:before { content: "" } .icon-data-add:before { content: "" } .icon-data-add-to-playlist:before { content: "" } .icon-data-add-to-queue:before { content: "" } .icon-data-alert-full:before { content: "" } .icon-data-alert-line:before { content: "" } .icon-data-archive:before { content: "" } .icon-data-arrow-bullet:before { content: "" } .icon-data-breadcrumb:before { content: "" } .icon-data-camera:before { content: "" } .icon-data-cart:before { content: "" } .icon-data-cart-new:before { content: "" } .icon-data-cart-new2:before { content: "" } .icon-data-cart-new-add:before { content: "" } .icon-data-cc:before { content: "" } .icon-data-cc-by:before { content: "" } .icon-data-cc-nc:before { content: "" } .icon-data-cc-nd:before { content: "" } .icon-data-cc-sa:before { content: "" } .icon-data-certificate:before { content: "" } .icon-data-check:before { content: "" } .icon-data-checkbox-checked-bordered:before { content: "" } .icon-data-checkbox-checked-plain:before { content: "" } .icon-data-checkbox-unchecked:before { content: "" } .icon-data-chevron-down:before { content: "" } .icon-data-chevron-left:before { content: "" } .icon-data-chevron-new2:before { content: "" } .icon-data-chevron-right:before { content: "" } .icon-data-chevron-up:before { content: "" } .icon-data-clockwise:before { content: "" } .icon-data-close:before { content: "" } .icon-data-comment:before { content: "" } .icon-data-copy:before { content: "" } .icon-data-counterclockwise:before { content: "" } .icon-data-credit-card-back:before { content: "" } .icon-data-credit-card-front:before { content: "" } .icon-data-cross-delete:before { content: "" } .icon-data-date:before { content: "" } .icon-data-download:before { content: "" } .icon-data-download-thin:before { content: "" } .icon-data-duration:before { content: "" } .icon-data-edit:before { content: "" } .icon-data-error-4xx:before { content: "" } .icon-data-error-5xx:before { content: "" } .icon-data-external-link:before { content: "" } .icon-data-facebook:before { content: "" } .icon-data-filter:before { content: "" } .icon-data-flag:before { content: "" } .icon-data-follow:before { content: "" } .icon-data-globe:before { content: "" } .icon-data-google:before { content: "" } .icon-data-go-to:before { content: "" } .icon-data-handle:before { content: "" } .icon-data-heart:before { content: "" } .icon-data-heart-on:before { content: "" } .icon-data-hexagon:before { content: "" } .icon-data-hexagon-mask:before { content: "" } .icon-data-hexagon-on:before { content: "" } .icon-data-history:before { content: "" } .icon-data-home:before { content: "" } .icon-data-info-full-new2:before { content: "" } .icon-data-info-new2:before { content: "" } .icon-data-information:before { content: "" } .icon-data-instagram:before { content: "" } .icon-data-licence-l:before { content: "" } .icon-data-licence-p:before { content: "" } .icon-data-licence-std:before { content: "" } .icon-data-link:before { content: "" } .icon-data-linkedin:before { content: "" } .icon-data-lock:before { content: "" } .icon-data-mail:before { content: "" } .icon-data-menu:before { content: "" } .icon-data-menu-secondary:before { content: "" } .icon-data-menu-tradingdesk:before { content: "" } .icon-data-messenger:before { content: "" } .icon-data-music-note:before { content: "" } .icon-data-mute:before { content: "" } .icon-data-my-music-tradingdesk:before { content: "" } .icon-data-my-music-tradingdesk2:before { content: "" } .icon-data-next:before { content: "" } .icon-data-pause:before { content: "" } .icon-data-pdf:before { content: "" } .icon-data-phone:before { content: "" } .icon-data-picture:before { content: "" } .icon-data-play:before { content: "" } .icon-data-playlist-access:before { content: "" } .icon-data-play-next:before { content: "" } .icon-data-previous:before { content: "" } .icon-data-queue:before { content: "" } .icon-data-queue-access:before { content: "" } .icon-data-radio-checked-chevron:before { content: "" } .icon-data-radio-checked-chevron-plain:before { content: "" } .icon-data-radio-checked-round:before { content: "" } .icon-data-radio-unchecked:before { content: "" } .icon-data-reddit:before { content: "" } .icon-data-refine:before { content: "" } .icon-data-remove:before { content: "" } .icon-data-remove-from-playlist:before { content: "" } .icon-data-repeat:before { content: "" } .icon-data-repeat-one:before { content: "" } .icon-data-repost:before { content: "" } .icon-data-sad:before { content: "" } .icon-data-search:before { content: "" } .icon-data-send:before { content: "" } .icon-data-share:before { content: "" } .icon-data-share-video:before { content: "" } .icon-data-shuffle:before { content: "" } .icon-data-similar:before { content: "" } .icon-data-sort:before { content: "" } .icon-data-sound:before { content: "" } .icon-data-streaming:before { content: "" } .icon-data-thumbs-down:before { content: "" } .icon-data-thumbs-up:before { content: "" } .icon-data-too-old:before { content: "" } .icon-data-trash:before { content: "" } .icon-data-twitter:before { content: "" } .icon-data-undo:before { content: "" } .icon-data-user:before { content: "" } .icon-data-user-new2:before { content: "" } .icon-data-video:before { content: "" } .icon-data-vk:before { content: "" } .icon-data-volume:before { content: "" } .icon-data-warning:before { content: "" } .icon-data-wrong:before { content: "" } .icon-data-youtube:before { content: "" } .icon-data-apple:before { content: "" } .icon-data-add-to-playlist-s:before { content: "" } .icon-data-add-to-queue-s:before { content: "" } .icon-data-close-s:before { content: "" } .icon-data-comment-s:before { content: "" } .icon-data-date-s:before { content: "" } .icon-data-download-s:before { content: "" } .icon-data-duration-s:before { content: "" } .icon-data-external-link-s:before { content: "" } .icon-data-flag-s:before { content: "" } .icon-data-follow-s:before { content: "" } .icon-data-handle-s:before { content: "" } .icon-data-heart-on-s:before { content: "" } .icon-data-lock-s:before { content: "" } .icon-data-menu-secondary-s:before { content: "" } .icon-data-pause-s:before { content: "" } .icon-data-picture-s:before { content: "" } .icon-data-playlist-access-s:before { content: "" } .icon-data-queue-access-s:before { content: "" } .icon-data-repost-s:before { content: "" } .icon-data-send-s:before { content: "" } .icon-data-share-s:before { content: "" } .icon-data-sort-s:before { content: "" } .icon-data-thumbs-down-s:before { content: "" } .icon-data-thumbs-up-s:before { content: "" } .icon-data-play-s:before { content: "" } .icon-data-user-s:before { content: "" } .icon[class$="-s"] { font-size: 12px; width: 12px; height: 12px; } .icon--24 { font-size: 24px; width: 24px; height: 24px; } .icon--32 { font-size: 32px; width: 32px; height: 32px; } .icon--48 { font-size: 48px; width: 48px; height: 48px; } .icon--72 { font-size: 72px; width: 72px; height: 72px; } .icon-donation { background-image: url(https://images.jamendo.com/jamendomusic/static/svg/donation-icon.svg); width: 24px; height: 24px; position: absolute; top: 13px; left: 12px; } .icon-donation.is-on { background-image: url(https://images.jamendo.com/jamendomusic/static/svg/donation-icon-is-on.svg); } .loader { z-index: auto; display: block; } .loader.loader--block { width: 100%; height: 80px; } .loader.loader--invert i { color: #FFF; } .loader>div { margin-top: -24px; margin-left: -24px; width: 48px; height: 48px; } .loader i { position: absolute; top: 16px; left: 16px; color:; } .loader i:nth-child(1) { z-index: 2; -webkit-animation: loader1 1s linear infinite; animation: loader1 1s linear infinite; } .loader i:nth-child(2) { z-index: 1; -webkit-animation: loader2 1s ease infinite .15s; animation: loader2 1s ease infinite .15s; } @-webkit-keyframes loader1 { 0%, 25%, 50% { -webkit-transform: scale(1); transform: scale(1); } 15%, 40% { -webkit-transform: scale(1.6); transform: scale(1.6); } } @keyframes loader1 { 0%, 25%, 50% { -webkit-transform: scale(1); transform: scale(1); } 15%, 40% { -webkit-transform: scale(1.6); transform: scale(1.6); } } @-webkit-keyframes loader2 { 0%, 51% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(3); transform: scale(3); } } @keyframes loader2 { 0%, 51% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(3); transform: scale(3); } } .loader-action { display: inline-block; width: 48px; width: 3.42857rem; height: 48px; height: 3.42857rem; } .logo { pointer-events: none; height: 50px; width: 128px; background-image: url(https://images.jamendo.com/jamendomusic/static/svg/jamendo-music-logo-white.svg); } .logo.logo--sm { height: 40px; width: 100px; } .logo.logo--lg { height: 65px; width: 166px; } .logo.logo--licensing { height: 50px; width: 143px; } .logo.logo--licensing.logo--sm { height: 35px; width: 100px; } .logo.logo--licensing.logo--lg { height: 65px; width: 186px; } .highlighted { padding: 16px 12px; pointer-events: none; white-space: nowrap; } .highlighted:before { top: 12px; right: 0; bottom: 12px; left: 0; } .highlighted.lg:before { top: 8px; right: 0; bottom: 8px; left: 0; } .highlighted.block { width: 100% } .highlighted.xs { padding: 12px 5px; } .author { word-break: break-all; color: #bfbfbf; } .author a:link, .author a:visited { color: #737373; } .author a:active, .author a:hover { color:; } .avatar { display: block; } .avatar.bordered>div { border: 2px solid #FFF; } .desktop-secondary-menu { visibility: hidden; position: absolute; z-index: 5; white-space: nowrap; background-color: #FFF; border: 1px solid #d1d1d1; opacity: 0; filter: alpha(opacity=0); transition: all .3s linear; top: 100%; right: 0; } .desktop-secondary-menu-wrap { position: relative; overflow: visible; } .entry .feature, .entry .feature .cover { overflow: hidden; } .desktop-secondary-menu.is-visible { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .desktop-secondary-menu.bottom-left { left: 0; right: initial; } .desktop-secondary-menu.top-left { bottom: 100%; top: initial; right: initial; left: 0; } .desktop-secondary-menu.top-right { bottom: 100%; top: initial; } .edit-image-thumb-layer { color: #FFF; z-index: 1; } .edit-image-thumb-layer>div>div { padding: 16px; } .edit-image-thumb-layer .text { display: none; text-decoration: underline; color: #FFF; } .edit-image-thumb-layer:before { opacity: .2; filter: alpha(opacity=20); content: ''; background-color: #000; z-index: -1; } .edit-image-thumb-layer.circle, .edit-image-thumb-layer.circle:before { border-radius: 100% } .edit-image-thumb-layer:hover .icon { color: #FFF; } @media only screen and (min-width:992px) { .edit-image-thumb-layer: hover .text { display: inline-block; } .edit-image-thumb-layer:hover .icon { display: none; } .edit-image-thumb-layer:hover:before { opacity: .16; filter: alpha(opacity=16); } } .entity { position: relative; } .entity_menu { position: absolute; bottom: 0; right: 0; } .entity_information { background-color: #f9f9f9; } .entity_information>div:first-child { padding: 0 2.28571rem 0 .85714rem; height: 60px; } .entity_information_title { width: 100%; overflow: hidden; text-overflow: ellipsis; display: inline; } .entity_information_secondary { display: inline-block; margin-top: 8px; } .entity_information_secondary>span { display: inline-block; margin-bottom: 4px; } .entity.entity--artist .entity_information, .entity.entity--user .entity_information { background-color: transparent; text-align: center; } .entity.entity--artist .entity_information>div, .entity.entity--user .entity_information>div { padding: 0 .85714rem; } .entity.not-in-grid { width: 200px; } .entity-overlay { color: #4d4d4d; } .entity-overlay .icon-check { position: absolute; top: 18px; right: 16px; color: #6c6; } .entity-overlay_cover { width: 70px; width: 5rem; } .entity-overlay_cover_img { display: block; } .entity-overlay_body { padding: 0 3.42857rem 0 1.14286rem; background-color: #f0f0f0; text-align: left; } .entity-overlay_body_secondary, .entity-overlay_body_title { display: inline-block; } .entity-overlay.entity-overlay--option { position: relative; } .entity-overlay.entity-overlay--option .entity-overlay_cover, .entity-overlay.entity-overlay--option .playlist-cover-grid { width: 50px; width: 3.57143rem; } .entity-overlay.entity-overlay--option .playlist-cover-grid { height: 50px; height: 3.57143rem; } .entity-overlay.entity-overlay--option .entity-overlay_body { background-color: transparent; } .entity-overlay.entity-overlay--option:hover .entity-overlay_body, .entry .feature.discreet { background-color: #f0f0f0; } .entity-secondary-menu { padding: 1.14286rem; border-bottom: 1px solid #bfbfbf; } .entity-secondary-menu .layout { color: #4d4d4d; } .entity-secondary-menu .layout_cover { position: absolute; width: 50px; width: 3.57143rem; } .entity-secondary-menu .layout_cover_img { display: block; } .entity-secondary-menu .layout_body { padding: 0 1.14286rem 0 4.71429rem; text-align: left; height: 50px; } .entity-secondary-menu .layout_body_secondary, .entity-secondary-menu .layout_body_title { display: inline; } .entry { position: relative; margin: 0 0 1.71429rem; } .entry>div:first-of-type { width: 48px; padding-right: 1.14286rem; } .entry>div:last-of-type { width: 100%; padding-right: 0; } .entry .avatar { width: 48px; height: 48px; } .entry .info { line-height: 16px; line-height: 1.14286rem; } .entry .info .author { word-break: break-all; font-size: 12px; } .entry .info .author a { float: left; } .entry .info .author span { float: left; margin-right: .25rem; } .entry .info .author span:first-child { margin-right: 0; } .entry .info .author:after { content: ":"; position: relative; left: -.3em; } .entry .info .date { float: right; padding-left: .85714rem; color: #bfbfbf; } .entry .source { color: #999; } .entry .source a:link, .entry .source a:visited { color: #737373; } .entry .source a:active, .entry .source a:focus, .entry .source a:hover { color:; } .entry .text { padding: .57143rem 0; line-height: 1.4; } .entry .text .title { margin-bottom: .85714rem; } .entry .text p { -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .entry .more .link-action { margin-top: -.57143rem; margin-right: -.85714rem; float: right; } .entry .feature { height: 100px; position: relative; margin: 8px 0 16px; z-index: 0; color: #FFF; } .entry .feature .background { z-index: -1; } .entry .feature .content { display: table; z-index: 1; } .entry .feature .cover>div { margin-left: 12px; width: 76px; height: 76px; border: 1px solid #FFF; } .entry .feature .information { padding: 0 12px 12px; } .entry .feature .source { line-height: 1.9; } .entry .feature .title { line-height: 1.2; } .entry .feature .author { line-height: 1; } .entry .feature .play { position: absolute; top: 26px; left: 26px; z-index: 2; } @media only screen and (min-width:768px) { .entry .feature: not(.discreet) { height: 178px; } .entry .feature:not(.discreet) .cover>div { margin-left: 24px; width: 130px; height: 130px; } .entry .feature:not(.discreet) .information { padding: 0 16px 24px 24px; } .entry .feature:not(.discreet) .play { top: 65px; left: 65px; } .entry .feature:not(.discreet) .title { font-size: 18px; } .entry .feature:not(.discreet) .author { font-size: 12px; } } .entry .feature.discreet .source { color: #bfbfbf; } .entry .feature.discreet .author, .entry .feature.discreet .title { color: #4d4d4d; } .entry .actions>button { height: 32px; height: 2.28571rem; } .entry .actions .thumbs { margin-left: -1.14286rem; float: left; } .entry .actions .reply { border-left: 1px solid #d1d1d1; } .entry .actions .secondary { float: right; } .entry .actions .btn-menu { height: 32px; } .entry .actions .btn-menu .icon { left: 6px; line-height: 32px; } .entry .type { min-height: 48px; display: table; } .entry .type>div:first-child { width: 100% } .entry .type .send, .entry .type .text { border: 1px solid #bfbfbf; color: #737373; height: 48px; } .entry .type .text { padding: 6px; line-height: 1.5; width: 100%; margin: 0; } .entry .type .text:focus, .entry .type .text:not(:empty) { height: 190px; outline: 0; } .entry .type .send { width: 48px; border-left: none; background-color: #f9f9f9; } .entry .type .send .icon { top: 1px; } .entry .type .send:hover { background-color: #f0f0f0; cursor: pointer; } .entry .type .remaining-chars { color: #999; } .entry.compose>div:first-child { width: 64px; } .entry.compose>div:last-child { padding-left: 0; width: 100% } .entry.compose>div textarea { resize: vertical; } .entry .expand-replies.count-only>div:nth-child(2) { padding-right: 0; } .entry .expand-replies.count-only>div:nth-child(3), .entry .expand-replies.expand-only>div:nth-child(1) { display: none; } .entry .expand-replies.expand-only>div:nth-child(2) { padding-left: 0; } .entry .expand-replies>div { white-space: nowrap; } .entry .expand-replies>div:nth-child(2) { width: 100%; padding: 0 12px; } .entry .expand-replies>div:nth-child(2)>div { content: ''; display: block; width: 100%; height: 1px; background-color: #e8e8e8; } .entry:before { position: absolute; content: ''; z-index: -1; top: -12px; bottom: -12px; left: -16px; right: -16px; display: block; } .entry.is-blinking:before { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: entryBlink; animation-name: entryBlink; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes entryBlink { 0%, 100% { background-color: #FFF; } 25% { background-color: #e8e8e8; } } @keyframes entryBlink { 0%, 100% { background-color: #FFF; } 25% { background-color: #e8e8e8; } } .form-search { position: relative; height: 48px; z-index: 0; overflow: visible; } .form-search input { color: #262626; width: 100%; border: none; background-color: transparent; } .form-search [type=reset] { visibility: hidden; } .form-search [type=reset].is-visible { visibility: visible; } .form-search [type=reset], .form-search_left { color: #999; } .form-search_left, .form-search_right { width: 48px; } .form-search_suggestions { top: 48px; top: 3.42857rem; border: 1px solid #d1d1d1; left: 0; right: 0; position: absolute; display: none; } .form-search_suggestions a { display: table; background-color: #FFF; } .list-button, .list-button>li { display: inline-block; } .form-search_suggestions_statistic, .form-search_suggestions_text { height: 48px; height: 3.42857rem; padding: 0 1.14286rem; } .form-search_suggestions_text { width: 100% } .form-search_suggestions_statistic { color: #737373; white-space: nowrap; } .form-search .icon-search { top: 3px; } .list-button { height: 48px; height: 3.42857rem; white-space: nowrap; vertical-align: top; } .list-button>li:first-child { margin-left: .57143rem; } .list-button-icon-fat { text-align: center; display: block; margin: 0 -.28571rem; } .list-view-action li, .player-controls li { display: inline-block; } .list-button-icon-fat li { margin: 0 4px; } .list-link li { margin-bottom: .57143rem; } .list-link.list-link--small li { margin-bottom: 0; } .list-track.list-track--no-cover .track { padding: 0; } .list-track>li { transition: background-color .18s; } .list-track>li button { z-index: 1; } .list-track>li:hover { background-color: #f9f9f9; } .list-track>li.featured:hover { background-color: #fbebe1; } .list-view-action { padding: .85714rem 0; background-color: #f9f9f9; text-align: center; } .list-view-action li { margin: 0 .42857rem; } .list-entity-overlay button { margin-bottom: .28571rem; } .list-entry .entry { border-bottom: #f0f0f0 1px solid; } .list-entry .entry:last-child { margin-bottom: 0; border-bottom: none; } .player-controls_repeat, .player-controls_shuffle { width: 48px; width: 3.42857rem; } .player-controls.is-radio .player-controls_next .icon, .player-controls.is-radio .player-controls_previous .icon, .player-controls_repeat .icon, .player-controls_shuffle .icon { opacity: .4; filter: alpha(opacity=40); } .player-controls.is-repeat .player-controls_repeat .icon, .player-controls.is-repeat-one .player-controls_repeat .icon, .player-controls.is-shuffle .player-controls_shuffle .icon { opacity: 1; filter: alpha(opacity=100); } .player-volume_range_track, .track.track--playlist-edition.is-removed .track_handle, .track.track--playlist-edition.is-removed .track_information, .track.track--playlist-edition.is-removed .track_play { opacity: .5; filter: alpha(opacity=50); } .player-controls .icon-repeat-one, .player-controls .player-controls_play .icon-play, .player-controls.is-pause .player-controls_play .icon-pause, .player-controls.is-repeat-one .player-controls_repeat .icon-repeat, .player-controls.is-stop .player-controls_play .icon-pause { display: none; } .player-controls .player-controls_play .icon-pause, .player-controls.is-pause .player-controls_play .icon-play, .player-controls.is-repeat-one .player-controls_repeat .icon-repeat-one, .player-controls.is-stop .player-controls_play .icon-play { display: inline; } .player .player-controls .player-controls_play { width: 64px; width: 4.57143rem; } .player .player-controls .player-controls_play .icon { font-size: 32px; font-size: 2.28571rem; width: 32px; width: 2.28571rem; height: 32px; height: 2.28571rem; } .player .player-controls .player-controls_next, .player .player-controls .player-controls_previous { width: 56px; width: 4rem; } .player .player-controls .player-controls_next .icon, .player .player-controls .player-controls_previous .icon, .player-mini .player-controls .player-controls_play .icon { font-size: 24px; font-size: 1.71429rem; width: 24px; width: 1.71429rem; height: 24px; height: 1.71429rem; } .player-mini .player-controls .player-controls_next, .player-mini .player-controls .player-controls_play, .player-mini .player-controls .player-controls_previous { width: 36px; width: 2.57143rem; } .player-volume { height: 48px; height: 3.42857rem; bottom: 64px; bottom: 4.57143rem; } .player-volume_max, .player-volume_mute { margin: 8px; } .player-volume_range { display: inline-block; position: relative; height: 48px; height: 3.42857rem; width: 176px; width: 12.57143rem; } .player-volume_range>* { position: absolute; left: 0; right: 0; } .player-volume_range_fill, .player-volume_range_track { top: 21px; top: 1.5rem; bottom: 21px; bottom: 1.5rem; background-color: #FFF; } .player-volume_range_fill { width: 100% } .player-volume input[type=range] { -webkit-appearance: none; background-color: transparent; width: 100%; height: 48px; height: 3.42857rem; } .player-volume input[type=range]:focus { outline: 0; } .player-volume input[type=range]::-ms-track { width: 100%; cursor: pointer; background: 0 0; border-color: transparent; } .player-volume input[type=range]::-moz-range-track { background-color: transparent; } .player-volume input[type=range]::-webkit-slider-thumb { -webkit-appearance: none!important; background: 0 0; width: 0; height: 48px; height: 3.42857rem; } .player-volume input[type=range]::-moz-range-thumb { -moz-appearance: none; appearance: none; width: 0; height: 48px; height: 3.42857rem; background-color: transparent; border-color: transparent; } .player-volume input[type=range]::-ms-thumb { width: 0; height: 48px; height: 3.42857rem; } .playlist-cover-grid { width: 100%; display: inline-block; overflow: hidden; font-size: 0; } .playlist-cover-grid>li { float: left; width: 50%; height: 50% } .post { position: relative; z-index: 0; } .post h1, .post h2, .post h3 { display: inline; } .post .quick-play { z-index: 2; } .post .link-wrap { position: relative; z-index: 0; display: block; } .post_entity { padding-bottom: 75% } .post_entity_background { overflow: hidden; } .post_entity_content>div { position: absolute; left: 16px; left: 1.14286rem; right: 16px; right: 1.14286rem; bottom: 16px; bottom: 1.14286rem; color: #FFF; } .post_entity_content_tag { line-height: 1; } .post_bar, .post_body { background-color: #f0f0f0; } .post_body { padding: 1.14286rem; } .post_body p a { text-decoration: none; color:; } .range { position: relative; height: 24px; z-index: 0; } .range>div { position: absolute; z-index: -1; } .range .bar-path { width: 100% } .range .bar { width: 0% } .range .thumb-path>div>div { display: table-cell; position: relative; } .range .thumb-path>div>div:first-child { width: 100% } .range.range--track .bar, .range.range--track .bar-path { transition: -webkit-transform .2s linear; transition: transform .2s linear; top: 11px; bottom: 11px; } .range.range--track:hover .bar, .range.range--track:hover .bar-path { -webkit-transform: scaleY(2); transform: scaleY(2); } .range.range--track .bar-path { background-color: #4d4d4d; } .range.range--track .bar { background-color:; } .range input[type=range] { -webkit-appearance: none; margin: 0; background-color: transparent; width: 100%; height: 24px; } .section-header .select+.select, .section-header h1+.select { margin-left: 4px; } .range input[type=range]:focus { outline: 0; } .range input[type=range]:disabled { cursor: default; } .section-header .select select:hover, .section-header .select:hover { cursor: pointer; } .range input[type=range]::-ms-track { width: 100%; cursor: pointer; background: 0 0; border-color: transparent; } .range input[type=range]::-ms-tooltip { display: none; } .range input[type=range]::-moz-range-track { background-color: transparent; } .range input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 10px; height: 10px; border-radius: 100%; background-color: #FFF; } .range input[type=range]::-moz-range-thumb { -moz-appearance: none; appearance: none; width: 10px; height: 10px; border-radius: 100%; background-color: #FFF; } .range input[type=range]::-ms-thumb { -ms-appearance: none; appearance: none; width: 10px; height: 10px; border-radius: 100%; background-color: #FFF; } .section-no-header { margin-top: 32px; } @media only screen and (min-width:1334px) { .section-no-header { margin-top: 48px; } } .section-footer { text-align: right; margin-top: 20px; height: 24px; overflow-y: visible; } .section-footer .btn { padding: 22px; } .section-footer.cta { text-align: left; } .list-track+.section-footer { margin-top: 12px; } .section-header { margin-top: 18px; height: 48px; position: relative; color: #737373; } .section-header_left>div, .section-header_right>div { display: inline-block; background-color: #FFF; } .section-header_left { width: 100% } .section-header_left>div { padding-right: 12px; } .section-header_line { display: block; width: 100%; position: absolute; top: 50%; left: 0; border-top: 1px solid #e8e8e8; z-index: -1; } .app-bar .avatar-button .user-menu-pin, .app-bar-new .avatar-button .user-menu-pin, .app-bar-new2 .avatar-button .user-menu-pin { left: 10px; } .section-header_right { white-space: nowrap; } .section-header_right>div { padding-left: 12px; } .section-header h1 { color: inherit; } .section-header h1.reset { color: inherit; font-size: inherit; text-transform: inherit; } .section-header .select { position: relative; display: inline-block; z-index: 2; } .section-header .select select { border-radius: 3px; padding: 5px 32px 4px 6px; border: 1px solid #bfbfbf; text-transform: uppercase; background: 0 0; line-height: 1.2727; color: inherit; outline: 0; font-family: futurabook, Arial, sans-serif; } .section-header .select select::-ms-expand { display: none; } .section-header .select select:focus { box-shadow: 0 0 5px #bfbfbf; } .section-header .select .icon { top: 50%; margin-top: -6px; position: absolute; right: 10px; z-index: -1; font-size: 12px; color: #bfbfbf; width: 12px; height: 12px; } .section-header.dual-select, .section-header.mono-select { margin-bottom: 8px; } @media only screen and (max-width:767px) { .section-header.dual-select .section-header_left>div { padding-right: 0; width: 100% } .section-header.dual-select .section-header_left>div:after, .section-header.dual-select .section-header_left>div:before { content: " "; display: table; } .section-header.dual-select .section-header_left>div:after { clear: both; } .section-header.dual-select .select { width: 49%; float: left; } .section-header.dual-select .select+.select { margin-left: 0; } .section-header.dual-select .select:first-child { margin-right: 1% } .section-header.dual-select .select:last-child { margin-left: 1% } .section-header.dual-select select { width: 100% } } @media only screen and (min-width:992px) { .section-header { margin-top: 20px; } } .section-header.section-header-first { height: 32px; padding-top: 16px; } .section-header+.section-header { margin-top: 0; } .section-secondary .date .icon { margin-right: 8px; } .section-secondary .date, .section-secondary .numbers, .section-secondary .stats { padding: 8px 0 0; } .section-secondary .stats { text-align: left; text-transform: uppercase; line-height: 1; } .section-secondary .stats li { display: inline-block; margin: 0 8px 0 0; } .section-secondary .cc { margin-top: 36px; } .section-secondary .cc li { display: inline-block; float: right; margin-left: 8px; color: #bfbfbf; } .section-secondary .cc .icon { font-size: 24px; width: 24px; height: 24px; } @media only screen and (min-width:992px) { .section-secondary .numbers { display: table; width: 100% } .section-secondary .numbers .date { font-size: 11px; } .section-secondary .numbers .stats { font-size: 9px; } .section-secondary .numbers .date, .section-secondary .numbers .stats { display: table-cell; } .section-secondary .stats { font-size: 10px; font-size: .71429rem; text-align: right; } .section-secondary .stats li { margin: 0 0 0 8px; } .section-secondary .stats .count { font-size: 14px; font-size: 1rem; } } @media only screen and (min-width:1334px) { .section-secondary .date, .section-secondary .stats { padding-top: 40px; } } .section-tertiary { padding: 48px 0; color: #999; text-align: center; } .section-tertiary .s_wrap { display: inline-block; width: 100% } .section-tertiary .s__content, .section-tertiary .s__glyph { vertical-align: middle; text-align: center; } .app-bar .avatar-button_avatar, .app-bar .avatar-button_username, .app-bar .separator, .app-bar-new .avatar-button_avatar, .app-bar-new .avatar-button_username, .app-bar-new2 .avatar-button_avatar, .app-bar-new2 .avatar-button_username, .btn-action-list li, .edit-image-cover a span, .navigation .wrap>div:first-child>div { vertical-align: top; } .section-tertiary .glyph { display: inline-block; margin: 0 0 16px; } .section-tertiary .text { margin: 8px 0 4px; } .section-tertiary .actions { vertical-align: top; margin: 10px -6px -6px; } .section-tertiary .actions li { display: inline; margin: 0 6px; font-size: 0; } .section-tertiary .action { margin: 10px 0 -6px; } .section-tertiary .btn { padding-top: 10px; padding-bottom: 10px; } .section-tertiary .btn:before { top: 6px; bottom: 6px; } .section-tertiary.as-incentive { background-color: #f9f9f9; padding: 32px; } .section-tertiary.as-incentive .s_wrap { display: block; } .section-tertiary.as-incentive .glyph { width: 48px; height: 48px; padding: 16px; border-radius: 100%; background-color: #e8e8e8; } @media only screen and (min-width:1334px) { .section-tertiary.as-incentive: not(.compact) { padding: 48px; } .section-tertiary.as-incentive:not(.compact) .s__content, .section-tertiary.as-incentive:not(.compact) .s__glyph { display: table-cell; text-align: left; } .section-tertiary.as-incentive:not(.compact) .s__glyph { width: 80px; padding-right: 32px; } .section-tertiary.as-incentive:not(.compact) .glyph { margin: 0; } } .licensing-img-insert-desktop a, .track_information_artist, .track_information_title { display: inline-block; } .section-tertiary.as-error .s_wrap, .section-tertiary.as-no-results .s_wrap, .section-tertiary.as-requirement .s_wrap { max-width: 500px; } .section-tertiary.as-error .heading, .section-tertiary.as-no-results .heading, .section-tertiary.as-requirement .heading { color: #4d4d4d; } .section-tertiary.as-requirement .glyph { color:; } .section-tertiary.as-error .glyph { color: #4d4d4d; } .section-tertiary.as-no-results .glyph { color: #737373; } .section-tertiary.as-form-introduction { text-align: left; } .licensing-img-insert-desktop { position: relative; overflow: visible; font-size: 0; height: 24px; } .licensing-img-insert-desktop>div { right: -32px; border-top: 4px solid #67b7bf; padding: 0 12px; text-align: right; z-index: 1; } .social-links { margin-top: 36px; } .social-links li { margin-bottom: .85714rem; padding-left: 1.71429rem; position: relative; } .social-links li:last-child { margin-bottom: 0; } .social-links .web { color: #4d4d4d; } .social-links .facebook { color: #5f78ab; } .social-links .twitter { color: #4099FF; } .social-links .google { color: #dd4b39; } .social-links .apple { color: #000; } .tile { background-color: #262626; overflow: hidden; } .tile_body_content_descriptive, .tile_body_content_standalone-title { padding: 1.14286rem; text-transform: uppercase; } .tile_body_content_descriptive_title { margin-bottom: .85714rem; } .tile_body_content_descriptive_title span { padding-bottom: .28571rem; display: inline-block; border-bottom: 1px solid #FFF; } .tile_body_content_descriptive_description { text-transform: initial; } .tile_play+a .tile_body .tile_body_content>* { padding: 3.42857rem 0; } .tile.tile--wide .tile_body { padding-bottom: 50% } .track { padding: .57143rem 0 .57143rem .57143rem; } .track_play { width: 48px; height: 48px; z-index: auto; position: relative; } .track_play img { z-index: -10; width: 50px; height: 50px; } .section_licensing button, .track.featured .track_play { z-index: 1; } .track .link-wrap { width: 100% } .track_information { padding: 0 .57143rem 0 .85714rem; } .track_tags { white-space: nowrap; letter-spacing: 1px; letter-spacing: .07143rem; padding: 0 .85714rem; display: none; } .track_tags li { display: inline-block; } .track_actions.track_actions_add-to-playlist, .track_actions.track_actions_share, .track_tags li:last-child:after { display: none; } .track_tags li:after { content: ", " } .track_duration { padding: 0 1.14286rem 0 .85714rem; display: none; } .track.track--playlist-edition .track_handle:hover, .track.track--playlist-edition .track_information:hover, .track.track--playlist-edition .track_play:hover { cursor: move; } .navigation .language select:hover, .navigation .wrap>div:first-of-type>a .logo:hover, .navigation a:hover, .search-module .chosen-container .search-field input[type=text]:focus+.btn-icon:hover, .search-module .chosen-container .search-field input[type=text]:valid+.btn-icon:hover { cursor: pointer; } .track.track--playlist-edition .track_handle { min-width: 32px; } .track.track--playlist-edition .track_handle .icon { font-size: 12px; font-size: .85714rem; color: #bfbfbf; } .track.track--playlist-edition img { width: 48px; height: 48px; } .track.track--playlist-deleted { background-color: #f9f9f9; } .track.track--playlist-deleted>div { color: #737373; } .track.track--playlist-deleted>div:nth-child(1) { padding-left: 1.07143rem; } .track.track--playlist-deleted>div:nth-child(2) { padding-left: 1.92857rem; width: 100% } @media only screen and (min-width:768px) { .post_body { min-height: 97px; } .track_actions.track_actions_add-to-playlist, .track_actions.track_actions_share { display: inline; } .track_duration { display: table-cell; } } @media only screen and (min-width:992px) { .track_tags { display: table-cell; } } .track.featured { background-color: #fef5ef; } .track.featured .track_actions .desktop-secondary-menu-wrap { display: none; } .track.featured .list-button li:hover { background-color: #fbebe1; } @media only screen and (max-width:480px) { .track.featured>a>div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .track.featured>a>div .track_information { display: block; margin: 0; max-width: 120px; } .track.featured>a>div .highlighted { display: block; margin: -6px 0 -12px 12px; } .track.featured .track_actions { white-space: nowrap; } .track.featured .track_actions ul li:nth-of-type(4) { display: none; } .track.featured .track_actions .desktop-secondary-menu-wrap { display: inline-block; } .track.featured .track_actions .desktop-secondary-menu-wrap .desktop-secondary-menu { top: calc(100% + 9px); } .licensing-links { height: 67px; } .licensing-links>a { display: none; } } .licensing-links { position: absolute; right: 0; color: #FFF; background-color: #67b7bf; text-transform: uppercase; text-align: center; padding: 0 16px; max-height: 65px; min-width: 450px; } .licensing-links>p { text-align: center; line-height: .5; padding-top: 12px; } @media only screen and (max-width:1334px) { .licensing-links { margin-left: -32px; margin-right: -32px; min-width: auto; max-height: none; position: relative; } } @media only screen and (max-width:992px) { .licensing-links { margin-left: -16px; margin-right: -16px; } } @media only screen and (max-width:768px) { .licensing-links { visibility: hidden; } } .selection_titles h1 { font-weight: 600; font-size: 17px; text-transform: initial; letter-spacing: 0; } .selection_titles h2 { font-size: 13px; font-weight: 400; margin-bottom: 10px; } .section_licensing { margin-top: 16px; } .section_licensing header, .section_licensing ul { background-color: #ebf6f7; } .section_licensing header { display: block; height: auto; padding: 16px 0 0 16px; } .section_licensing .list-track { padding: 16px 16px 0; } .section_licensing .list-track .track { padding: 8px 0; border-bottom: 1px solid #e8e8e8; transition: background-color .25s; } .section_licensing .list-track .track:first-of-type { padding-top: 8px; } .section_licensing .list-track .track:last-of-type { border: none; padding-bottom: 8px; } .section_licensing .list-track .track .list-button, .section_licensing .list-track .track .list-button li a { background-color: #ebf6f7; transition: background-color .25s; } .section_licensing .list-track .track:hover { background-color: #d5ebec; margin: 0 16px 0 -16px; padding: 8px 16px; width: calc(100%+32px); } .section_licensing .list-track .track:hover:last-of-type { padding-top: 8px; } .section_licensing .list-track .track:hover .list-button, .section_licensing .list-track .track:hover .list-button li a { background-color: #d5ebec; } .section_licensing .section-footer { margin-top: 38px; } .app-bar_wrap { width: 100%; background-color: #e8e8e8; color: #999; } .app-bar_left, .app-bar_right { white-space: nowrap; } .app-bar_right { text-align: right; } .app-bar .user-zone { display: inline-block; margin-right: 16px; } .app-bar .avatar-button { padding: 10px 0; height: 48px; white-space: nowrap; } .app-bar .avatar-button_avatar { width: 28px; display: inline-block; } .app-bar .avatar-button_username { line-height: 28px; color: #737373; letter-spacing: .5px; padding-left: 8px; display: none; } .app-bar .avatar-button.menu-is-opened .user-menu, .app-bar .avatar-button.menu-is-opened .user-menu-pin { visibility: visible; } .app-bar .separator { width: 1px; display: inline-block; background-color: #d1d1d1; height: 36px; margin: 6px 0; } .app-bar .user-menu { visibility: hidden; position: absolute; right: 0; top: 47px; background-color: #FFF; min-width: 150px; border: 1px solid #d1d1d1; } .app-bar .user-menu li { border-bottom: 1px solid #d1d1d1; } .app-bar .user-menu li:last-child { border-bottom: none; } .app-bar .user-menu li:hover { background-color: #f0f0f0; } .app-bar .user-menu a { text-decoration: none; color: #4d4d4d; padding: 16px; display: inline-block; } .app-bar .user-menu-pin { position: absolute; bottom: 0; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #d1d1d1; visibility: hidden; } .app-bar_search { display: none; background-color: #FFF; } .app-bar.is-search .app-bar_wrap { display: none; } .app-bar.is-search .app-bar_search { display: block; } @media only screen and (min-width:1334px) { .app-bar_left { width: 50% } .app-bar .avatar-button_username { display: inline-block; } .app-bar .user-zone { margin-right: 0; } } .menu-for-app-bar { display: inline-block; width: 300px; height: 140px; background: #000; color: #fff; text-align: center; padding: 0 10px; } @media only screen and (min-width:1334px) { .menu-for-app-bar { width: 180px; } } .container-for-app-bar { width: 100%; position: absolute; display: inline-block; } .app-bar-new { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 0 5px; background-color: #e8e8e8; color: #999; } .app-bar-new .list-button:first-child { display: none; } .app-bar-new .list-button:nth-child(2) { -webkit-box-ordinal-group: NaN; -ms-flex-order: initial; order: initial; margin-left: 11px; } .app-bar-new .list-button:nth-child(2) li a { pointer-events: none; color: #999; top: 1px; } .app-bar-new .user-menu, .app-bar-new2 .user-menu { right: 0; top: 47px; min-width: 150px; position: absolute; } .app-bar-new .list-button.social-icons { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 10px; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .app-bar-new .form-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .app-bar-new .user-zone { margin-right: 16px; } .app-bar-new .user-zone .btn { white-space: nowrap; } .app-bar-new .avatar-button { padding: 10px 0; height: 48px; white-space: nowrap; } .app-bar-new .avatar-button_avatar { width: 28px; display: inline-block; } .app-bar-new .avatar-button_username { line-height: 28px; color: #737373; letter-spacing: .5px; padding-left: 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .app-bar-new .form-search_left, .app-bar-new.is-search .list-button.social-icons, .app-bar-new.is-search .list-button:first-child, .app-bar-new.is-search .list-button:first-child li:first-child, .app-bar-new.is-search .list-button:nth-child(2), .app-bar-new.is-search .separator, .app-bar-new.is-search .user-zone { display: none; } .app-bar-new .avatar-button.menu-is-opened .user-menu, .app-bar-new .avatar-button.menu-is-opened .user-menu-pin { visibility: visible; } .app-bar-new .separator { width: 1px; background-color: #d1d1d1; height: 36px; margin: 6px 0; display: none; } .app-bar-new .form-search_input { width: 100% } .app-bar-new.is-search .form-search_input { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% - 35px); } .app-bar-new.is-search .form-search_left { width: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; } .app-bar-new .user-menu { visibility: hidden; background-color: #FFF; border: 1px solid #d1d1d1; } .app-bar-new .user-menu li { border-bottom: 1px solid #d1d1d1; } .app-bar-new .user-menu li:last-child { border-bottom: none; } .app-bar-new .user-menu li:hover { background-color: #f0f0f0; } .app-bar-new .user-menu a { text-decoration: none; color: #4d4d4d; padding: 16px; display: inline-block; } .app-bar-new .user-menu-pin { position: absolute; bottom: 0; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #d1d1d1; visibility: hidden; } .app-bar-new_search { display: none; background-color: #FFF; } @media only screen and (max-width:1334px) { .app-bar-new .list-button: first-child { display: -webkit-box; display: -ms-flexbox; display: flex; } .app-bar-new .list-button:nth-child(2) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .app-bar-new .list-button:nth-child(2) li a { pointer-events: visible; color: #4d4d4d; } .app-bar-new .list-button:nth-child(2) li a:hover { color: red; } .app-bar-new .separator { display: -webkit-box; display: -ms-flexbox; display: flex; } .app-bar-new .avatar-button_username, .app-bar-new .form-search_input { display: none; } } .app-bar-new2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; background-color: #e8e8e8; color: #999; } .app-bar-new2 .bar-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; white-space: nowrap; } .app-bar-new2 .social-and-login-container { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; white-space: nowrap; } .app-bar-new2 .list-button:first-child { display: none; } .app-bar-new2 .list-button:nth-child(2) { display: none; -webkit-box-ordinal-group: NaN; -ms-flex-order: initial; order: initial; } .app-bar-new2 .list-button:nth-child(2) li a { pointer-events: none; color: #999; } .app-bar-new2 .list-button.social-icons { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 10px; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .app-bar-new2 .list-button .btn-icon { color: #999; } .app-bar-new2 .list-button .btn-icon:hover { color:; } .app-bar-new2 .form-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .app-bar-new2 .user-zone { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding-left: 9px; } .app-bar-new2 .user-zone .btn { white-space: nowrap; } .app-bar-new2 .avatar-button { padding: 10px 0; height: 48px; white-space: nowrap; } .app-bar-new2 .avatar-button_avatar { width: 28px; display: inline-block; } .app-bar-new2 .avatar-button_username { line-height: 28px; color: #737373; letter-spacing: .5px; padding-left: 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .app-bar-new2 .form-search_left, .app-bar-new2.is-search .list-button.social-icons, .app-bar-new2.is-search .list-button:first-child, .app-bar-new2.is-search .list-button:first-child li:first-child, .app-bar-new2.is-search .list-button:nth-child(2), .app-bar-new2.is-search .separator, .app-bar-new2.is-search .user-zone { display: none; } .app-bar-new2 .avatar-button.menu-is-opened .user-menu, .app-bar-new2 .avatar-button.menu-is-opened .user-menu-pin { visibility: visible; } .app-bar-new2 .form-search_input { width: 100% } .app-bar-new2.is-search .form-search_input { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% - 35px); } .app-bar-new2.is-search .form-search_left { width: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; } .app-bar-new2 .user-menu { visibility: hidden; background-color: #FFF; border: 1px solid #d1d1d1; } .app-bar-new2 .user-menu li { border-bottom: 1px solid #d1d1d1; } .app-bar-new2 .user-menu li:last-child { border-bottom: none; } .app-bar-new2 .user-menu li:hover { background-color: #f0f0f0; } .app-bar-new2 .user-menu a { text-decoration: none; color: #4d4d4d; padding: 16px; display: inline-block; } .app-bar-new2 .user-menu-pin { position: absolute; bottom: 0; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #d1d1d1; visibility: hidden; } .app-bar-new2_search { display: none; background-color: #FFF; } @media only screen and (max-width:992px) { .app-bar-new2 { padding-left: calc(1% + 13px); } .app-bar-new2 .list-button:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; } .app-bar-new2 .list-button>li:first-child { margin-left: -4px; } .app-bar-new2 .list-button:nth-child(2) { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 8px; } .app-bar-new2 .list-button:nth-child(2) li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: visible; color: #999; } .app-bar-new2 .list-button:nth-child(2) li a .icon { font-size: 1.5rem; line-height: 16px; } .app-bar-new2 .list-button>li:last-child { margin-right: 0; margin-left: 6px; } .app-bar-new2 .space-for-responsive-bar { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } .app-bar-new2 .separator { display: -webkit-box; display: -ms-flexbox; display: flex; } .app-bar-new2 .avatar-button_username, .app-bar-new2 .form-search_input, .app-bar-new2 .search-module__left { display: none; } .app-bar-new2 .search-module { position: fixed; min-height: 68px; left: 0; margin: 0; padding-left: calc(1% + 15px); padding-right: calc(1% + 15px); background-color: #f1f1f1; box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .6); top: -200px; transition: initial; } .app-bar-new2 .search-module.focus { top: 48px; transition: initial; } .app-bar-new2 .search-module .chosen-container .chosen-choices { background-color: #f1f1f1; margin-right: 4px; } .app-bar-new2 { padding-right: 5px; } } .search-module, .search-module.focus { transition-duration: .5s; transition-timing-function: ease-out; } .dispatcher .link-wrap { padding: 1.71429rem; display: table; width: 100% } .dispatcher_body_title { padding-bottom: .57143rem; } .dispatcher .icon { padding-left: 1.71429rem; font-size: 24px; font-size: 1.71429rem; color:; } .hero-entity-description { width: 100%; color: #262626; line-height: 1.5; } .hero-entity-description .primary, .hero-entity-description .tags { display: inline; } .hero-entity-description .tags.inline-block, .hero-entity-description .tags.inline-block>li { display: inline-block; } .hero-entity-description .prefix, .hero-entity-description .tags { font-size: 10px; font-size: .71429rem; color: #999; } .hero-entity-description .prefix { text-transform: uppercase; } .hero-entity-description .prefix .icon { margin-right: .57143rem; } .hero-entity-description .primary { font-size: 16px; font-size: 1.14286rem; } .hero-entity-description .secondary { font-size: 11px; font-size: .78571rem; text-transform: uppercase; } .hero-entity-description .secondary:link { color: #262626; text-decoration: none; } .hero-entity-description .secondary:link:hover { text-decoration: underline; } .hero-entity-description .source-link { font-size: 11px; font-size: .78571rem; } .hero-entity-description .source-link a:link, .hero-entity-description .source-link a:visited { color: #4d4d4d; } .hero-entity-description .source-link a:active, .hero-entity-description .source-link a:hover { color: #262626; } .hero-entity-description .tags a { color: inherit; text-decoration: none; } .hero-entity-description .tags.reset { font-size: inherit; color: inherit; } @media only screen and (max-width:1334px) { .hero-entity-description .tags.inline-block { font-size: 12px; } } .hero-entity-description.overlay .prefix, .hero-entity-description.overlay .primary, .hero-entity-description.overlay .secondary, .hero-entity-description.overlay .tags { color: #FFF; } @media only screen and (min-width:768px) { .hero-entity-description .primary { font-size: 24px; font-size: 1.71429rem; font-weight: 400; } .hero-entity-description .secondary { font-size: 14px; font-size: 1rem; } } .hero-cover { display: block; } .btn-action-list, .btn-action-list li { display: inline-block; } .hero-cover img { max-width: 100% } .btn-action-list li { margin-right: 12px; font-size: 0; } .btn-action-list li:last-child { margin-right: 0; } .btn-action-list li:empty { display: none; } .btn-action-list.small li { margin-right: 8px; } .btn-action-list.small .icon-pause-s, .btn-action-list.small .icon-play-s { top: 1px; } .btn-action-list.small .icon-share { left: -1px; } .btn-expand { width: 36px; height: 36px; float: right; } .btn-expand .icon { font-size: 12px; line-height: 36px; } .edit-image-cover { position: absolute; top: 0; left: 0; z-index: 5; } .edit-image-cover a { color: #FFF; padding: 16px; display: inline-block; text-decoration: none; } .edit-image-cover a span { display: none; color: #FFF; line-height: 18px; text-decoration: underline; } .empty-message, .hero-desktop_cover .edit-image-cover a:hover span, .navigation a, .pivot-bar a, .player_entity-information>*, .results-container .chosen-results .cta-btn { text-decoration: none; } .hero-desktop { width: 100%; position: relative; z-index: 0; color: #FFF; margin-top: 48px; } @media only screen and (min-width:992px) { .edit-image-cover .icon { margin-right: 8px; } .edit-image-cover a:hover span { display: inline-block; } .hero-desktop { margin-top: 0; } } .hero-desktop_cover { z-index: -1; overflow: hidden; position: relative; } .hero-desktop_cover .edit-image-cover { right: 16px; text-align: right; } .hero-desktop_cover .edit-image-cover a { width: 36px; color: #737373; } .hero-desktop_cover .edit-image-cover a .icon { margin: 0; } .hero-desktop_cover .edit-image-cover a span { color: #737373; font-family: futurabook, Arial, sans-serif; } .hero-desktop_cover .edit-image-cover a:hover { width: auto; } @media only screen and (max-width:992px) { .hero-desktop_cover { width: calc(100% + 32px); margin-left: -16px; margin-right: -16px; } } .hero-desktop_structure { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 100%; position: relative; margin-top: -5px; min-height: 200px; } .hero-desktop .thumb { padding: 0; margin: 0 25px; height: auto; right: 0; top: 0; position: absolute; } @media only screen and (max-width:768px) { .hero-desktop .thumb { width: 96px; } } .hero-desktop .content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: none; padding: 32px 0 0; } @media only screen and (min-width:1334px) { .hero-desktop_structure { -ms-flex-flow: row; flex-flow: row; } .hero-desktop .content { margin-top: 0; } } .hero-desktop .content>div { padding-right: 12px; } @media only screen and (max-width:550px) { .hero-desktop .content { -ms-flex-flow: column; flex-flow: column; } .hero-desktop .content>div { padding-right: 0; } } .hero-desktop .content>ul { -ms-flex-flow: column; flex-flow: column; width: 200px; min-width: 200px; } @media only screen and (min-width:1334px) { .hero-desktop .content>ul { -ms-flex-flow: row; flex-flow: row; width: auto; } } @media only screen and (max-width:1334px) { .hero-desktop .content>ul li { line-height: 1.3; display: -webkit-box; display: -ms-flexbox; display: flex; } .hero-desktop .content>ul li>div { width: 50% } .hero-desktop .content>ul li>div:first-of-type { text-align: right; margin-right: 3px; } .hero-desktop .content>ul li>div:last-of-type { text-align: left; margin-left: 3px; } .hero-desktop .content>ul li:nth-of-type(2) { margin: 12px 0; } } @media only screen and (max-width:768px) { .hero-desktop .content>ul { width: 146px; min-width: 146px; padding-top: 30px; } .hero-desktop .content>ul li { -ms-flex-flow: column; flex-flow: column; font-size: 12px; } .hero-desktop .content>ul li>div:first-of-type, .hero-desktop .content>ul li>div:last-of-type { width: 100%; text-align: center; margin-left: 0; margin-right: 0; } } @media only screen and (max-width:550px) { .hero-desktop .content>ul { -ms-flex-flow: row; flex-flow: row; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .hero-desktop .content>ul li:nth-of-type(2) { margin: 0 12px; } .hero-desktop .content>ul li>div:first-of-type, .hero-desktop .content>ul li>div:last-of-type { font-size: 12px; } .hero-desktop .content .hero-entity-description h1 { max-width: 73% } } .hero-desktop .content .hero-entity-description { white-space: initial; } .hero-desktop .content .hero-entity-description>* { color: #4d4d4d; } .hero-desktop.hero-is-overlay .hero-desktop_structure .content h1, .messages, .messages_message_text a { color: #FFF; } @media only screen and (max-width:1334px) { .hero-desktop .content .hero-entity-description h1 { font-size: 32px; } } .hero-desktop.no-thumb .content { padding-left: 32px; } .hero-desktop .avatar { width: 150px; margin-top: -50% } .hero-desktop .btn-action-list, .hero-plain_actions { margin-top: 16px; } @media only screen and (min-width:1334px) { .hero-desktop .avatar { width: 200px; } } @media only screen and (max-width:768px) { .hero-desktop .avatar { width: 96px; } } @media only screen and (max-width:390px) { .hero-desktop .content>ul { padding-top: 10px; } .hero-desktop .btn-action-list>li { margin-bottom: 10px; } } .hero-desktop .edit-image-cover { top: 16px; left: 16px; } .hero-desktop.hero-is-overlay .hero-desktop_structure { height: 100% } .hero-desktop.hero-is-overlay .hero-desktop_structure .content { -ms-flex-flow: column; flex-flow: column; padding-bottom: 32px; } .hero-mobile { position: relative; margin-right: -16px; margin-left: -16px; } .hero-mobile_cover { padding-bottom: 33.33333%; overflow: hidden; position: relative; } .hero-mobile_cover img { max-width: 100%; display: block; } .hero-mobile_content { position: relative; padding: 8px 16px 0 120px; z-index: 1; } .hero-mobile_actions { padding: 14px 4px 0 16px; } .hero-mobile .thumb { position: absolute; width: 96px; left: 14px; bottom: 0; } .hero-mobile.no-thumb .hero-mobile_content { padding: 16px 16px 0; } .hero-plain_content { max-width: 50px; } .hero-plain.mobile { padding: 16px 0; } .hero-plain.mobile .hero-plain_cover { width: 96px; } .hero-plain.mobile .hero-plain_content { padding-left: 16px; } .hero-plain.desktop { height: 240px; margin: 32px 0; } .hero-plain.desktop .hero-plain_cover { width: 180px; } .hero-plain.desktop .hero-plain_content { padding-left: 24px; } .hero-plain.desktop .btn-action-list { margin-top: 22px; } @media only screen and (min-width:992px) { .hero-plain.desktop .hero-plain_cover { width: 240px; } } .image-crop { position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .image-crop, .image-crop-get-set { max-width: 600px; } .image-crop-get-set { text-align: center; position: absolute; bottom: 15%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 999; width: 100% } .image-crop .icon-picture, .image-crop .icon-picture-s, .image-crop-rotate-ccw, .image-crop-rotate-cw { position: absolute; bottom: 0; } .messages_message, .messages_message .container { position: relative; } .image-crop .icon-picture-s { left: 80px; bottom: 18px; } .image-crop .icon-picture { right: 0; bottom: 16px; } .image-crop-rotate-ccw { left: 0; } .image-crop-rotate-cw { left: 32px; } .image-crop-input { display: none!important; } .messages:empty, .messages_message:not(:nth-last-child(-n+2)) .messages_message_dismiss, .messages_message:not(:nth-last-child(-n+2)) .messages_message_text, .messages_message:not(:nth-last-child(-n+4)) { display: none; } .image-crop-save { margin-left: 8px; } @media only screen and (min-width:992px) { .image-crop.square, .image-crop.square+.image-crop-get-set { max-width: 400px; } } .croppie-container .cr-slider-wrap { margin: 22px 28px 22px 104px; width: auto; } .messages { background-color: #FFF; margin: 8px; } .messages_message { background-color: #262626; padding: .85714rem; border-top: 1px solid #FFF; } .messages_message_text { padding-right: 3.42857rem; } .navigation a, .navigation a:link, .navigation a:visited { color: #d1d1d1; } .messages_message_dismiss { position: absolute; right: 0; top: 50%; margin-top: -1.71429rem; width: 36px; width: 2.57143rem; height: 36px; height: 2.57143rem; } .messages_message_dismiss .icon { margin-left: -.42857rem; margin-top: -.42857rem; } .messages_message.is-success { background-color: #6c6; } .messages_message.is-warning { background-color: #cc6e29; } .messages_message.is-danger { background-color: #cc2929; } .messages_message.is-cookie-banner { background-color: #191919; } .messages_message:first-child { border-top: none; } .messages_message:not(:nth-last-child(-n+2)) { padding: .14286rem 0; } .navigation { width: 180px; background-color: #262626; height: auto; } .navigation a.is-active .icon, .navigation a.is-active:link, .navigation a.is-active:visited, .navigation a:active, .navigation a:active .icon, .navigation a:hover, .navigation a:hover .icon { color: #FFF; } .navigation .wrap>div:first-of-type>a { display: inline-block; } .navigation .wrap>div:first-of-type>a .logo { margin: 12px 0; } .navigation .primary a { display: block; letter-spacing: 1px; line-height: 2; } .navigation .primary a>* { display: inline; } .navigation .primary .primary-title { line-height: 1.25; } .navigation .primary .primary-title>span { color: #d1d1d1; letter-spacing: 1px; } .navigation .primary .btn--brand, .navigation .primary .btn--lightgrey-brand { line-height: 1.4; padding: 1.8em .3em; } .navigation .primary .icon { margin-right: 12px; color: #737373; } .navigation .licensing-add { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #67b7bf; padding: 10px 6px 5px!important; margin: 16px auto; text-align: center; height: 255px; } .navigation .licensing-add>* { width: 100% } .navigation .licensing-add figure { background-repeat: no-repeat; background-size: contain; background-position: center; } .navigation .licensing-add figure:first-of-type { background-image: url(https://images.jamendo.com/jamendomusic/static/svg/jamendo-licensing-logo-white.svg); height: 36px; margin-top: 5px; } .navigation .licensing-add figure:last-of-type { background-image: url(https://images.jamendo.com/jamendomusic/static/svg/vintage-video.svg); height: 73px; } .navigation .licensing-add p { color: #6ff0ff; line-height: 1.3; font-size: 13px; } .navigation .licensing-add .btn { font-size: 12px; } .navigation .licensing-add .btn:before { background-color: #4bd2e2; } .navigation .licensing-add:hover { background-color: #58abb3; } .navigation .licensing-add:hover p { color: #FFF; } .navigation .licensing-add:hover .btn:before { background-color: #409199; } @media only screen and (max-height:800px) { .navigation .licensing-add { height: 230px; } .navigation .licensing-add figure:last-of-type { height: 60px; } } @media only screen and (max-height:785px) { .navigation .licensing-add { height: 200px; } .navigation .licensing-add figure:first-of-type { height: 34px; } .navigation .licensing-add figure:last-of-type { height: 52px; } } @media only screen and (max-height:755px) { .navigation .licensing-add { height: 160px; } .navigation .licensing-add figure:last-of-type { display: none; } } @media only screen and (max-height:715px) { .navigation .licensing-add { height: 102px; } .navigation .licensing-add figure:first-of-type { display: none; } } @media only screen and (max-height:695px) { .navigation .licensing-add { display: none; } } .navigation .secondary { letter-spacing: .5px; width: 148px; } .navigation .secondary li { display: inline; line-height: 1.5; white-space: nowrap; margin-right: 4px; } .navigation .secondary li:last-child:after { display: none; } .navigation hr { display: block; height: 1px; margin: 16px 0; border: 0; background-color: #3c3c3c; } .navigation .language { position: relative; z-index: 0; } .navigation .language select { letter-spacing: .5px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 5px 0; background: 0 0; color: #999; outline: 0; border: none; z-index: 2; } .navigation .language .icon { position: absolute; top: 50%; right: 0; font-size: 12px; margin-top: -14px; z-index: -1; width: 12px; height: 12px; } .navigation .logo-link { padding: 16px 0; display: inline-block; } .navigation .wrap, .search-module__field { display: -webkit-box; display: -ms-flexbox; } .navigation .wrap { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 16px; height: 100%; min-height: 100vh; } .navigation .wrap>div:last-child>div { vertical-align: bottom; padding-bottom: 16px; } @media only screen and (max-height:902px) { .navigation .wrap.is-logged .licensing-add { height: 230px; } .navigation .wrap.is-logged .licensing-add figure:last-of-type { height: 60px; } } @media only screen and (max-height:887px) { .navigation .wrap.is-logged .licensing-add { height: 200px; } .navigation .wrap.is-logged .licensing-add figure:first-of-type { height: 34px; } .navigation .wrap.is-logged .licensing-add figure:last-of-type { height: 52px; } } @media only screen and (max-height:857px) { .navigation .wrap.is-logged .licensing-add { height: 160px; } .navigation .wrap.is-logged .licensing-add figure:last-of-type { display: none; } } @media only screen and (max-height:817px) { .navigation .wrap.is-logged .licensing-add { height: 102px; } .navigation .wrap.is-logged .licensing-add figure:first-of-type { display: none; } } @media only screen and (max-height:797px) { .navigation .wrap.is-logged .licensing-add { display: none; } } .navigation .social { margin-left: -4px; text-align: center; } .navigation .social li { display: inline-block; } .navigation .social a:link, .navigation .social a:visited { color: #999; width: 34px; height: 27px; } .navigation .social a:link .icon, .navigation .social a:visited .icon { line-height: 27px; } .navigation .social a.btn--apple:before, .navigation .social a.btn--facebook:before, .navigation .social a.btn--google:before, .navigation .social a.btn--instagram:before, .navigation .social a.btn--twitter:before { background-color: transparent; } .navigation .btn-icon.btn--overlay.close--menu { display: none; } html[lang=fr] .entry .info .author:after { left: 0; } @media only screen and (max-width:992px) { .btn-icon.btn--overlay.close--menu { display: inline-block!important; margin: 8px 0 0 8px; width: 48px; height: 48px; } .navigation { width: 300px; height: auto; } .navigation .close { margin: 8px 0 0 8px; width: 48px; height: 48px; } .navigation .wrap { padding: 0 24px 24px; } .navigation .wrap>div>a { display: none; } .navigation .primary a { line-height: 3; } .navigation .primary .btn--brand, .navigation .primary .btn--lightgrey-brand { max-width: 200px; } .navigation .secondary a { line-height: 1; display: block; } .navigation .social { margin-left: -3px; text-align: left; } .navigation .social li { display: inline-block; } .navigation .social li a:link { width: 48px; height: 48px; color: #FFF; } .navigation .social li a:link .icon { line-height: 48px; } .navigation .social a.btn--facebook:before { background-color: #5f78ab; } .navigation .social a.btn--twitter:before { background-color: #4099FF; } .navigation .social a.btn--google:before { background-color: #dd4b39; } .navigation .social a.btn--apple:before { background-color: #000; } .navigation .social a.btn--instagram:before { background-color: #e0176c; } } .empty-message { padding: 24px 12px; color: #262626; text-align: center; font-weight: 300; display: none; } .arrow-top { position: absolute; top: -5px; width: 5px; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #d1d1d1; } .notifications { overflow-y: auto; width: 100%; height: 100%; max-height: 413px; } .notifications .notification { border-bottom: 1px solid #d1d1d1; } .notifications .notification>div { padding: 0 12px; } .notifications .notification>div:nth-child(2) { padding-left: 0; } .notifications .notification-target { color: #737373; } .notifications .notification-target span { color: #262626; } .notifications .notification-target>div { padding: 16px 0; } .notifications .notification-target>div:first-child { width: 36px; } .notifications .notification-target>div:last-child { padding-left: 12px; } .notifications .notification:hover { background-color: #e8e8e8; } .notifications .notification.state-new, .notifications .notification.state-seen, .overlay-bar { background-color: #f0f0f0; } .notifications .notification:last-child { border-bottom: none; } .notifications .notification .btn { white-space: nowrap; } @media only screen and (max-width:768px) { .notifications { width: 100%; height: 100%; max-height: 100%; overflow-y: auto; } .notifications :hover { overflow-y: hidden; } } .overlay-bar { width: 100%; color: #4d4d4d; } .overlay-bar_information { padding: 0 .57143rem; text-transform: uppercase; } .overlay-bar_information_prefix, .overlay-bar_information_title { display: inline; } .overlay-bar_information_prefix { line-height: 1.4; } .overlay-bar.overlay-bar--on-image { background-color: transparent; color: #FFF; } .search-module { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; margin: 3px; padding: 6px 0; min-height: 50px; background-color: #f1f1f1; transition-property: -webkit-box-flex; transition-property: -ms-flex-positive; transition-property: flex-grow; } .search-module.highlight, .search-module.highlight .chosen-container, .search-module.highlight .chosen-container .chosen-choices { background-color: #FFF; } .search-module.highlight .search-module__left { color:; } .search-module.focus { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; transition-property: -webkit-box-flex; transition-property: -ms-flex-positive; transition-property: flex-grow; } .search-module__left, .search-module__right { text-align: center; width: 56px; } .search-module__left button, .search-module__right button { line-height: 1; vertical-align: middle; } .search-module__left button:focus, .search-module__right button:focus { outline: 0; } .search-module__left { color: #999; } .search-module__left .icon { font-size: 1.5rem; line-height: 2rem; } .search-module__field { display: flex; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } .search-module .chosen-container { width: 100%; position: initial; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #f1f1f1; } .search-module .chosen-container .chosen-choices { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; height: auto; border: none; background-image: none; background-color: #f1f1f1; padding: 0; box-shadow: none; } .search-module .chosen-container .chosen-choices li.search-choice { color:; border-width: 2px; border-style: solid; background-color: transparent; } .search-module .chosen-container .chosen-choices li.search-choice .search-choice-close { color:; } .search-module .chosen-container .chosen-choices li.search-choice span { white-space: nowrap; word-wrap: break-word; } .search-module .chosen-container .chosen-choices:not(:empty)+.search-field button { visibility: visible; cursor: pointer; margin-right: 10px; } @media only screen and (max-width:992px) { .search-module .chosen-container .chosen-choices: not(:empty)+.search-field button { margin-right: 0; } } .search-module .chosen-container .search-field { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; position: relative; max-width: 100%; min-width: 314px; height: 25px; margin: 0; } .search-module .chosen-container .search-field .search-field-placeholder, .search-module .chosen-container .search-field input[type=text] { width: calc(100% - 60px); height: 100%; position: absolute; top: 0; font-family: futurabook, Arial, sans-serif; font-size: 13px; padding: 1px 0; background-color: transparent; border: 0; color:; } .search-module .chosen-container .search-field .search-field-placeholder::-ms-clear, .search-module .chosen-container .search-field input[type=text]::-ms-clear { display: none; } .search-module .chosen-container .search-field input[type=text] { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; padding-left: 0; max-width: calc(100% - 4rem); font-weight: 400; width: calc(100% - 60px); outline: 0; } .search-module .chosen-container .search-field input[type=text]+.btn-icon { position: absolute; right: 0; } .search-module .chosen-container .search-field input[type=text]:focus+.btn-icon, .search-module .chosen-container .search-field input[type=text]:valid+.btn-icon { visibility: visible; margin-right: 10px; } .search-module .chosen-container .search-field input[type=text]:not(output):-moz-ui-invalid { box-shadow: none; } .search-module .chosen-container .search-field input::-webkit-input-placeholder { color: #999; opacity: 1; } .search-module .chosen-container .search-field input::-moz-placeholder { color: #999; opacity: 1; } .search-module .chosen-container .search-field input:-ms-input-placeholder { color: #999; opacity: 1; } .search-module .chosen-container .search-field input::placeholder { color: #999; opacity: 1; } .search-module .chosen-container .search-field .search-field-placeholder { color: #999!important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: futurabook, Arial, sans-serif; padding: 2px 0; } .search-module .chosen-container .search-field .btn-icon:focus { outline: 0; } .search-module .chosen-container .search-field .btn-icon .icon { font-size: 1.25rem; line-height: 21px; color: #999; } .search-module .chosen-container .search-field .btn-icon:hover .icon { color:; } .search-module .chosen-container .search-field .btn-icon { visibility: hidden; height: 100%; display: inline-block; vertical-align: middle; color: #999; } .search-module .chosen-container .search-field .btn-icon:hover { color:; } @media only screen and (max-width:992px) { .search-module { width: 100% } .search-module .chosen-container .chosen-choices { margin-right: -5px; } .search-module .chosen-container .search-field { height: 30px; } .results-container { padding-left: 10px; padding-right: 10px; } } .results-container .top-container { margin-left: calc(1%+8px); margin-right: calc(1%+8px); max-width: calc(100% - 450px); min-height: 63px; } .results-container .top-container.empty { visibility: hidden; } .results-container .tags-results { padding-top: 25px; } @media only screen and (max-width:1334px) { .results-container .top-container { max-width: 100%; margin: 0; } .results-container .top-container.empty { display: none; } .results-container .tags-results { padding-top: 10px; margin: 0 9px; } } .results-container .tags-results .single-tag { display: inline-block; margin-left: .25rem; margin-right: .25rem; } .results-container .tags-results .single-tag a { transition: -webkit-transform .1s ease-out; transition: transform .1s ease-out; } .results-container .tags-results .single-tag a:before { transition: background-color .15s ease-out; } .results-container .tags-results .single-tag.highlight a { -webkit-transform: scale(1.1); transform: scale(1.1); } .results-container .tags-results .single-tag.highlight a:before { background-color: #e07d9a; } .results-container .tags-results .single-tag.selected a:before { background-color:; } .results-container .chosen-results { max-height: none; display: inline-block; vertical-align: top; width: 31%; margin: 0 1% } .results-container .chosen-results.empty { display: none; } .results-container .chosen-results.all { width: calc(98%+8px); margin-left: calc(1%+8px); margin-right: calc(1%+8px); } @media only screen and (max-width:768px) { .results-container .chosen-results.all { width: 96% } } .results-container .chosen-results.all>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 16px 0 10px; } .results-container .chosen-results.all .bloc-title { margin: 0 12px; } .results-container .chosen-results.all ul { margin-bottom: 15px; } .results-container .chosen-results.all .active-result { display: inline-block; width: 32.1%; margin: 0 1% 8px 0; } @media only screen and (max-width:1334px) { .results-container .chosen-results.all .active-result { width: 48%; margin: 0 1% 8px 0; } } @media only screen and (max-width:768px) { .results-container .chosen-results.all .active-result { width: 100% } } .results-container .chosen-results.all .cta-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; text-align: center; margin: 0; padding: 5px 14px 5px 5px; } .results-container .chosen-results.all .cta-btn .icon { font-size: 14px; height: 14px; width: 14px; } .results-container .chosen-results .active-result { margin: 0 12px 8px; padding: 0; list-style-type: none; cursor: unset; } .results-container .chosen-results .active-result .break-name { display: inherit; } .results-container .chosen-results .active-result .break-name .upper-name { text-transform: uppercase; } .results-container .chosen-results .active-result .with-play-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .results-container .chosen-results .active-result .with-play-button .track_play { width: 50px; height: 50px; } .results-container .chosen-results .active-result .artist-title, .results-container .chosen-results .active-result .link-wrap { margin-left: 5px; padding: 16px 0 16px 10px; width: calc(100% - 55px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; } .results-container .chosen-results .active-result .artist-title>div, .results-container .chosen-results .active-result .artist-title>div>span, .results-container .chosen-results .active-result .link-wrap>div, .results-container .chosen-results .active-result .link-wrap>div>span { margin-top: -2px; padding-right: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .results-container .chosen-results .active-result.selected .artist-title, .results-container .chosen-results .active-result.selected .link-wrap { color: #FFF; background-color: !important; } .results-container .chosen-results .active-result.highlight .artist-title, .results-container .chosen-results .active-result.highlight .link-wrap { color: #FFF; background-color: #e07d9a; } .results-container .chosen-results .active-result .no-play-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; color: #737373; } .results-container .chosen-results .active-result .no-play-button.selected .artist-title { color: #FFF; background-color: !important; } .results-container .chosen-results .active-result .no-play-button>div { display: -webkit-box; display: -ms-flexbox; display: flex; } .results-container .chosen-results .active-result .no-play-button>div>picture { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; position: relative; } .results-container .chosen-results .active-result .no-play-button>div>picture img { width: 100%; height: auto; } .results-container .chosen-results .bloc-title { color: #999; font-weight: 500; text-transform: uppercase; font-size: 14px; font-size: 1rem; margin: 16px 0 5px 12px; } .results-container .chosen-results .cta-btn { font-size: 12.25px; font-size: .875rem; font-size: 12.6px; font-size: .9rem; margin: 10px 12px 8px; padding: 10px 0; list-style-type: none; line-height: initial; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #999; background-color: #e8e8e8; border-radius: 4px; } .results-container .chosen-results .cta-btn.selected { color: #FFF!important; background-color: !important; } .results-container .chosen-results .cta-btn .icon { margin: 0 5px; } @media only screen and (max-width:1334px) { .results-container .chosen-results { width: 49.75%; margin: 0; } } @media only screen and (max-width:768px) { .results-container .chosen-results { width: 100% } .results-container .chosen-results .active-result:nth-last-of-type(3n) { display: none; } } .pivot-bar { height: 48px; display: block; overflow-x: hidden; position: relative; margin-top: 2px; } .pivot-bar li.is-active a:before, .pivot-bar:before { display: block; height: 2px; content: "" } .pivot-bar:before { background-color: #f0f0f0; } .pivot-bar ul { overflow-x: hidden; white-space: nowrap; } .pivot-bar li.is-active a { color:; } .pivot-bar li.is-active a:before { background-color:; } .pivot-bar a { padding: 0 1.14286rem; position: relative; display: inline-block; color: #4d4d4d; line-height: 48px; text-transform: uppercase; letter-spacing: .5px; } @media only screen and (max-width:991px) { .pivot-bar { margin-right: -16px; margin-left: -16px; margin-top: 30px; } } .player { color: #FFF; overflow: hidden; } .player>* { position: absolute; } .player_cover, .player_entity-information, .player_progress { left: 16px; left: 1.14286rem; right: 16px; right: 1.14286rem; } .player_actions, .player_controls, .player_volume { left: 0; right: 0; text-align: center; font-size: 0; } .player_background { z-index: -1; background-color: #bfbfbf; } .player_background_img { -webkit-transform: translate3d(0, 0, 0); } .player_background:after { background-color: gray; } .player_cover { top: 64px; top: 4.57143rem; bottom: 308px; bottom: 22rem; text-align: center; } .player_cover img { width: auto; height: auto; max-width: 100%; max-height: 100%; display: inline-block; border: 1px solid #FFF; } .player_entity-information { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 36px; height: 2.57143rem; bottom: 256px; bottom: 18.28571rem; } .player_entity-information>* { display: block; text-align: center; } .player_actions li, .player_progress>div { display: inline-block; } .player-mini_track_information_artist:hover, .player-mini_track_information_title:hover, .player-mini_track_information_title:hover>span { text-decoration: underline; } .player_entity-information>:hover { color: #FFF!important; text-decoration: underline; } .player_entity-information_author { text-transform: uppercase; } .player_actions { height: 48px; bottom: 200px; padding: 0; white-space: nowrap; } .player_progress { height: 72px; height: 5.14286rem; bottom: 112px; bottom: 8rem; text-align: center; } .player_progress>div { position: relative; height: 100% } .player_progress_waveform { height: 48px; height: 3.42857rem; } .player_controls { height: 48px; height: 3.42857rem; bottom: 16px; bottom: 1.14286rem; } .player_quick-share { display: none; } .player .entity-actions { font-size: 0; white-space: nowrap; padding: 0; } .player .entity-actions li { display: inline-block; } @media only screen and (min-width:768px) { .player_actions li { float: none!important; } .player_entity-information, .player_progress { left: 48px; left: 3.42857rem; right: 48px; right: 3.42857rem; } .player_cover { top: 112px; top: 8rem; bottom: 404px; bottom: 28.85714rem; } .player_cover img { height: 100%; width: auto; display: inline-block; border: 1px solid #FFF; } .player_entity-information { height: 40px; height: 2.85714rem; bottom: 344px; bottom: 24.57143rem; } .player_entity-information_title { font-size: 18px; font-size: 1.28571rem; } .player_entity-information_author { font-size: 12px; font-size: .85714rem; line-height: 1; } .player_actions { bottom: 280px; bottom: 20rem; } .player_progress { height: 96px; height: 6.85714rem; bottom: 152px; bottom: 10.85714rem; } .player_progress_waveform { height: 72px; height: 5.14286rem; } .player_quick-share { display: block; top: 108px; top: 7.71429rem; right: 44px; right: 3.14286rem; } .player_volume { bottom: 88px; bottom: 6.28571rem; } .player_controls { bottom: 40px; bottom: 2.85714rem; } .player .entity-actions li { float: none!important; } } .player-mini_cover, .player-mini_expand .btn-icon { width: 48px; } @media only screen and (min-width:992px) { .pivot-bar { margin-top: 30px; } .player_cover { top: 96px; top: 6.85714rem; bottom: 332px; bottom: 23.71429rem; } .player_entity-information { bottom: 276px; bottom: 19.71429rem; } .player_actions { bottom: 212px; bottom: 15.14286rem; } .player_progress { height: 72px; height: 5.14286rem; bottom: 128px; bottom: 9.14286rem; } .player_progress_waveform { height: 48px; height: 3.42857rem; } .player_quick-share { top: 92px; top: 6.57143rem; right: 28px; right: 2rem; } .player_volume { bottom: 72px; bottom: 5.14286rem; } .player_controls { bottom: 24px; bottom: 1.71429rem; } } @media only screen and (min-width:1334px) { .player_cover { top: 112px; top: 8rem; bottom: 404px; bottom: 28.85714rem; } .player_entity-information { bottom: 344px; bottom: 24.57143rem; } .player_actions { bottom: 280px; bottom: 20rem; } .player_progress { height: 96px; height: 6.85714rem; bottom: 152px; bottom: 10.85714rem; } .player_progress_waveform { height: 72px; height: 5.14286rem; } .player_quick-share { top: 108px; top: 7.71429rem; right: 44px; right: 3.14286rem; } .player_volume { bottom: 88px; bottom: 6.28571rem; } .player_controls { bottom: 40px; bottom: 2.85714rem; } } @media only screen and (max-height:430px) { .player_cover { display: none; } } @media only screen and (min-width:768px) and (max-width:992px) and (max-height:550px) { .player_cover { display: none; } } @media only screen and (min-width:992px) and (max-height:470px) { .player_cover { display: none; } } @media only screen and (min-width:1334px) and (max-height:550px) { .player_cover { display: none; } } .player-mini { height: 48px; background-color: #2e2e2e; z-index: auto; } .player-mini_expand .icon { color: #999; } .player-mini_cover img { margin-right: 8px; display: block; } .player-mini_track-actions { padding: 0 8px; } .player-mini_track { width: 100% } .player-mini_track_information { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 6px; text-align: left; color: #FFF; margin-bottom: 6px; } .player-mini_track_information>:first-child { line-height: 1.6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; max-width: none; } .player-mini_track_information>:last-child { white-space: nowrap; line-height: 1.5; text-align: right; } .player-mini_track_information_title { font-size: 12px; font-size: .85714rem; cursor: pointer; margin-bottom: 0; max-width: 150px; overflow: hidden; text-overflow: ellipsis; } @media only screen and (min-width:400px) { .player-mini_track_information_title { max-width: 230px; } } @media only screen and (min-width:500px) { .player-mini_track_information_title { max-width: 250px; } } @media only screen and (min-width:768px) { .player-mini_track_information_title { max-width: 210px; } } @media only screen and (min-width:992px) { .player-mini_track_information_title { max-width: 145px; } } @media only screen and (min-width:1100px) { .player-mini_track_information_title { max-width: 185px; } } @media only screen and (min-width:1300px) { .player-mini_track_information_title { max-width: 270px; } } .player-mini_track_information_play_source, .player-mini_track_information_text-by { font-weight: 500; color: #bfbfbf; } .player-mini_track_information_text-by { margin: 0 4px; max-width: 150px; overflow: hidden; text-overflow: ellipsis; } @media only screen and (max-width:768px) { .player-mini_track_information_text-by { margin-left: 0; display: inherit; line-height: initial; } } @media only screen and (min-width:400px) { .player-mini_track_information_text-by { max-width: 230px; } } @media only screen and (min-width:500px) { .player-mini_track_information_text-by { max-width: 250px; } } @media only screen and (min-width:768px) { .player-mini_track_information_text-by { max-width: 210px; } } @media only screen and (min-width:992px) { .player-mini_track_information_text-by { max-width: 145px; } } @media only screen and (min-width:1100px) { .player-mini_track_information_text-by { max-width: 185px; } } @media only screen and (min-width:1300px) { .player-mini_track_information_text-by { max-width: 270px; } } .player-mini_track_information_artist { color: #FFF; text-transform: uppercase; cursor: pointer; overflow: hidden; text-overflow: ellipsis; } .player-mini_track_information_artist:after { content: ""; display: block; } .player-mini_track_information_play_source a { font-size: 12px; font-size: .85714rem; color: #FFF; cursor: pointer; text-decoration: none; } .player-mini_track_information_play_source a:hover { text-decoration: underline; } .player-mini_track_duration { padding-left: 16px; } .player-mini_controls { padding: 0 8px; position: relative; } .player-mini_controls .player-controls_shuffle { width: 32px; } .player-mini_volume { padding: 0 16px 0 0; position: relative; } .player-mini_volume_layer { width: 170px; -webkit-transform-origin: 0 -4px; transform-origin: 0 -4px; background-color: #262626; display: none; } .player-mini .player-volume_range { width: 90px; } @media only screen and (min-width:768px) { .player-mini_track { padding-right: 24px; } .player-mini_track_information { margin-bottom: 0; } .player-mini_track_information_play_source:before { padding: 0 6px 0 7px; content: "|"; display: inline; color: #bfbfbf; font-size: 13px; } .player-mini_track_information_play_source.empty:before { content: "" } .player-mini_controls { padding: 0 16px; border-left: 1px solid #4d4d4d; } } .modal-display-cta header, .toasts p { color: #FFF; } @media only screen and (min-width:992px) { .player-mini_cover img { margin-right: 0; } .player-mini_track-actions { padding: 0; } .player-mini_track { padding-left: 24px; padding-right: 8px; } .player-mini_controls { padding: 0; } .player-mini_volume:before { content: ""; display: block; width: 1px; height: 32px; position: absolute; top: 8px; right: 0; background-color: #4d4d4d; } } @media only screen and (min-width:480px) { .player-mini_cover img { display: none; } } @media only screen and (max-width:1334px) { .player-mini_track_information_text-by>span { margin-left: 3px; } .player-mini_track_information_artist::after, .player-mini_track_information_play_source, .player-mini_track_information_play_source a { display: none; } .player-mini_controls { padding-left: 16px; } } @media only screen and (max-width:768px) { .player-mini_track_information>: first-child { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-flow: column; flex-flow: column; } .player-mini_track_information_title { display: block; margin-bottom: 0; } } .toasts_toast { text-align: center; } .toasts p { display: inline-block; border-radius: 5px; margin-top: .57143rem; padding: .57143rem; background-color:; } .t-static p { margin-bottom: .85714rem; } .t-static .bullet-list li:before { content: "+ " } .t-static .company-information { padding: 1.14286rem; margin: 1.14286rem 0; background-color: #f0f0f0; border: 1px solid #d1d1d1; } .t-static .company-information .name { display: block; margin-bottom: .28571rem; } .t-static .company-information dl { padding: 1.14286rem 0; } #p-artist-description .card { text-align: center; } #p-artist-description .card .avatar { margin-bottom: 1.14286rem; } #p-creative-commons .introduction { padding-bottom: 2.28571rem; margin: 2.28571rem 0; border-bottom: 1px solid #d1d1d1; text-align: center; } #p-creative-commons .introduction .icon { margin-bottom: .85714rem; color: #999; } #p-creative-commons .introduction p { text-align: left; } #p-creative-commons .conditions li { padding-bottom: .28571rem; margin-bottom: 1.14286rem; display: table; border-bottom: 1px solid #e8e8e8; } #p-creative-commons .conditions li:last-child { border-bottom: none; } #p-creative-commons .conditions li .description, #p-creative-commons .conditions li .icon { display: table-cell; vertical-align: middle; } #p-creative-commons .conditions li .icon { padding-right: 1.14286rem; } #p-faq .q-and-a { margin-top: 2.28571rem; } #p-faq .q-and-a .q { padding: .28571rem 0 .28571rem .85714rem; margin-bottom: .85714rem; color:; border-left: 1px solid; } #p-jobs .positions .link-wrap { display: block; padding: 1.14286rem 0; } #p-jobs .positions li:first-child .link-wrap { padding-top: 0; } #p-jobs .positions .location { color: #999; } #p-jobs .positions .location:before { content: " // " } #p-jobs .no-positions { padding-bottom: 1.14286rem; } #p-jobs .no-positions, #p-jobs .positions .location, #p-jobs .positions .type { letter-spacing: 1px; text-transform: uppercase; } #p-legal .clauses { margin-top: 3.42857rem; } #p-legal .clauses>li { margin-top: 2.28571rem; } #p-legal .clauses li li { margin-top: .85714rem; } #p-legal .clauses p { margin: .57143rem 0; } #p-legal .clauses .heading { display: inline; font-size: inherit; font-weight: inherit; font-style: inherit; } .p-welcome .main { width: 100%; height: 100vh; position: relative; display: table; z-index: 0; } .p-welcome .main .bg { background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: -1; } .p-welcome .main .bg.random-1 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-1-portrait-xs.jpg?v=2); } .p-welcome .main .bg.random-2 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-2-portrait-xs.jpg?v=2); } .p-welcome .main .bg.random-3 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-3-portrait-xs.jpg?v=2); } .p-welcome .main .content { color: #FFF; padding: 24px; } .p-welcome .main .content .button { display: inline-block; padding: 14px 12px; margin-top: 24px; height: 48px; border-radius: 6px; border: 3px solid #FFF; line-height: 1; text-transform: uppercase; } .p-welcome .main .content .button:hover { background-color: #FFF; color: #262626; } .p-welcome .main .logo { margin-bottom: 24px; } .p-welcome .licensing { display: table; height: 60px; padding: 0 16px; border-top: 4px solid #67b7bf; color: #FFF; text-align: center; text-transform: uppercase; z-index: 3; } .p-welcome .licensing_logo { padding-right: 24px; } .p-welcome .licensing .link-wrap>div { height: 50px; } .p-welcome .licensing .headline { margin-top: 12px; } .p-welcome .licensing .btn+.btn { margin-left: 8px; } @media only screen and (min-width:480px) and (orientation:portrait) { .p-welcome .main .bg.random-1 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-1-portrait-sm.jpg?v=2); } .p-welcome .main .bg.random-2 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-2-portrait-sm.jpg?v=2); } .p-welcome .main .bg.random-3 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-3-portrait-sm.jpg?v=2); } } @media only screen and (orientation:landscape) and (min-width:992px) { .p-welcome .main .bg.random-1 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-1-landscape-sm.jpg?v=2); } .p-welcome .main .bg.random-2 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-2-landscape-sm.jpg?v=2); } .p-welcome .main .bg.random-3 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-3-landscape-sm.jpg?v=2); } } @media only screen and (min-width:992px) { .p-welcome .main .bg.random-1 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-1-landscape-md.jpg?v=2); } .p-welcome .main .bg.random-2 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-2-landscape-md.jpg?v=2); } .p-welcome .main .bg.random-3 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-3-landscape-md.jpg?v=2); } .p-welcome .main .content { padding: 48px; } .p-welcome .main .content .heading { font-size: 48px; font-size: 3.42857rem; font-family: Montserrat, Arial, sans-serif; font-weight: 700; } .p-welcome .main .logo { position: absolute; top: 48px; left: 48px; } } @media only screen and (min-width:1334px) { .p-welcome .main .bg.random-1 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-1-landscape-lg.jpg?v=2); } .p-welcome .main .bg.random-2 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-2-landscape-lg.jpg?v=2); } .p-welcome .main .bg.random-3 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-3-landscape-lg.jpg?v=2); } } @media only screen and (max-width:767px) { .redirection-container { -ms-flex-flow: column; flex-flow: column; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; } } .redirection-container .cta-catalog, .redirection-container .cta-communities, .redirection-container .cta-in-store, .redirection-container .cta-link, .redirection-container .cta-music { color: #fff; text-decoration: none; list-style-type: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .redirection-container .logo-licensing, .redirection-container .logo-music { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-music.svg); width: 100%; height: 8vh; min-height: 40px; max-height: 60px; -webkit-box-flex: 10; -ms-flex-positive: 10; flex-grow: 10; -ms-flex-negative: 10; flex-shrink: 10; background-repeat: no-repeat; background-position: center; background-size: contain; } @media only screen and (min-width:1334px) { .redirection-container .logo-licensing, .redirection-container .logo-music { min-height: 60px; } } .redirection-container .logo-licensing { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-licensing.svg); } .redirection-container .image-licensing, .redirection-container .image-music { margin: 1em; width: 30vh; max-width: 80vw; height: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 100; flex-shrink: 100; border-radius: 50%; background-size: contain; background-position: center; background-repeat: no-repeat; } .redirection-container .image-licensing::before, .redirection-container .image-music::before { content: ""; padding-top: 100%; display: block; } @media all and (max-height:720px) { .redirection-container .image-licensing, .redirection-container .image-music { width: 25vh; } } .redirection-container .title-licensing, .redirection-container .title-music { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; min-height: 6em; color: #fff; } .redirection-container .title-licensing>*, .redirection-container .title-music>* { display: block; float: left; } .redirection-container .title-licensing>.main-title, .redirection-container .title-licensing>a, .redirection-container .title-music>.main-title, .redirection-container .title-music>a { clear: both; width: 99%; font-size: 2.25rem; font-weight: 400; line-height: 1.3em; text-decoration: none!important; color: inherit; } .redirection-container .title-licensing .secondary-music, .redirection-container .title-music .secondary-music { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: .5rem; width: 100%; font-size: 1.5rem; line-height: 1.9em; } .redirection-container .title-licensing .secondary-music, .redirection-container .title-licensing .secondary-music *, .redirection-container .title-music .secondary-music, .redirection-container .title-music .secondary-music * { list-style: none!important; } .redirection-container .title-licensing .secondary-music .item, .redirection-container .title-music .secondary-music .item { display: inline-block; margin: 0 .9em; } .redirection-container .title-licensing .secondary-music .item>*, .redirection-container .title-music .secondary-music .item>* { display: block; float: left; clear: none; } @media all and (max-width:1333px) { .redirection-container .title-licensing .secondary-music .item>*, .redirection-container .title-music .secondary-music .item>* { clear: both; width: 100%!important; text-align: center; background-position: center!important; } } .redirection-container .title-licensing .secondary-music .item .label, .redirection-container .title-music .secondary-music .item .label { margin: 0 .7em 0 0; line-height: 2em; font-size: .8em; } .redirection-container .title-licensing .secondary-music .item .icon, .redirection-container .title-music .secondary-music .item .icon { width: 2em; height: 2em; background-repeat: no-repeat; background-position: left center; background-size: contain; } .redirection-container .title-licensing .secondary-music .item .icon::after, .redirection-container .title-licensing .secondary-music .item .icon::before, .redirection-container .title-music .secondary-music .item .icon::after, .redirection-container .title-music .secondary-music .item .icon::before { content: ""; display: none; } .redirection-container .title-licensing .secondary-music .item .icon.icon-streaming, .redirection-container .title-music .secondary-music .item .icon.icon-streaming { background-image: url(https://images.jamendo.com/jamendomusic/welcome/icon-streaming.svg); } .redirection-container .title-licensing .secondary-music .item .icon.icon-download, .redirection-container .title-music .secondary-music .item .icon.icon-download { background-size: 50%; background-image: url(https://images.jamendo.com/jamendomusic/welcome/icon-download.svg); } @media all and (max-width:1333px) { .redirection-container .title-licensing .secondary-music .item .icon, .redirection-container .title-music .secondary-music .item .icon { height: 1em; } .redirection-container .title-licensing .secondary-music .item .icon.icon-download, .redirection-container .title-music .secondary-music .item .icon.icon-download { background-size: contain; } } .redirection-container .licensing-redirect, .redirection-container .music-redirect { position: relative; overflow: hidden; height: 100%; z-index: 0; padding: 24px 0 0; } @media only screen and (max-width:1334px) { .redirection-container .licensing-redirect, .redirection-container .music-redirect { width: 50%!important; } } @media only screen and (max-width:992px) { .redirection-container .licensing-redirect, .redirection-container .music-redirect { width: 100%!important; } } .redirection-container .licensing-redirect .content, .redirection-container .music-redirect .content { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; overflow: hidden; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 24px; color: #fff; } @media only screen and (max-width:767px) { .redirection-container .licensing-redirect .content, .redirection-container .music-redirect .content { padding: 20px 24px 30px; } } @media only screen and (min-width:1334px) { .redirection-container .licensing-redirect .content>*, .redirection-container .music-redirect .content>* { margin-bottom: 3.5vh; } } @media only screen and (min-width:1646px) { .redirection-container .licensing-redirect .content>*, .redirection-container .music-redirect .content>* { margin-bottom: 5.5vh; } } @media all and (max-height:720px) { .redirection-container .licensing-redirect .content>*, .redirection-container .music-redirect .content>* { margin-bottom: 2.5vh; } } @media only screen and (min-width:768px) { .redirection-container .licensing-redirect .content>ul, .redirection-container .music-redirect .content .container-tags { height: 30vh!important; } } .redirection-container .music-redirect { width: 66.6666%; background-color:; } .redirection-container .music-redirect .content .cta-communities { padding-bottom: 25px; margin: .5em 0 0; text-align: center!important; } .redirection-container .music-redirect .content .cta-music { display: inline-block; padding: 14px 12px 10px; margin-top: 24px; height: 48px; border-radius: 6px; border: 3px solid #FFF; line-height: 1.25; font-weight: 500; text-transform: uppercase; } @media only screen and (max-height:840px) { .redirection-container .music-redirect .content .cta-music { margin-top: 30px; } } @media only screen and (max-width:550px) { .redirection-container .music-redirect .content .cta-music { margin-top: 15px; } } .redirection-container .music-redirect .content .cta-music:hover { background-color: #FFF; color:; } .redirection-container .licensing-redirect { width: 33.3333%; background-color: #67b7bf; } .redirection-container .licensing-redirect .content .cta-link { font-size: 21px; font-weight: 300; margin: 0 0 .5em; } .redirection-container .licensing-redirect .content .cta-link>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 50px; } .redirection-container .licensing-redirect .content .cta-link a { color: #fff; text-decoration: none; width: 250px; height: auto; line-height: 1.2em; } .redirection-container .licensing-redirect .content .cta-link img { padding-left: 12px; } @media only screen and (max-width:450px) { .redirection-container .licensing-redirect .content .cta-link>div { -ms-flex-flow: column-reverse; flex-flow: column-reverse; margin: 0; } .redirection-container .licensing-redirect .content .cta-link img { padding-left: 0; margin-bottom: 10px; } } .redirection-container .licensing-redirect .content .cta-catalog, .redirection-container .licensing-redirect .content .cta-in-store { display: block; padding: 14px 12px 10px; height: 48px; border-radius: 6px; border: 3px solid #FFF; line-height: 1.25; text-transform: uppercase; font-weight: 500; } .redirection-container .licensing-redirect .content .cta-catalog:hover, .redirection-container .licensing-redirect .content .cta-in-store:hover { background-color: #FFF; color: #67b7bf; } .redirection-container.search-page { height: calc(100vh - 48px); } .redirection-container.search-page .licensing-redirect, .redirection-container.search-page .music-redirect { padding: 24px 0 72px; } @media only screen and (max-width:767px) { .redirection-container.search-page { height: auto; } .redirection-container.search-page .licensing-redirect { display: none; } } .redirection-container.search-page .content { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .redirection-container.search-page .content>* { margin-bottom: .5vh; } @media all and (min-width:768px) and (max-width:1334px), all and (min-width:768px) and (max-height:720px) { .redirection-container.search-page .image-licensing, .redirection-container.search-page .image-music { display: none; } .redirection-container.search-page .licensing-redirect .content>ul, .redirection-container.search-page .music-redirect .content .container-tags { height: 45vh!important; } } .redirection-container.search-page .music-redirect .content .container-tags { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .redirection-container.search-page .music-redirect .content .container-tags, .redirection-container.search-page .music-redirect .content .container-tags>#js-search-alternatives, .redirection-container.search-page .music-redirect .content .container-tags>#js-search-alternatives>#js-search-communitiesList { height: auto; } .redirection-container.search-page .music-redirect .content .container-tags .section { margin-top: 1.5em; } .redirection-container.search-page .music-redirect .content .container-tags .section .section-header { height: 2.4em; color: #fff; } .redirection-container.search-page .music-redirect .content .container-tags .section .section-header, .redirection-container.search-page .music-redirect .content .container-tags .section .section-header>.section-header_mono { display: block; margin: 0; } .redirection-container.search-page .music-redirect .content .container-tags .section .list-link-search { margin: 0; } .redirection-container.search-page .music-redirect .content .container-tags .section .list-link-search li { margin: .2em .1em; } .redirection-container.search-page .music-redirect .content .container-tags .section .list-link-search li a { margin: 0; padding: .3em .6em; border: 1px solid #fff; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .redirection-container.search-page .music-redirect .content .container-tags .section .list-link-search li a::after, .redirection-container.search-page .music-redirect .content .container-tags .section .list-link-search li a::before { content: ""; display: none!important; } .redirection-container.search-page .music-redirect .content .container-tags .section .list-link-search li a:hover { background: #fff; } .redirection-container-one-image { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; height: 100%; background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-splash-page-1920x1080.jpg); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; background-attachment: fixed; background-color: #ebeae8; } .redirection-container-one-image::before { content: ''; background-color: #000; opacity: .7; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .redirection-container-one-image .cta-catalog, .redirection-container-one-image .cta-communities, .redirection-container-one-image .cta-free-trial, .redirection-container-one-image .cta-in-store, .redirection-container-one-image .cta-link, .redirection-container-one-image .cta-music { text-decoration: none; list-style-type: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .redirection-container-one-image .logo-licensing, .redirection-container-one-image .logo-music { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-music-logo-color.svg); width: 100%; height: 8vh; min-height: 40px; max-height: 60px; -webkit-box-flex: 10; -ms-flex-positive: 10; flex-grow: 10; -ms-flex-negative: 10; flex-shrink: 10; background-repeat: no-repeat; background-position: center; background-size: contain; margin-bottom: 5.5vh; } .redirection-container-one-image .logo-licensing { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-licensing-logo-color.svg); } .redirection-container-one-image .title-licensing, .redirection-container-one-image .title-music { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 450px; min-height: 6em; } .redirection-container-one-image .title-licensing>*, .redirection-container-one-image .title-music>* { display: block; float: left; } .redirection-container-one-image .title-licensing>.main-title, .redirection-container-one-image .title-licensing>a, .redirection-container-one-image .title-music>.main-title, .redirection-container-one-image .title-music>a { clear: both; width: 99%; font-size: 2.25rem; font-weight: 400; line-height: 1.3em; text-decoration: none!important; color:; text-transform: uppercase; font-family: futurabook, Arial, sans-serif; margin-bottom: 3.5vh; } @media only screen and (max-width:1000px) { .redirection-container-one-image .logo-licensing, .redirection-container-one-image .logo-music { height: 60px; } .redirection-container-one-image .title-music { margin-bottom: 1.5vh; } } .redirection-container-one-image .licensing-redirect, .redirection-container-one-image .music-redirect { position: relative; overflow: hidden; height: 100%; z-index: 0; padding: 50px 0 0; } @media only screen and (max-width:1334px) { .redirection-container-one-image .licensing-redirect, .redirection-container-one-image .music-redirect { width: 50%!important; } } .redirection-container-one-image .licensing-redirect .content, .redirection-container-one-image .music-redirect .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; height: 100%; overflow: hidden; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 80px; color: #fff; } @media only screen and (max-width:1000px) { .redirection-container-one-image .licensing-redirect, .redirection-container-one-image .music-redirect { width: 100%!important; } .redirection-container-one-image .licensing-redirect .content, .redirection-container-one-image .music-redirect .content { padding: 10px 24px 30px; } } @media only screen and (min-width:1334px) { .redirection-container-one-image .licensing-redirect .content>*, .redirection-container-one-image .music-redirect .content>* { margin-bottom: 3.5vh; } } @media only screen and (min-width:1646px) { .redirection-container-one-image .licensing-redirect .content>*, .redirection-container-one-image .music-redirect .content>* { margin-bottom: 4.5vh; } } @media only screen and (min-width:769px) { .redirection-container-one-image .licensing-redirect .content .logo-licensing, .redirection-container-one-image .licensing-redirect .content .logo-music, .redirection-container-one-image .music-redirect .content .logo-licensing, .redirection-container-one-image .music-redirect .content .logo-music { margin-bottom: 15vh; } } @media only screen and (min-width:1334px) { .redirection-container-one-image .licensing-redirect .content .logo-licensing, .redirection-container-one-image .licensing-redirect .content .logo-music, .redirection-container-one-image .music-redirect .content .logo-licensing, .redirection-container-one-image .music-redirect .content .logo-music { margin-bottom: 12.5vh; } } @media only screen and (max-height:500px) { .redirection-container-one-image .licensing-redirect .content, .redirection-container-one-image .music-redirect .content { height: 200% } .redirection-container-one-image .licensing-redirect .content .logo-licensing, .redirection-container-one-image .licensing-redirect .content .logo-music, .redirection-container-one-image .music-redirect .content .logo-licensing, .redirection-container-one-image .music-redirect .content .logo-music { margin-bottom: 2.5vh; } .redirection-container-one-image .licensing-redirect .content .title-music, .redirection-container-one-image .music-redirect .content .title-music { margin-bottom: 1vh; } .redirection-container-one-image .licensing-redirect .content .title-music .main-title, .redirection-container-one-image .music-redirect .content .title-music .main-title { font-size: 1.8rem; } .redirection-container-one-image .licensing-redirect .content .title-licensing, .redirection-container-one-image .music-redirect .content .title-licensing { margin-bottom: 1vh; } .redirection-container-one-image .licensing-redirect .content .title-licensing a, .redirection-container-one-image .music-redirect .content .title-licensing a { font-size: 1.8rem; } } @media only screen and (min-width:1000px) { .redirection-container-one-image .licensing-redirect .content>ul, .redirection-container-one-image .music-redirect .content .container-tags { height: 30vh!important; } } .redirection-container-one-image .music-redirect { width: 50% } .redirection-container-one-image .music-redirect .content .secondary-music { color:; font-size: 21px; font-weight: 300; margin: 0 0 .5em; } @media only screen and (max-width:1334px) { .redirection-container-one-image .music-redirect .content .secondary-music { width: 480px; height: 11vh; } } @media only screen and (max-width:1000px) { .redirection-container-one-image .music-redirect .content .secondary-music { width: auto; height: auto; } } .redirection-container-one-image .music-redirect .content .secondary-music .label { display: block; font-family: futurabook, Arial, sans-serif; } .redirection-container-one-image .music-redirect .content .cta-music { padding: 12px 14px 14px; margin-top: 10px; border-radius: 6px; background-color:; color: #FFF; border: 3px solid; line-height: 1; text-transform: uppercase; } @media only screen and (max-width:550px) { .redirection-container-one-image .music-redirect .content .cta-music { margin-top: 15px; } } .redirection-container-one-image .music-redirect .content .cta-music:hover { background-color:; color: #FFF; } .redirection-container-one-image .licensing-redirect { width: 50% } .redirection-container-one-image .licensing-redirect .content .title-licensing a { color: #67b7bf; } @media only screen and (max-height:650px) { .redirection-container-one-image .music-redirect .content .secondary-music { background-image: none; } .redirection-container-one-image .licensing-redirect .content .vertical-arrow { display: none; } } .redirection-container-one-image .licensing-redirect .content .cta-link { font-size: 21px; font-weight: 300; margin: 0 0 .5em; color: #67b7bf; font-family: futurabook, Arial, sans-serif; } .redirection-container-one-image .licensing-redirect .content .cta-link small { font-size: .7em; } .redirection-container-one-image .licensing-redirect .content .cta-link>div { -webkit-box-pack: justify; } .redirection-container-one-image .licensing-redirect .content .cta-link a { text-decoration: none; line-height: 1.2em; } .redirection-container-one-image .licensing-redirect .content .cta-link img { padding-left: 12px; } @media only screen and (max-width:450px) { .redirection-container-one-image .licensing-redirect .content .cta-link>div { -ms-flex-flow: column-reverse; flex-flow: column-reverse; margin: 0; } .redirection-container-one-image .licensing-redirect .content .cta-link img { padding-left: 0; margin-bottom: 10px; } } .redirection-container-one-image .licensing-redirect .content .cta-catalog, .redirection-container-one-image .licensing-redirect .content .cta-in-store { display: block; padding: 12px 14px 14px; height: 48px; border-radius: 6px; background-color: #67b7bf; color: #FFF; border: 3px solid #67b7bf; line-height: 1.25; text-transform: uppercase; font-weight: 500; } .redirection-container-one-image .licensing-redirect .content .cta-catalog:hover, .redirection-container-one-image .licensing-redirect .content .cta-in-store:hover { background-color: #67b7bf; color: #FFF; } @media only screen and (max-width:768px) { .redirection-container-one-image { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; height: auto; min-height: 1090px; } .redirection-container-one-image::before { height: auto; min-height: 1090px; } .redirection-container-one-image .music-redirect { height: auto; padding-top: 50px; } .redirection-container-one-image .music-redirect .content .main-title { font-size: 2rem; } } .redirection-container-one-image .mobile-image { display: none; } .redirection-container-one-image .music-redirect .content .cta-music { width: 295px; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; margin: 8px auto 15px; font-weight: 500; } @media only screen and (max-width:768px) { .redirection-container-one-image .music-redirect .content .cta-music { width: 245px; height: 60px; } } .redirection-container-one-image .music-redirect .content .secondary-music { margin-top: -30px; } .redirection-container-one-image .music-redirect .content .secondary-music span:first-child { margin-top: 70px; } .redirection-container-one-image .music-redirect .content .secondary-music span { max-width: 270px; margin: 0 auto; } @media only screen and (max-width:1334px) { .redirection-container-one-image .music-redirect .content .secondary-music { width: 480px; height: 16vh; background-size: 100px; } } @media only screen and (max-width:1100px) { .redirection-container-one-image .music-redirect .content .secondary-music { background-image: none; } } @media only screen and (max-width:1000px) { .redirection-container-one-image .music-redirect .content .secondary-music { width: auto; height: auto; margin-top: 0; } .redirection-container-one-image .music-redirect .content .secondary-music span:first-child { margin-top: 0; } } @media only screen and (max-height:650px) { .redirection-container-one-image .music-redirect .content .secondary-music { background-image: none; } .redirection-container-one-image .music-redirect .content .secondary-music span:first-child { margin-top: 0; } } @media only screen and (max-height:500px) { .redirection-container-one-image .music-redirect .content .secondary-music { background-image: none; } .redirection-container-one-image .music-redirect .content .secondary-music span:first-child { margin-top: 50px; } .redirection-container-one-image.search .music-redirect .content .title-music { min-height: 4em; } } @media only screen and (max-width:768px) { .redirection-container-one-image .licensing-redirect { height: auto; padding-top: 20px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .redirection-container-one-image .licensing-redirect .content .title-licensing a { font-size: 2rem; } } .redirection-container-one-image .licensing-redirect .content .title-licensing { margin-bottom: 1.5vh; } @media only screen and (max-height:650px) { .redirection-container-one-image .licensing-redirect .content .title-licensing { margin-bottom: 4.5vh; } } .redirection-container-one-image .licensing-redirect .content .cta-link>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; } .redirection-container-one-image .licensing-redirect .content .cta-link a { width: 295px; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; font-weight: 500; margin: 8px auto 15px; } @media only screen and (max-width:768px) { .redirection-container-one-image .licensing-redirect .content .cta-link a { width: 245px; height: 60px; } } .redirection-container-one-image .licensing-redirect .content .cta-link .cta-free-trial { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 14px 40px 10px; width: 349px!important; height: 99px!important; background-color: transparent; background-image: url(https://images.jamendo.com/jamendomusic/welcome/free-trial-cta-brand-color.png); background-repeat: no-repeat; background-position: center; background-size: contain; color: #FFF; line-height: 1.25; text-transform: uppercase; font-weight: 500; } .redirection-container-one-image .licensing-redirect .content .cta-link .cta-free-trial:hover { color: #FFF; } .redirection-container-one-image .licensing-redirect .content .cta-link:last-of-type a { margin-bottom: 0; } .redirection-container-one-image .artists-link-splash { display: block; position: absolute; bottom: 0; left: 0; margin: 0 0 25px 25px; font-family: futurabook, Arial, sans-serif; font-size: 15px; color: #FFF; } .redirection-container-one-image .artists-link-splash a { color:; font-weight: 500; text-decoration: none; } .redirection-container-one-image .artists-link-splash a:hover { text-decoration: underline; } @media only screen and (max-width:1000px) { .redirection-container-one-image .artists-link-splash { margin: 0 auto 25px; text-align: center; width: 100% } } @media only screen and (max-width:768px) { .redirection-container-one-image .artists-link-splash { position: relative; background-color: transparent; margin: auto 0 20px; padding: 0 20px; } .redirection-container-one-image .artists-link-splash a { width: 100%; display: inline-block; } } .redirection-container-one-image.search { height: calc(100vh - 128px); background-color: #FFF; background-image: none; } .redirection-container-one-image.search::before { content: none; } @media only screen and (max-width:1500px) { .redirection-container-one-image.search { background-position: 76% 83% } } @media only screen and (max-width:1150px) { .redirection-container-one-image.search { background-position: 76% 89% } } @media only screen and (max-width:1100px) { .redirection-container-one-image.search { background-position: 116% 86% } } @media only screen and (max-height:880px) { .redirection-container-one-image.search { background-size: 50%, cover; background-position: 69% 72% } } @media only screen and (max-height:675px) { .redirection-container-one-image.search { background-size: 35%, cover; background-position: 65% 71% } } @media only screen and (max-height:535px) { .redirection-container-one-image.search { background-size: 31%, cover; background-position: 66% 67% } } @media only screen and (max-height:480px) { .redirection-container-one-image.search { background-image: none; } } @media only screen and (max-width:1200px) and (max-height:700px) { .redirection-container-one-image.search { background-image: none; } } @media only screen and (max-width:992px) { .redirection-container-one-image.search { background-image: none; margin-top: 0; background-color: #FFF; } .redirection-container-one-image.search .music-redirect { height: auto; margin-bottom: 25px; } .redirection-container-one-image.search .music-redirect .content .title-music { min-height: 4em; } } .redirection-container-one-image.search .music-redirect .content { padding: 0 20px; } .redirection-container-one-image.search .music-redirect .content .title-music { margin-bottom: 0; margin-top: 10px; } @media only screen and (max-width:992px) { .redirection-container-one-image.search .music-redirect .content .title-music .main-title { margin-bottom: 1vh; } } .redirection-container-one-image.search .music-redirect .content .secondary-music { background-image: none; height: auto; width: 100% } .redirection-container-one-image.search .music-redirect .content .secondary-music .btn.btn--bordered:before { border-width: 2px; } .redirection-container-one-image.search .music-redirect .section-header { margin-top: 0; } .redirection-container-one-image.search .music-redirect .list-link-search>li { margin: 0 4px -10px; } .redirection-container-one-image.search .music-redirect .list-link-search>li a { font-family: futurademi, Arial, sans-serif; } .redirection-container-one-image.search .content .title-licensing { margin-bottom: 1.5vh; } @media only screen and (max-height:650px) { .redirection-container-one-image.search .content .title-licensing { margin-bottom: 4.5vh; } } @media only screen and (max-width:1000px) { .redirection-container-one-image.search .licensing-redirect { padding: 50px 0 0!important; box-shadow: none; } } @media only screen and (max-width:992px) { .redirection-container-one-image.search .licensing-redirect { height: auto; padding: 30px 0; } } .redirection-container-one-image.search .licensing-redirect .content { padding: 0 20px; } .redirection-container-one-image.search .licensing-redirect .content .cta-link>div a { width: 250px; height: auto; font-size: 1rem; } .redirection-container-one-image.search .licensing-redirect .content .title-licensing { margin-bottom: 0; margin-top: 10px; } .redirection-container-one-image.search .licensing-redirect .content .logo-licensing { max-height: 50px; margin-bottom: 1.5vh; } .redirection-container-one-image.search .licensing-redirect .content .logo-licensing a { display: block; width: 100%; height: 100% } .redirection-container-one-image.search .licensing-redirect .content .vertical-arrow { width: 11vh; height: 11vh; margin-bottom: 1.5vh; display: none; } .redirection-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: center; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; background-attachment: fixed; background-color: #FFF; } .redirection-container[version-1] { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-music-1.jpg); } .redirection-container[version-2] { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-music-2.jpg); } @media only screen and (max-width:768px) { .redirection-container { -ms-flex-flow: column; flex-flow: column; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; } .redirection-container[version-1] { background-image: none; } } @media only screen and (max-width:495px) { .redirection-container>div: last-child { margin: 7px 14px 0 0; } } .redirection-container .websites-redirect { width: 50%; height: 100vh; padding: 50px 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; } @media only screen and (max-width:1100px) { .redirection-container .websites-redirect h2 { font-size: 24px; } } @media only screen and (max-width:768px) { .redirection-container .websites-redirect { height: auto; padding: 15px 25px; } .redirection-container .websites-redirect .identity-brand { margin-bottom: 30px; } } @media only screen and (max-height:600px) and (min-width:1000px) and (max-width:1250px) { .redirection-container .websites-redirect { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media only screen and (max-height:520px) { .redirection-container .websites-redirect h2 { font-size: 24px; } } @media only screen and (max-height:420px) and (min-width:768px) { .redirection-container .websites-redirect .jamendo-music h2 { margin-top: 20px; } } @media only screen and (max-width:495px) { .redirection-container .websites-redirect { width: auto; padding: 15px 45px; } } .redirection-container .websites-redirect .identity-brand { width: 100%; height: auto; min-height: 125px; background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-corpo2.svg); background-repeat: no-repeat; background-position: center; background-size: 220px 170px; } @media only screen and (max-height:420px) { .redirection-container .websites-redirect .identity-brand { min-height: 115px; background-size: 200px 150px; } } .redirection-container .websites-redirect .identity-brand[jamendo-licensing], .redirection-container .websites-redirect .identity-brand[jamendo-music] { min-height: 175px; background-size: 180px 170px; margin-top: 25px; } .redirection-container .websites-redirect .identity-brand[jamendo-music] { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-music-vertical.svg); } .redirection-container .websites-redirect .identity-brand[jamendo-licensing] { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-licensing-vertical.svg); } @media only screen and (max-width:350px) { .redirection-container .websites-redirect h2 { font-size: 22px; } .redirection-container .websites-redirect h3 { font-size: 15px; } .redirection-container .websites-redirect .identity-brand { background-size: 200px 150px; margin-bottom: 10px; } } @media only screen and (min-height:1025px) { .redirection-container .websites-redirect .identity-brand { min-height: 150px; background-size: 260px 230px; } } @media only screen and (max-width:768px) { .redirection-container .websites-redirect .jamendo-music { margin-bottom: 30px; } } @media only screen and (max-height:665px) { .redirection-container .websites-redirect .jamendo-music .button-cart { margin-bottom: 20px; } } .redirection-container .websites-redirect .jamendo-licensing ul { margin-bottom: 20px; } @media only screen and (max-height:625px) and (min-width:1250px) { .redirection-container .websites-redirect .jamendo-licensing ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .redirection-container .websites-redirect .jamendo-licensing ul li { margin: 0 8px; } } .redirection-container .websites-redirect .button-cart.big-cta.licensing { min-height: 64px; } .redirection-container .websites-redirect .button-cart.big-cta.licensing p { line-height: 1.1; } .redirection-container .websites-redirect .button-cart.big-cta.licensing p:nth-of-type(1) { margin: 0 0 4px; } .redirection-container .websites-redirect .button-cart.big-cta.licensing p:nth-of-type(2) { font-size: 11px; } .redirection-container .websites-redirect .button-cart.big-cta.licensing h3 { line-height: 1.1; margin: 0 0 4px; font-size: 16px; letter-spacing: 2px; padding: 0; color: #FFF; } .redirection-container .websites-redirect .button-cart.big-cta.licensing h3+p { font-size: 11px; } @media only screen and (max-width:350px) { .redirection-container .websites-redirect .button-cart.big-cta { min-height: 44px; } .redirection-container .websites-redirect .button-cart.big-cta p, .redirection-container .websites-redirect .button-cart.big-cta.licensing h3 { font-size: 14px; } } @media only screen and (max-width:768px) { .redirection-container .artists-link-splash { position: initial; margin: 0 auto 30px; } } @media only screen and (min-width:768px) and (max-width:1250px) and (max-height:600px) { .redirection-container[version-1] .websites-redirect, .redirection-container[version-2] .websites-redirect { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .redirection-container[version-1] .identity-brand, .redirection-container[version-2] .identity-brand { min-height: 115px; background-size: 200px 150px; } } @media only screen and (max-height:650px) and (min-width:768px) { .redirection-container[version-1] .websites-redirect .jamendo-music h2, .redirection-container[version-2] .websites-redirect .jamendo-music h2 { margin-top: 20px; } } @media only screen and (max-width:1000px) { .redirection-container[version-2] { -ms-flex-flow: column; flex-flow: column; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; background-image: none; } } @media only screen and (min-width:1000px) { .redirection-container[version-2] .websites-redirect h1, .redirection-container[version-2] .websites-redirect h2 { max-width: 75% } .redirection-container[version-2] .websites-redirect .jamendo-music h2 { margin: 0 auto; } .redirection-container[version-2] .websites-redirect .jamendo-licensing h2 { margin: 0 auto 20px; } .redirection-container[version-2] .websites-redirect h1 { margin: 5px auto 20px; } .redirection-container[version-2] .artists-link-splash a, .redirection-container[version-2] .artists-link-splash p { color: #FFF!important; } .redirection-container[version-2] .artists-link-splash a::before { border-color: #FFF; } } @media only screen and (max-height:700px) { .redirection-container[version-2] h2 { margin-top: 20px!important; } } .redirection-container[version-3] { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-music-5.jpg); height: auto; } @media only screen and (max-width:768px) { .redirection-container[version-3] { background-image: none; margin-top: 15px; } } .redirection-container[version-3] .websites-redirect { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 100px 25px 50px; } @media only screen and (max-height:700px) { .redirection-container[version-3] .websites-redirect { padding: 50px 25px; } } @media only screen and (max-height:630px) { .redirection-container[version-3] .websites-redirect .identity-brand { margin-bottom: 50px; } } @media only screen and (max-height:525px) { .redirection-container[version-3] .websites-redirect .identity-brand { min-height: 160px; background-size: 145px 150px; margin-bottom: 25px; margin-top: 0; } } @media only screen and (max-height:420px) { .redirection-container[version-3] .websites-redirect h2 { margin-top: 0; } } @media only screen and (min-width:768px) and (max-height:600px) { .redirection-container[version-3] .artists-link-splash { display: none; } } .redirection-container[version-4] { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-music-4.jpg); height: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width:768px) { .redirection-container[version-3] .websites-redirect { padding: 0 25px; width: 100% } .redirection-container[version-3] .websites-redirect .identity-brand { min-height: 140px; background-size: 135px 140px; margin-bottom: 10px; margin-top: 0; } .redirection-container[version-3] .websites-redirect:nth-of-type(2) { margin-bottom: 15px; } .redirection-container[version-3] .websites-redirect:nth-of-type(2) h2 { margin-bottom: 20px; } .redirection-container[version-4] { background-image: none; margin-top: 15px; } } .redirection-container[version-4] .websites-redirect { width: 35%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 100px 25px 50px; } @media only screen and (max-height:625px) and (min-width:1250px) { .redirection-container[version-4] .websites-redirect ul { display: block; } } @media only screen and (max-height:625px) and (min-width:1700px) { .redirection-container[version-4] .websites-redirect ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .redirection-container[version-4] .websites-redirect ul li { margin: 0 8px; } } @media only screen and (max-height:700px) { .redirection-container[version-4] .websites-redirect { padding: 25px; } } @media only screen and (max-height:630px) { .redirection-container[version-4] .websites-redirect .identity-brand { margin-bottom: 50px; } } @media only screen and (max-height:525px) { .redirection-container[version-4] .websites-redirect .identity-brand { min-height: 160px; background-size: 145px 150px; margin-bottom: 25px; margin-top: 0; } } /************ da qui in giu******/ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @-webkit-viewport { width: device-width; } @viewport { width: device-width; } html { font-size: 16px; -webkit-tap-highlight-color: transparent; font-family: "futurabook", Arial, sans-serif; } body { font-size: 1rem; font-weight: initial; line-height: 1.5; color: #646464; background-color: #FFF; } [tabindex="-1"]:focus { outline: none !important; } h1, h2, h3, h4, h5, h6 { margin-top: 0; font-size: 1rem; font-weight: initial; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: initial; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } a { color: #337ab7; text-decoration: underline; } a:focus, a:hover { color: #23527c; text-decoration: underline; } a:focus { outline: thin dotted; outline: none; } pre { margin-top: 0; margin-bottom: 1rem; } figure { margin: 0 0 1rem; } img { vertical-align: middle; } [role="button"] { cursor: pointer; } a, area, button, [role="button"], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; caption-side: bottom; } th { text-align: left; } label { display: inline-block; margin-bottom: .5rem; } button:focus { outline: none; } input, button, select, textarea { margin: 0; line-height: inherit; border-radius: 0; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; } input[type="search"] { box-sizing: inherit; -webkit-appearance: none; } output { display: inline-block; } [hidden] { display: none !important; } input[type="submit"], input[type="reset"], input[type="button"], button { background: none; border: 0; color: inherit; font: inherit; overflow: visible; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } [role="button"] { color: inherit; cursor: pointer; white-space: pre; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } ul { padding-left: 0; margin-bottom: 0; list-style-type: none; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px #fff inset !important; } .container { margin-right: auto; margin-left: auto; padding-left: 12px; padding-right: 12px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media (min-width: 768px) { .container { width: 744px; } } @media (min-width: 992px) { .container { width: 964px; } } @media (min-width: 1200px) { .container { width: 1164px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 12px; padding-right: 12px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } .row { margin-left: -12px; margin-right: -12px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 12px; padding-right: 12px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.33333% } .col-xs-2 { width: 16.66667% } .col-xs-3 { width: 25% } .col-xs-4 { width: 33.33333% } .col-xs-5 { width: 41.66667% } .col-xs-6 { width: 50% } .col-xs-7 { width: 58.33333% } .col-xs-8 { width: 66.66667% } .col-xs-9 { width: 75% } .col-xs-10 { width: 83.33333% } .col-xs-11 { width: 91.66667% } .col-xs-12 { width: 100% } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333% } .col-xs-pull-2 { right: 16.66667% } .col-xs-pull-3 { right: 25% } .col-xs-pull-4 { right: 33.33333% } .col-xs-pull-5 { right: 41.66667% } .col-xs-pull-6 { right: 50% } .col-xs-pull-7 { right: 58.33333% } .col-xs-pull-8 { right: 66.66667% } .col-xs-pull-9 { right: 75% } .col-xs-pull-10 { right: 83.33333% } .col-xs-pull-11 { right: 91.66667% } .col-xs-pull-12 { right: 100% } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333% } .col-xs-push-2 { left: 16.66667% } .col-xs-push-3 { left: 25% } .col-xs-push-4 { left: 33.33333% } .col-xs-push-5 { left: 41.66667% } .col-xs-push-6 { left: 50% } .col-xs-push-7 { left: 58.33333% } .col-xs-push-8 { left: 66.66667% } .col-xs-push-9 { left: 75% } .col-xs-push-10 { left: 83.33333% } .col-xs-push-11 { left: 91.66667% } .col-xs-push-12 { left: 100% } .col-xs-offset-0 { margin-left: 0% } .col-xs-offset-1 { margin-left: 8.33333% } .col-xs-offset-2 { margin-left: 16.66667% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-4 { margin-left: 33.33333% } .col-xs-offset-5 { margin-left: 41.66667% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-7 { margin-left: 58.33333% } .col-xs-offset-8 { margin-left: 66.66667% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-10 { margin-left: 83.33333% } .col-xs-offset-11 { margin-left: 91.66667% } .col-xs-offset-12 { margin-left: 100% } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.33333% } .col-sm-2 { width: 16.66667% } .col-sm-3 { width: 25% } .col-sm-4 { width: 33.33333% } .col-sm-5 { width: 41.66667% } .col-sm-6 { width: 50% } .col-sm-7 { width: 58.33333% } .col-sm-8 { width: 66.66667% } .col-sm-9 { width: 75% } .col-sm-10 { width: 83.33333% } .col-sm-11 { width: 91.66667% } .col-sm-12 { width: 100% } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333% } .col-sm-pull-2 { right: 16.66667% } .col-sm-pull-3 { right: 25% } .col-sm-pull-4 { right: 33.33333% } .col-sm-pull-5 { right: 41.66667% } .col-sm-pull-6 { right: 50% } .col-sm-pull-7 { right: 58.33333% } .col-sm-pull-8 { right: 66.66667% } .col-sm-pull-9 { right: 75% } .col-sm-pull-10 { right: 83.33333% } .col-sm-pull-11 { right: 91.66667% } .col-sm-pull-12 { right: 100% } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333% } .col-sm-push-2 { left: 16.66667% } .col-sm-push-3 { left: 25% } .col-sm-push-4 { left: 33.33333% } .col-sm-push-5 { left: 41.66667% } .col-sm-push-6 { left: 50% } .col-sm-push-7 { left: 58.33333% } .col-sm-push-8 { left: 66.66667% } .col-sm-push-9 { left: 75% } .col-sm-push-10 { left: 83.33333% } .col-sm-push-11 { left: 91.66667% } .col-sm-push-12 { left: 100% } .col-sm-offset-0 { margin-left: 0% } .col-sm-offset-1 { margin-left: 8.33333% } .col-sm-offset-2 { margin-left: 16.66667% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-4 { margin-left: 33.33333% } .col-sm-offset-5 { margin-left: 41.66667% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-7 { margin-left: 58.33333% } .col-sm-offset-8 { margin-left: 66.66667% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-10 { margin-left: 83.33333% } .col-sm-offset-11 { margin-left: 91.66667% } .col-sm-offset-12 { margin-left: 100% } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.33333% } .col-md-2 { width: 16.66667% } .col-md-3 { width: 25% } .col-md-4 { width: 33.33333% } .col-md-5 { width: 41.66667% } .col-md-6 { width: 50% } .col-md-7 { width: 58.33333% } .col-md-8 { width: 66.66667% } .col-md-9 { width: 75% } .col-md-10 { width: 83.33333% } .col-md-11 { width: 91.66667% } .col-md-12 { width: 100% } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333% } .col-md-pull-2 { right: 16.66667% } .col-md-pull-3 { right: 25% } .col-md-pull-4 { right: 33.33333% } .col-md-pull-5 { right: 41.66667% } .col-md-pull-6 { right: 50% } .col-md-pull-7 { right: 58.33333% } .col-md-pull-8 { right: 66.66667% } .col-md-pull-9 { right: 75% } .col-md-pull-10 { right: 83.33333% } .col-md-pull-11 { right: 91.66667% } .col-md-pull-12 { right: 100% } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333% } .col-md-push-2 { left: 16.66667% } .col-md-push-3 { left: 25% } .col-md-push-4 { left: 33.33333% } .col-md-push-5 { left: 41.66667% } .col-md-push-6 { left: 50% } .col-md-push-7 { left: 58.33333% } .col-md-push-8 { left: 66.66667% } .col-md-push-9 { left: 75% } .col-md-push-10 { left: 83.33333% } .col-md-push-11 { left: 91.66667% } .col-md-push-12 { left: 100% } .col-md-offset-0 { margin-left: 0% } .col-md-offset-1 { margin-left: 8.33333% } .col-md-offset-2 { margin-left: 16.66667% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-4 { margin-left: 33.33333% } .col-md-offset-5 { margin-left: 41.66667% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-7 { margin-left: 58.33333% } .col-md-offset-8 { margin-left: 66.66667% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-10 { margin-left: 83.33333% } .col-md-offset-11 { margin-left: 91.66667% } .col-md-offset-12 { margin-left: 100% } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.33333% } .col-lg-2 { width: 16.66667% } .col-lg-3 { width: 25% } .col-lg-4 { width: 33.33333% } .col-lg-5 { width: 41.66667% } .col-lg-6 { width: 50% } .col-lg-7 { width: 58.33333% } .col-lg-8 { width: 66.66667% } .col-lg-9 { width: 75% } .col-lg-10 { width: 83.33333% } .col-lg-11 { width: 91.66667% } .col-lg-12 { width: 100% } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333% } .col-lg-pull-2 { right: 16.66667% } .col-lg-pull-3 { right: 25% } .col-lg-pull-4 { right: 33.33333% } .col-lg-pull-5 { right: 41.66667% } .col-lg-pull-6 { right: 50% } .col-lg-pull-7 { right: 58.33333% } .col-lg-pull-8 { right: 66.66667% } .col-lg-pull-9 { right: 75% } .col-lg-pull-10 { right: 83.33333% } .col-lg-pull-11 { right: 91.66667% } .col-lg-pull-12 { right: 100% } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333% } .col-lg-push-2 { left: 16.66667% } .col-lg-push-3 { left: 25% } .col-lg-push-4 { left: 33.33333% } .col-lg-push-5 { left: 41.66667% } .col-lg-push-6 { left: 50% } .col-lg-push-7 { left: 58.33333% } .col-lg-push-8 { left: 66.66667% } .col-lg-push-9 { left: 75% } .col-lg-push-10 { left: 83.33333% } .col-lg-push-11 { left: 91.66667% } .col-lg-push-12 { left: 100% } .col-lg-offset-0 { margin-left: 0% } .col-lg-offset-1 { margin-left: 8.33333% } .col-lg-offset-2 { margin-left: 16.66667% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-4 { margin-left: 33.33333% } .col-lg-offset-5 { margin-left: 41.66667% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-7 { margin-left: 58.33333% } .col-lg-offset-8 { margin-left: 66.66667% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-10 { margin-left: 83.33333% } .col-lg-offset-11 { margin-left: 91.66667% } .col-lg-offset-12 { margin-left: 100% } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100% } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857; color: #555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { border: 0; background-color: transparent; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; } input[type="date"].input-sm, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg input[type="month"] { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio+.radio, .checkbox+.checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.33333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg+.form-control-feedback, .input-group-lg+.form-control-feedback, .form-group-lg .form-control+.form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm+.form-control-feedback, .input-group-sm+.form-control-feedback, .form-group-sm .form-control+.form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label~.form-control-feedback { top: 25px; } .has-feedback label.sr-only~.form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group>.form-control { width: 100% } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-left: -12px; margin-right: -12px; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; } .form-horizontal .form-group:after { clear: both; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .form-horizontal .has-feedback .form-control-feedback { right: 12px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .visible-xs { display: none !important; } .visible-sm { display: none !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } .row.vspace>[class*="col-"] { margin: 12px 0; margin: 0.75rem 0; } .container.right { text-align: right; } .container.right.informational { margin-left: -0.75rem; } .container.center { text-align: center; } .container.vspace { margin-top: 0.5rem; margin-bottom: 2.5rem; } @media only screen and (max-width: 1200px) { .container.vspace { margin-top: -1rem; } } .container .section.container { padding: 0; } .container-1024 { width: 1024px; padding: 0; margin: 0 auto; } @media only screen and (max-width: 1110px) { .container-1024 { width: 100%; padding: 30px; } } @media only screen and (max-width: 480px) { .container-1024 { padding: 15px; } } @media only screen and (max-width: 350px) { .container-1024 { padding: 0; } } .container.max-width { width: auto; margin: 16px 24px; margin: 1rem 1.5rem; padding: 0; } .container.max-width .client-space-heading { display: none; } @media only screen and (max-width: 1110px) { .container.max-width .client-space-heading { display: block; margin: 32px 0 16px 0; margin: 2rem 0 1rem 0; } } .container.max-width .client-space-heading.visible { display: block; } .container.max-width .container-fluid { padding: 0; margin-left: -12px; margin-right: -12px; } .container.max-width .container-fluid .row { margin-left: 0; margin-right: 0; } .container.max-width.section-promote { padding: 2rem; } .container.max-width[account-pages] { margin-top: 2.5rem; min-height: 312px; width: 100% } .container.max-width[account-pages] .page-name { color: black; font-size: 25px; padding: 0 10px; } .align-right { text-align: right; } .align-center { text-align: center; } @media only screen and (min-width: 992px) { .col-md-offset-1-less { margin-left: 3.33333%; width: 46.66667% } } .row-height { display: table; table-layout: fixed; height: 100%; width: 100% } .col-height { display: table-cell; float: none; height: 100% } .col-top { vertical-align: top; } .col-middle { vertical-align: middle; } .col-bottom { vertical-align: bottom; } @media (min-width: 480px) { .row-xs-height { display: table; table-layout: fixed; height: 100%; width: 100% } .col-xs-height { display: table-cell; float: none; height: 100% } .col-xs-top { vertical-align: top; } .col-xs-middle { vertical-align: middle; } .col-xs-bottom { vertical-align: bottom; } } @media (min-width: 768px) { .row-sm-height { display: table; table-layout: fixed; height: 100%; width: 100% } .col-sm-height { display: table-cell; float: none; height: 100% } .col-sm-top { vertical-align: top; } .col-sm-middle { vertical-align: middle; } .col-sm-bottom { vertical-align: bottom; } } @media (min-width: 992px) { .row-md-height { display: table; table-layout: fixed; height: 100%; width: 100% } .col-md-height { display: table-cell; float: none; height: 100% } .col-md-top { vertical-align: top; } .col-md-middle { vertical-align: middle; } .col-md-bottom { vertical-align: bottom; } } @media (min-width: 1200px) { .row-lg-height { display: table; table-layout: fixed; height: 100%; width: 100% } .col-lg-height { display: table-cell; float: none; height: 100% } .col-lg-top { vertical-align: top; } .col-lg-middle { vertical-align: middle; } .col-lg-bottom { vertical-align: bottom; } } body.has-player .playlist-pane { bottom: 80px; } body.has-player .playlist-pane.is-opened { border-bottom: 1px solid black; } @media screen and (max-width: 992px) { body.has-player .playlist-pane { bottom: 66px; } } [component-disabled] { cursor: not-allowed !important; } [component-disabled]>* { -webkit-filter: grayscale(1) !important; filter: grayscale(1) !important; opacity: .4 !important; cursor: not-allowed !important; pointer-events: none !important; } [component-disabled]>*>*, [component-disabled]>*>*>* { cursor: not-allowed !important; pointer-events: none !important; } [center] { margin: 0 auto; } [center-important] { margin: 0 auto !important; } [float-right] { float: right; } [float-clear] { clear: both; } [absolute] { position: absolute !important; } [absolute-top-right] { position: absolute !important; top: 0; right: 0; } [overflow-allowed] { overflow: visible !important; } [z-700] { z-index: 700 !important; } [z-600] { z-index: 600 !important; } [z-410] { z-index: 410 !important; } [block] { display: block !important; } [no-display] { display: none !important; } [relative-position] { position: relative; } [flex-raw-space-between] { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } [flex-raw-space-between][wrap] { -ms-flex-wrap: wrap; flex-wrap: wrap; } [flex-raw-space-between][start] { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } [flex-raw-start] { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } [flex-raw-start][wrap] { -ms-flex-wrap: wrap; flex-wrap: wrap; } [flex-raw-center] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } [flex-raw-center][start] { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } [flex-raw-center][wrap] { -ms-flex-wrap: wrap; flex-wrap: wrap; } [flex-raw-end] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } [flex-column-start] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } [flex-column-center] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } [data-flex^="flexOrder"][data-flex*="1"] { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } [data-flex^="flexOrder"][data-flex*="2"] { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } [data-flex^="flexOrder"][data-flex*="3"] { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } [data-flex^="flexOrder"][data-flex*="4"] { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } [data-flex^="flexOrder"][data-flex*="5"] { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } [data-flex^="flexOrder"][data-flex*="6"] { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } [img-contain] { display: block; background-repeat: no-repeat; background-position: center; background-size: contain; background-color: transparent; height: 100%; width: 100% } [not-visible] { visibility: hidden !important; } [w-50] { width: 50% } [w-100] { width: 100% !important; } [size^="w"][size*="-50%"] { width: 50% } [size^="w"][size*="-100%"] { width: 100% } [margin^="top"][margin*="-24"] { margin-top: 24px; } [no-padding] { padding: 0 !important; } [no-left-pad] { padding-left: 0 !important; } [no-right-pad] { padding-right: 0 !important; } [no-padding-top] { padding-top: 0 !important; } [padding-top-8] { padding-top: 8px !important; } [color-primary] { background-color: #67b7bf !important; } [color-primary-saturated] { background-color: #4bd2e2 !important; } [yellow-spreaker] { background-color: #ffc107 !important; } [whitesmoke] { background-color: whitesmoke !important; } [color-text-primary-saturated] { color: #4bd2e2 !important; } [color-text-medium-gray] { color: #646464 !important; } [color-black] { color: #000 !important; } [text-center] { text-align: center; } [text-left] { text-align: left; } [uppercase] { text-transform: uppercase; } [no-border] { border: none !important; } [size-13] { font-size: 13px !important; } [size-14] { font-size: 14px !important; } [size-15] { font-size: 15px !important; } [size-16] { font-size: 16px !important; } [size-17] { font-size: 17px !important; } [size-22] { font-size: 22px; } [size-28] { font-size: 28px !important; } [size-32] { font-size: 32px !important; } [size-44] { font-size: 44px !important; } [italic] { font-style: italic !important; } [normal] { font-family: "futurabook", Arial, sans-serif; } [demi] { font-family: "futurademi", Arial, sans-serif; } [bold] { font-family: "futurabold", Arial, sans-serif; } [h-auto] { height: auto !important; } [h-240] { height: 240px !important; } [width-auto] { width: auto !important; } [width-80] { width: 80% !important; } [list-disc-outside] { list-style-type: disc !important; list-style-position: outside !important; padding-left: 1.25rem !important; } [list-disc-outside] li { display: list-item !important; } [display^="flex"] { display: -webkit-box; display: -ms-flexbox; display: flex; } [display^="flex"][display*="row"] { -ms-flex-flow: row; flex-flow: row; } [display^="flex"][display*="row-reverse"] { -ms-flex-flow: row-reverse; flex-flow: row-reverse; } [display^="flex"][display*="column"] { -ms-flex-flow: column; flex-flow: column; } [display^="flex"][display*="column-reverse"] { -ms-flex-flow: column-reverse; flex-flow: column-reverse; } [display^="flex"][display*="align-center"] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } [display^="flex"][display*="align-start"] { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } [display^="flex"][display*="align-end"] { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } [display^="flex"][display*="align-baseline"] { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } [display^="flex"][display*="justify-center"] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } [display^="flex"][display*="justify-between"] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } [display^="flex"][display*="justify-around"] { -ms-flex-pack: distribute; justify-content: space-around; } [display^="flex"][display*="justify-end"] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } [display^="flex"][display*="justify-start"] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } [display^="flex"][display*="space-evenly"] { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } [display^="flex"][display*="wrap"] { -ms-flex-wrap: wrap; flex-wrap: wrap; } [display^="flex"][display*="nowrap"] { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } [display*="grow-1"] { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } [display*="grow-1-desktop"] { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (max-width: 1110px) { [display*="grow-1-desktop"] { -webkit-box-flex: initial; -ms-flex-positive: initial; flex-grow: initial; } } [display*="align-self-start"] { -ms-flex-item-align: start; align-self: flex-start; } [display*="align-self-center"] { -ms-flex-item-align: center; align-self: center; } [display*="align-self-end"] { -ms-flex-item-align: end; align-self: flex-end; } [display^="block"] { display: block; } [display^="inline"] { display: inline; } [display^="inline-block"] { display: inline-block; } [display^="table"] { display: table; } [display^="none"] { display: none; } [display*="overflow-hidden"] { overflow: hidden; } [display*="overflow-visible"] { overflow: hidden; } [text~="ellipsis"] { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } [text~="nowrap"] { white-space: nowrap; } [text~="wrap"] { white-space: normal; } [text~="capitalize"] { text-transform: capitalize; } [text~="uppercase"] { text-transform: uppercase; } [text~="capitalize-first-letter"] { display: block; } [text~="capitalize-first-letter"]::first-letter { text-transform: capitalize; } [text~="lowercase"] { text-transform: lowercase; } [text~="initial"] { text-transform: initial; } [text~="left"] { text-align: left; } [text~="center"] { text-align: center; } [text~="right"] { text-align: right; } [text~="justify"] { text-align: justify; } [text~="underline"] { text-decoration: underline; } [text~="underline"]:hover { text-decoration: underline; } [text~="no-deco"] { text-decoration: none; } [text~="line-h-1"] { line-height: 1; } [text~="line-h-1-2"] { line-height: 1.2; } [text~="line-h-1-3"] { line-height: 1.3; } [text~="line-h-1-4"] { line-height: 1.4; } [text~="line-h-1-5"] { line-height: 1.5; } [text~="line-h-1-6"] { line-height: 1.6; } [text~="letter-spacing-1"] { letter-spacing: 1px; } [font~="normal"] { font-family: "futurabook", Arial, sans-serif; } [font~="demi"] { font-family: "futurademi", Arial, sans-serif; } [font~="bold"] { font-family: "futurabold", Arial, sans-serif; } [font~="w-initial"] { font-weight: initial; } [font~="w-400"] { font-weight: 400; } [font~="w-600"] { font-weight: 600; } [font~="size-6"] { font-size: 6px; } [font~="size-7"] { font-size: 7px; } [font~="size-8"] { font-size: 8px; } [font~="size-9"] { font-size: 9px; } [font~="size-10"] { font-size: 10px; } [font~="size-11"] { font-size: 11px; } [font~="size-12"] { font-size: 12px; } [font~="size-13"] { font-size: 13px; } [font~="size-14"] { font-size: 14px; } [font~="size-15"] { font-size: 15px; } [font~="size-16"] { font-size: 16px; } [font~="size-17"] { font-size: 17px; } [font~="size-18"] { font-size: 18px; } [font~="size-19"] { font-size: 19px; } [font~="size-20"] { font-size: 20px; } [font~="size-21"] { font-size: 21px; } [font~="size-22"] { font-size: 22px; } [font~="size-23"] { font-size: 23px; } [font~="size-24"] { font-size: 24px; } [font~="size-25"] { font-size: 25px; } [font~="size-26"] { font-size: 26px; } [font~="size-27"] { font-size: 27px; } [font~="size-28"] { font-size: 28px; } [font~="size-29"] { font-size: 29px; } [font~="size-30"] { font-size: 30px; } [font~="size-32"] { font-size: 32px; } [font~="size-34"] { font-size: 34px; } [font~="size-36"] { font-size: 36px; } [font~="size-38"] { font-size: 38px; } [font~="size-40"] { font-size: 40px; } [font~="size-80"] { font-size: 80px; } [size~="w-0"] { width: 0px; } [size~="w-1"] { width: 1px; } [size~="w-2"] { width: 2px; } [size~="w-3"] { width: 3px; } [size~="w-4"] { width: 4px; } [size~="w-5"] { width: 5px; } [size~="w-6"] { width: 6px; } [size~="w-7"] { width: 7px; } [size~="w-8"] { width: 8px; } [size~="w-9"] { width: 9px; } [size~="w-10"] { width: 10px; } [size~="w-11"] { width: 11px; } [size~="w-12"] { width: 12px; } [size~="w-13"] { width: 13px; } [size~="w-14"] { width: 14px; } [size~="w-15"] { width: 15px; } [size~="w-16"] { width: 16px; } [size~="w-17"] { width: 17px; } [size~="w-18"] { width: 18px; } [size~="w-19"] { width: 19px; } [size~="w-20"] { width: 20px; } [size~="w-21"] { width: 21px; } [size~="w-22"] { width: 22px; } [size~="w-23"] { width: 23px; } [size~="w-24"] { width: 24px; } [size~="w-25"] { width: 25px; } [size~="w-26"] { width: 26px; } [size~="w-27"] { width: 27px; } [size~="w-28"] { width: 28px; } [size~="w-29"] { width: 29px; } [size~="w-30"] { width: 30px; } [size~="w-32"] { width: 32px; } [size~="w-40"] { width: 40px; } [size~="w-46"] { width: 46px; } [size~="w-135"] { width: 135px; } [size~="w-145"] { width: 145px; } [size~="w-180"] { width: 180px; } [size~="w-220"] { width: 220px; } [size~="w-270"] { width: 270px; } [size~="w-354"] { width: 354px; } [size~="w-650"] { width: 650px; } [size~="w-5%"] { width: 5% } [size~="w-10%"] { width: 10% } [size~="w-15%"] { width: 15% } [size~="w-20%"] { width: 20% } [size~="w-25%"] { width: 25% } [size~="w-30%"] { width: 30% } [size~="w-35%"] { width: 35% } [size~="w-40%"] { width: 40% } [size~="w-45%"] { width: 45% } [size~="w-50%"] { width: 50% } [size~="w-55%"] { width: 55% } [size~="w-60%"] { width: 60% } [size~="w-65%"] { width: 65% } [size~="w-70%"] { width: 70% } [size~="w-75%"] { width: 75% } [size~="w-80%"] { width: 80% } [size~="w-85%"] { width: 85% } [size~="w-90%"] { width: 90% } [size~="w-95%"] { width: 95% } [size~="w-100%"] { width: 100% } [size~="h-0"] { height: 0px; } [size~="h-1"] { height: 1px; } [size~="h-2"] { height: 2px; } [size~="h-3"] { height: 3px; } [size~="h-4"] { height: 4px; } [size~="h-5"] { height: 5px; } [size~="h-6"] { height: 6px; } [size~="h-7"] { height: 7px; } [size~="h-8"] { height: 8px; } [size~="h-9"] { height: 9px; } [size~="h-10"] { height: 10px; } [size~="h-11"] { height: 11px; } [size~="h-12"] { height: 12px; } [size~="h-13"] { height: 13px; } [size~="h-14"] { height: 14px; } [size~="h-15"] { height: 15px; } [size~="h-16"] { height: 16px; } [size~="h-17"] { height: 17px; } [size~="h-18"] { height: 18px; } [size~="h-19"] { height: 19px; } [size~="h-20"] { height: 20px; } [size~="h-21"] { height: 21px; } [size~="h-22"] { height: 22px; } [size~="h-23"] { height: 23px; } [size~="h-24"] { height: 24px; } [padding~="right-20"] { padding-right: 20px; } [padding~="right-21"] { padding-right: 21px; } [padding~="right-22"] { padding-right: 22px; } [padding~="right-23"] { padding-right: 23px; } [padding~="right-24"] { padding-right: 24px; } [padding~="right-25"] { padding-right: 25px; } [padding~="right-26"] { padding-right: 26px; } [padding~="right-27"] { padding-right: 27px; } [padding~="right-28"] { padding-right: 28px; } [padding~="right-29"] { padding-right: 29px; } [padding~="right-30"] { padding-right: 30px; } [padding~="right-32"] { padding-right: 32px; } [padding~="right-40"] { padding-right: 40px; } [color^="jam-music"] { color:; } [color^="jam-licensing"] { color: #67b7bf; } [color^="jam-licensing-saturated"] { color: #4bd2e2; } [color^="black"] { color: #000; } [color^="white"] { color: #FFF; } [color^="red"] { color: red; } [color^="orange"] { color: orange; } [color^="gray-0"] { color: whitesmoke; } [color^="gray-1"] { color: #f2f2f2; } [color^="gray-2"] { color: #e5e5e5; } [color^="gray-3"] { color: #d8d8d8; } [color^="gray-4"] { color: #cbcbcb; } [color^="gray-5"] { color: #bebebe; } [color^="gray-6"] { color: #b1b1b1; } [color^="gray-7"] { color: #a4a4a4; } [color^="gray-8"] { color: #979797; } [color^="gray-9"] { color: #8a8a8a; } [color^="gray-10"] { color: #7d7d7d; } [color^="gray-11"] { color: #707070; } [color^="gray-12"] { color: #636363; } [color^="gray-13"] { color: #565656; } [color^="gray-14"] { color: #494949; } [color^="gray-15"] { color: #3c3c3c; } [color^="gray-16"] { color: #2f2f2f; } [color^="gray-17"] { color: #222; } [color^="gray-18"] { color: #151515; } [color^="gray-19"] { color: #080808; } [debug] { border: 1px solid red; } [shadow] { box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); } [border~="none"] { border: none; } [border~="w-1"] { border: 1px solid; } [border~="w-2"] { border: 2px solid; } [border~="w-3"] { border: 3px solid; } [border~="w-4"] { border: 4px solid; } [border~="w-5"] { border: 5px solid; } [border~="w-6"] { border: 6px solid; } [border~="w-7"] { border: 7px solid; } [border~="w-8"] { border: 8px solid; } [border~="w-9"] { border: 9px solid; } [border~="w-10"] { border: 10px solid; } [border^="jam-music"] { border-color:; } [border^="jam-licensing"] { border-color: #67b7bf; } [border~="jamlicensing"] { border-color: #67b7bf; } [border~="r100%"] { border-radius: 100% } [border~="r1"] { border-radius: 1px; } [border~="r2"] { border-radius: 2px; } [border~="r3"] { border-radius: 3px; } [border~="r4"] { border-radius: 4px; } [border~="r5"] { border-radius: 5px; } [border~="r6"] { border-radius: 6px; } [border~="r7"] { border-radius: 7px; } [border~="r8"] { border-radius: 8px; } [border~="r9"] { border-radius: 9px; } [border~="r10"] { border-radius: 10px; } [position^="relative"] { position: relative; } [position^="absolute"] { position: absolute; } [position^="fixed"] { position: fixed; } [position^="sticky"] { position: -webkit-sticky; position: sticky; } [position^="sticky-desktop"] { position: -webkit-sticky; position: sticky; } @media only screen and (max-width: 1110px) { [position^="sticky-desktop"] { position: initial; } } [position^="float-right"] { float: right; } [position*="top-0"] { top: 0; } [position*="top-2"] { top: 2px; } [position*="top-30"] { top: 30px; } [position*="top-70"] { top: 70px; } [position*="top-minus-75"] { top: -75px; } [position*="right-0"] { right: 0; } [position*="right-minus-10"] { right: -10px; } [position*="bottom-0"] { bottom: 0; } [position*="left-0"] { left: 0; } [background^="jam-music"] { background-color:; } [background^="jam-licensing"] { background-color: #67b7bf; } [background^="black"] { background-color: #000; } [background^="white"] { background-color: #FFF; } [background^="red"] { background-color: red; } [background^="error"] { color: #ffd7d7; } [background^="orange"] { background-color: orange; } [background^="gray-0"] { background-color: whitesmoke; } [background^="gray-1"] { background-color: #f2f2f2; } [background^="gray-2"] { background-color: #e5e5e5; } [background^="gray-3"] { background-color: #d8d8d8; } [background^="gray-4"] { background-color: #cbcbcb; } [background^="gray-5"] { background-color: #bebebe; } [background^="gray-6"] { background-color: #b1b1b1; } [background^="gray-7"] { background-color: #a4a4a4; } [background^="gray-8"] { background-color: #979797; } [background^="gray-9"] { background-color: #8a8a8a; } [background^="gray-10"] { background-color: #7d7d7d; } [background^="gray-11"] { background-color: #707070; } [background^="gray-12"] { background-color: #636363; } [background^="gray-13"] { background-color: #565656; } [background^="gray-14"] { background-color: #494949; } [background^="gray-15"] { background-color: #3c3c3c; } [background^="gray-16"] { background-color: #2f2f2f; } [background^="gray-17"] { background-color: #222; } [background^="gray-18"] { background-color: #151515; } [background^="gray-19"] { background-color: #080808; } @media only screen and (max-width: 750px) { [responsive~="750-reset-background"] { background-color: initial; } } [animation~="rotate-add-180"] { -webkit-transform: rotate(180deg); transform: rotate(180deg); } [hover~="licensing"]:hover { color: #67b7bf; } [hover~="licensing"]:hover>* { color: #67b7bf; } .chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: 13px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .chosen-container * { box-sizing: border-box; } .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; width: 100%; border: 1px solid #aaa; border-top: 0; background: #fff; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); } .chosen-container.chosen-with-drop .chosen-drop { left: 0; } .chosen-container a { cursor: pointer; } .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; color: #999; } .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after { content: ":"; padding-left: 2px; vertical-align: top; } .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; height: 25px; border: 1px solid #aaa; border-radius: 5px; background-color: #fff; background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%); background-clip: padding-box; box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1); color: #444; text-decoration: none; white-space: nowrap; line-height: 24px; } .chosen-container-single .chosen-default { color: #999; } .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url("/css/chosen-sprite.png") -42px 1px no-repeat; font-size: 1px; } .chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100% } .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; background: url("/css/chosen-sprite.png") no-repeat 0px 2px; } .chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; } .chosen-container-single .chosen-search input[type="text"] { margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; background: white url("/css/chosen-sprite.png") no-repeat 100% -20px; background: url("/css/chosen-sprite.png") no-repeat 100% -20px; font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; } .chosen-container .chosen-results { color: #444; position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; } .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; word-wrap: break-word; -webkit-touch-callout: none; } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } .chosen-container .chosen-results li.highlighted { background-color: #3875d7; background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff; } .chosen-container .chosen-results li.no-results { color: #777; display: list-item; background: #f4f4f4; } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: bold; cursor: default; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; margin: 0; padding: 0 5px; width: 100%; height: auto; border: 1px solid #aaa; background-color: #fff; background-image: linear-gradient(#eee 1%, #fff 15%); cursor: text; } .chosen-container-multi .chosen-choices li { float: left; list-style: none; } .chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } .chosen-container-multi .chosen-choices li.search-field input[type="text"] { margin: 1px 0; padding: 0; height: 25px; outline: 0; border: 0 !important; background: transparent !important; box-shadow: none; color: #999; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 5px 3px 0; padding: 3px 20px 3px 5px; border: 1px solid #aaa; max-width: 100%; border-radius: 3px; background-color: #eee; background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; } .chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url("/css/chosen-sprite.png") -42px 1px no-repeat; font-size: 1px; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); color: #666; } .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; } .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .chosen-container-multi .chosen-results { margin: 0; padding: 0; } .chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; } .chosen-container-active .chosen-single { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #aaa; border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-image: linear-gradient(#eee 20%, #fff 80%); box-shadow: 0 1px 0 #fff inset; } .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: transparent; } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 2px; } .chosen-container-active .chosen-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #222 !important; } .chosen-disabled { opacity: 0.5 !important; cursor: default; } .chosen-disabled .chosen-single { cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; } .chosen-rtl { text-align: right; } .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } .chosen-rtl .chosen-single div { right: auto; left: 3px; } .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } .chosen-rtl .chosen-choices li { float: right; } .chosen-rtl .chosen-choices li.search-field input[type="text"] { direction: rtl; } .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop { left: 9999px; } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; } .chosen-rtl .chosen-search input[type="text"] { padding: 4px 5px 4px 20px; background: white url("/css/chosen-sprite.png") no-repeat -30px -20px; background: url("/css/chosen-sprite.png") no-repeat -30px -20px; direction: rtl; } .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; } .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-image: url("/css/chosen-sprite@2x.png") !important; background-size: 52px 37px !important; background-repeat: no-repeat !important; } } .chosen-container .chosen-drop { border: 1px solid #67b7bf; box-shadow: 0 0 6px #afd9dd; padding-top: 4px; text-align: left; } .chosen-container-single .chosen-single { background: #FFF; border-radius: 0; padding: 8px 16px 10px 8px; padding: 0.5rem 1rem 0.625rem 0.5rem; line-height: inherit; box-shadow: none; height: 36px; height: 2.25rem; border-color: #ccc; } .chosen-container-single .chosen-single abbr { background: url("/images/chosen-sprite.png") -42px 1px no-repeat; } .chosen-container-single .chosen-single div { width: 16px; } .chosen-container-single .chosen-single div b { background: url("/images/sprites/chosen-sprite.png") no-repeat 0px 7px; } .chosen-container-single .chosen-search { position: relative; } .chosen-container-single .chosen-search:after { position: absolute; z-index: 1; display: block; top: 0.75rem; right: 1rem; width: 12px; height: 12px; font-size: 12px; font-family: "jamendo-all-icons"; content: "" } .chosen-container-single .chosen-search input[type="text"] { background: none; padding: 8px 32px 8px 8px; padding: 0.5rem 2rem 0.5rem 0.5rem; } .chosen-search input[type="text"] { background: none !important; } .chosen-container-active .chosen-single { border-color: #67b7bf; box-shadow: 0 0 6px #afd9dd; } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #67b7bf; background: #FFF; box-shadow: 0 0 6px #afd9dd; } .chosen-container .chosen-results li.highlighted { background-color: #67b7bf; background-image: none; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { background: url("/images/sprites/chosen-sprite.png") -42px 1px no-repeat; } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 7px; } .chosen-rtl .chosen-search input[type="text"] { background: white url("/images/sprites/chosen-sprite.png") no-repeat -30px -20px; background: url("/images/sprites/chosen-sprite.png") no-repeat -30px -20px; } .chosen-container-multi .chosen-choices li.search-choice { border: none; max-width: 100%; border-radius: 4px; background-color: #8bc8ce; background-image: none; box-shadow: none; color: #FFF; line-height: 24px; padding: 0 24px 0 6px; white-space: nowrap; } @media only screen and (max-width: 768px) { .chosen-container-multi .chosen-choices li.search-choice { padding: 0 34px 0 6px; line-height: 34px; } } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { top: 0px; right: 0px; width: 24px; height: 24px; background: none; font-family: "jamendo-all-icons"; font-size: 8px; color: #FFF; text-decoration: none; line-height: 3; text-align: center; cursor: pointer; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before { content: "" } @media only screen and (max-width: 768px) { .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { width: 100%; text-align: right; padding-right: 7px; font-size: 12px; line-height: 34px; } } .chosen-container-multi .chosen-choices li.search-field input[type="text"] { height: 30px; margin: 0; padding-left: 6px; padding-top: 2px; color: gray !important; font-family: "futurabook", Arial, sans-serif; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background: none !important; } } .chosen-choices, .search-module .chosen-container-active .chosen-choices { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; } .chosen-choices .search-field, .search-module .chosen-container-active .chosen-choices .search-field { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 250px; text-align: left; } .chosen-choices .search-field input[placeholder], .search-module .chosen-container-active .chosen-choices .search-field input[placeholder] { width: 100% } @media only screen and (max-width: 768px) { .chosen-choices .search-field, .search-module .chosen-container-active .chosen-choices .search-field { min-width: 100px; width: 100px; } } @media only screen and (max-width: 768px) { .chosen-choices .search-choice, .search-module .chosen-container-active .chosen-choices .search-choice { display: -webkit-box; display: -ms-flexbox; display: flex; } .chosen-choices .search-choice span, .search-module .chosen-container-active .chosen-choices .search-choice span { overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: inline-block; } } [class*="hint--"] { position: relative; display: inline-block; } [class*="hint--"]:before, [class*="hint--"]:after { position: absolute; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: hidden; opacity: 0; z-index: 630; pointer-events: none; transition: 0.3s ease; transition-delay: 0ms; } [class*="hint--"]:hover:before, [class*="hint--"]:hover:after { visibility: visible; opacity: 1; } [class*="hint--"]:hover:before, [class*="hint--"]:hover:after { transition-delay: 100ms; } [class*="hint--"]:before { content: ''; position: absolute; background: transparent; border: 6px solid transparent; z-index: 631; } [class*="hint--"]:after { background: #67b7bf; color: white; padding: 8px 10px; font-size: 12px; font-family: "futurabook", Arial, sans-serif; line-height: 12px; white-space: nowrap; } [class*="hint--"][aria-label]:after { content: attr(aria-label); } [class*="hint--"][data-hint]:after { content: attr(data-hint); } [aria-label='']:before, [aria-label='']:after, [data-hint='']:before, [data-hint='']:after { display: none !important; } .hint--top-left:before { border-top-color: #67b7bf; } .hint--top-right:before { border-top-color: #67b7bf; } .hint--top:before { border-top-color: #67b7bf; } .hint--bottom-left:before { border-bottom-color: #67b7bf; } .hint--bottom-right:before { border-bottom-color: #67b7bf; } .hint--bottom:before { border-bottom-color: #67b7bf; } .hint--left:before { border-left-color: #67b7bf; } .hint--right:before { border-right-color: #67b7bf; } .hint--top:before { margin-bottom: -11px; } .hint--top:before, .hint--top:after { bottom: 100%; left: 50% } .hint--top:before { left: calc(50% - 6px); } .hint--top:after { -webkit-transform: translateX(-50%); transform: translateX(-50%); } .hint--top:hover:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--top:hover:after { -webkit-transform: translateX(-50%) translateY(-8px); transform: translateX(-50%) translateY(-8px); } .hint--bottom:before { margin-top: -11px; } .hint--bottom:before, .hint--bottom:after { top: 100%; left: 50% } .hint--bottom:before { left: calc(50% - 6px); } .hint--bottom:after { -webkit-transform: translateX(-50%); transform: translateX(-50%); } .hint--bottom:hover:before { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--bottom:hover:after { -webkit-transform: translateX(-50%) translateY(8px); transform: translateX(-50%) translateY(8px); } .hint--right:before { margin-left: -11px; margin-bottom: -6px; } .hint--right:after { margin-bottom: -14px; } .hint--right:before, .hint--right:after { left: 100%; bottom: 50% } .hint--right:hover:before { -webkit-transform: translateX(8px); transform: translateX(8px); } .hint--right:hover:after { -webkit-transform: translateX(8px); transform: translateX(8px); } .hint--left { white-space: nowrap; } .hint--left:before { margin-right: -11px; margin-bottom: -6px; } .hint--left:after { margin-bottom: -14px; } .hint--left:before, .hint--left:after { right: 100%; bottom: 50% } .hint--left:hover:before { -webkit-transform: translateX(-8px); transform: translateX(-8px); } .hint--left:hover:after { -webkit-transform: translateX(-8px); transform: translateX(-8px); } .hint--top-left:before { margin-bottom: -11px; } .hint--top-left:before, .hint--top-left:after { bottom: 100%; left: 50% } .hint--top-left:before { left: calc(50% - 6px); } .hint--top-left:after { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .hint--top-left:after { margin-left: 12px; } .hint--top-left:hover:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--top-left:hover:after { -webkit-transform: translateX(-100%) translateY(-8px); transform: translateX(-100%) translateY(-8px); } .hint--top-right:before { margin-bottom: -11px; } .hint--top-right:before, .hint--top-right:after { bottom: 100%; left: 50% } .hint--top-right:before { left: calc(50% - 6px); } .hint--top-right:after { -webkit-transform: translateX(0); transform: translateX(0); } .hint--top-right:after { margin-left: -12px; } .hint--top-right:hover:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--top-right:hover:after { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--bottom-left:before { margin-top: -11px; } .hint--bottom-left:before, .hint--bottom-left:after { top: 100%; left: 50% } .hint--bottom-left:before { left: calc(50% - 6px); } .hint--bottom-left:after { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .hint--bottom-left:after { margin-left: 12px; } .hint--bottom-left:hover:before { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--bottom-left:hover:after { -webkit-transform: translateX(-100%) translateY(8px); transform: translateX(-100%) translateY(8px); } .hint--bottom-right:before { margin-top: -11px; } .hint--bottom-right:before, .hint--bottom-right:after { top: 100%; left: 50% } .hint--bottom-right:before { left: calc(50% - 6px); } .hint--bottom-right:after { -webkit-transform: translateX(0); transform: translateX(0); } .hint--bottom-right:after { margin-left: -12px; } .hint--bottom-right:hover:before { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--bottom-right:hover:after { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--small:after, .hint--medium:after, .hint--large:after { white-space: normal; line-height: 1.4em; word-wrap: break-word; } .hint--small:after { width: 80px; } .hint--medium:after { width: 150px; } .hint--large:after { width: 300px; } .hint--always:after, .hint--always:before { opacity: 1; visibility: visible; } .hint--always.hint--top:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--always.hint--top:after { -webkit-transform: translateX(-50%) translateY(-8px); transform: translateX(-50%) translateY(-8px); } .hint--always.hint--top-left:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--always.hint--top-left:after { -webkit-transform: translateX(-100%) translateY(-8px); transform: translateX(-100%) translateY(-8px); } .hint--always.hint--top-right:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--always.hint--top-right:after { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--always.hint--bottom:before { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--always.hint--bottom:after { -webkit-transform: translateX(-50%) translateY(8px); transform: translateX(-50%) translateY(8px); } .hint--always.hint--bottom-left:before { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--always.hint--bottom-left:after { -webkit-transform: translateX(-100%) translateY(8px); transform: translateX(-100%) translateY(8px); } .hint--always.hint--bottom-right:before { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--always.hint--bottom-right:after { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--always.hint--left:before { -webkit-transform: translateX(-8px); transform: translateX(-8px); } .hint--always.hint--left:after { -webkit-transform: translateX(-8px); transform: translateX(-8px); } .hint--always.hint--right:before { -webkit-transform: translateX(8px); transform: translateX(8px); } .hint--always.hint--right:after { -webkit-transform: translateX(8px); transform: translateX(8px); } .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default !important; pointer-events: none; } .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100% } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { -webkit-filter: inherit; filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100% } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100% } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-slider .ui-slider-handle { background-color: #FFF; width: 16px; width: 1rem; height: 16px; height: 1rem; margin-left: -8px; margin-left: -0.5rem; border-radius: 100%; border: 1px solid #ccc; } .ui-slider .ui-slider-handle:focus { outline: none; } .ui-slider.ui-widget-content, .ui-slider .ui-slider-range { height: 6px; height: 0.375rem; } .ui-slider.ui-widget-content { background-color: #ccc; border-radius: 8px; border-radius: 0.5rem; } .ui-slider .ui-slider-range { background-color: #67b7bf; } .ps-container { -ms-touch-action: none; touch-action: none; overflow: hidden !important; -ms-overflow-style: none; } @supports (-ms-overflow-style: none) { .ps-container { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps-container { overflow: auto !important; } } .ps-container.ps-active-x>.ps-scrollbar-x-rail, .ps-container.ps-active-y>.ps-scrollbar-y-rail { display: block; background-color: transparent; } .ps-container.ps-in-scrolling { pointer-events: none; } .ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; } .ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x { background-color: #999; } .ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; } .ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y { background-color: #999; } .ps-container>.ps-scrollbar-x-rail { display: none; position: absolute; opacity: 0; transition: background-color .2s linear, opacity .2s linear; bottom: 0px; height: 15px; } .ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x { position: absolute; background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; bottom: 2px; height: 6px; } .ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x, .ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x { height: 11px; } .ps-container>.ps-scrollbar-y-rail { display: none; position: absolute; opacity: 0; transition: background-color .2s linear, opacity .2s linear; right: 0; width: 15px; } .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y { position: absolute; background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; right: 2px; width: 6px; } .ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y, .ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y { width: 11px; } .ps-container:hover.ps-in-scrolling { pointer-events: none; } .ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; } .ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x { background-color: #999; } .ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; } .ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y { background-color: #999; } .ps-container:hover>.ps-scrollbar-x-rail, .ps-container:hover>.ps-scrollbar-y-rail { opacity: 0.6; } .ps-container:hover>.ps-scrollbar-x-rail:hover { background-color: #eee; opacity: 0.9; } .ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x { background-color: #999; } .ps-container:hover>.ps-scrollbar-y-rail:hover { background-color: #eee; opacity: 0.9; } .ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y { background-color: #999; } .ps-scrollbar-y-rail, .ps-scrollbar-x-rail { background-color: transparent !important; } .zopim.up { margin-bottom: 62px !important; transition: all 0.25s ease-out !important; } @media screen and (max-width: 1024px) { .zopim { bottom: 0px !important; transition: none !important; } } .meshim_widget_components_chatButton_ButtonBar .button_bar { border: 1px solid !important; } @media screen and (max-width: 991px) { .player-displayed { margin-bottom: 62px !important; bottom: 0px !important; transition: all 0.25s ease-out !important; left: 12px !important; margin-right: 0px !important; } } .form-group.auto-width:before, .form-group-slider .scale:before, .task__wire-transfer-bank-accounts:before, .form-group.auto-width:after, .form-group-slider .scale:after, .task__wire-transfer-bank-accounts:after { content: " "; display: table; } .form-group.auto-width:after, .form-group-slider .scale:after, .task__wire-transfer-bank-accounts:after { clear: both; } .hero-catalog-ribbon__container__select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .button.disabled, .button[disabled], .button:disabled, fieldset[disabled] .button, .button-cart.disabled, .button-cart[disabled], .button-cart:disabled, fieldset[disabled] .button-cart, .s.payment-method.is-off, .pop-in.add-to-playlist .pop-in__playlist-add button.disabled, .pop-in.add-to-playlist .pop-in__playlist-add button:disabled, .pop-in.add-to-playlist .pop-in__playlist-add button[disabled], tr.processing { -webkit-filter: gray; filter: gray; filter: grayscale(1); -webkit-filter: grayscale(1); } .fullscreen-hero { background-size: cover; background-position: center center; } .product-summary__play:before, .thumb-list li>div>div:first-child:after, .playlist-pane .playlist-track .play .play-button:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.1; filter: alpha(opacity=10); background-color: #000; content: ""; z-index: 2; } .fullscreen-hero.patterned:after, .hero.patterned .hero-background:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.15; filter: alpha(opacity=15); background: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUY3OEFEMThFODExRTY5Nzc3OTJDNjBBQ0Q3RjhEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVGRUY3OEFFMThFODExRTY5Nzc3OTJDNjBBQ0Q3RjhEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUZFRjc4QUIxOEU4MTFFNjk3Nzc5MkM2MEFDRDdGOEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUZFRjc4QUMxOEU4MTFFNjk3Nzc5MkM2MEFDRDdGOEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4OywPHAAAAFklEQVR42mJgYGD4z0AE+E+hAECAAQD+agT8R5wZHwAAAABJRU5ErkJggg==); content: ""; z-index: 3; } .informational-overlay, .informational-overlay-track-pack, .navigation__mobile-overlay { position: fixed; height: 100%; top: 0; left: 0; right: 0; max-width: 100%; overflow-x: initial; overflow-y: scroll; opacity: 0; filter: alpha(opacity=0); background-color: #000; visibility: hidden; transition: all .3s linear; } .track-featured .cover, .thumb-list li>div, .hero { position: relative; width: 100%; padding-bottom: 100% } .track-featured .cover>div, .processing:before, .task.locked:after, .thumb-list li>div>div:first-child, .thumb-list li>div>div:last-child, .hero-background, .hero-content, .playlist-pane .playlist-track .information .layered-hover, .scheme__ball>div { position: absolute; right: 0; top: 0; left: 0; height: 100% } .fullscreen-hero { position: fixed; height: 100%; top: 0; left: 0; right: 0; } .track__actions, .track-information, .pop-in.add-to-playlist .pop-in__playlist-add, .product-summary, .error-notification, .form-inline-monofield, .form-group-paragraph, .notification__body, .picker-filter, .navigation__mobile-bar, .hero-track__time, .mini-player, .offer__category, .playlist-pane .playlist-picker, .playlist-pane .playlist-track>div:first-child, .scheme__ball>div, .search-module, .testimonials .testimonial, .triptych__title>div, .referral-table-header { display: table; width: 100% } .button>div, .button-icon>div, .button-play>div, .button-price-tag>div, .quantity-picker .minus>div, .quantity-picker .plus>div, .thumb-list li>div>div:last-child>div, .hero-content>div { display: table; width: 100%; height: 100% } .playlist-pane .tabs-nav { display: table; table-layout: fixed; width: 100% } .track__time__waveform, .track__time__duration, .track__time__bpm, .track__cta, .track-information>div, .pop-in.add-to-playlist .pop-in__playlist-add>div, .product-summary__cover, .product-summary__information, .error-notification>div, .form-group-paragraph>div, .notification__body>*, .picker-filter>div, .navigation__mobile-bar .actions, .navigation__mobile-bar .logo-link, .hero-track__duration, .hero-track__running-time, .mini-player__track, .mini-player__actions, .offer__category>div, .playlist-pane .playlist-picker>div, .playlist-pane .playlist-track>div:first-child>div, .scheme__ball>div>div, .search-module>div, .import-contacts-wrap>div, .referral-table-header>div { display: table-cell; vertical-align: middle; } .form-inline-monofield>div { display: table-cell; vertical-align: bottom; } .testimonials .testimonial>div { display: table-cell; vertical-align: top; } .button>div>div, .button-icon>div>div, .button-play>div>div, .button-price-tag>div>div, .quantity-picker .minus>div>div, .quantity-picker .plus>div>div, .thumb-list a, .thumb-list button, .hero-content>div>div, .playlist-pane .tabs-nav li, .triptych__title>div>div { display: table-cell; text-align: center; vertical-align: middle; } .track-information>div { width: 100%; max-width: 50px; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: auto; margin-right: auto; color: inherit; } .button .process, .button-cart .process, .button-cart.bordered.on-blue-background .process, .informational-link .icon, .informational-link-2 .icon, .product-summary__play, .hero-track__action .icon, .playlist-pane .playlist-track .play .play-button { position: absolute; top: 0; left: 0; } .modal-header [data-dismiss="modal"] { position: absolute; top: 0; right: 0; } .hero .link-corner { position: absolute; bottom: 0; right: 0; } .pill:before, .informational-overlay__cover-close, .informational-overlay-track-pack__cover-close { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .hero-track__waveform .button-play { position: absolute; left: 50%; top: 50% } .footer.is-lite { position: fixed; width: 100%; bottom: 0; left: 0; } .triptych__title, .dispatch h2 { border-bottom-width: 1px; border-bottom-width: 0.0625rem; border-bottom-color: #67b7bf; border-bottom-style: solid; } .offer__product .price, .offer__product .old-price { border-bottom-width: 1px; border-bottom-width: 0.0625rem; border-bottom-color: #ccc; border-bottom-style: solid; } .button, .button-icon, .button-play, .button-price-tag, .quantity-picker .minus, .quantity-picker .plus { appearance: none; -moz-appearance: none; -webkit-appearance: none; display: inline-block; vertical-align: middle; line-height: 1.334; position: relative; text-decoration: none; color: #FFF; } .button:hover, .button-icon:hover, .button-play:hover, .button-price-tag:hover, .quantity-picker .minus:hover, .quantity-picker .plus:hover, .button:active, .button-icon:active, .button-play:active, .button-price-tag:active, .quantity-picker .minus:active, .quantity-picker .plus:active, .button:visited, .button-icon:visited, .button-play:visited, .button-price-tag:visited, .quantity-picker .minus:visited, .quantity-picker .plus:visited, .button:focus, .button-icon:focus, .button-play:focus, .button-price-tag:focus, .quantity-picker .minus:focus, .quantity-picker .plus:focus { text-decoration: none; } .button:focus, .button-icon:focus, .button-play:focus, .button-price-tag:focus, .quantity-picker .minus:focus, .quantity-picker .plus:focus { outline: 0; } .is-active.button, .is-active.button-cart, .is-active.button-price-tag { -webkit-animation: button-is-active .4s linear; animation: button-is-active .4s linear; } @-webkit-keyframes button-is-active { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes button-is-active { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .button, .button-cart { background-color: #67b7bf; } .button:hover, .button-cart:hover { background-color: #48a2ab; cursor: pointer; text-decoration: none; } .is-on.button-icon .icon { color: #67b7bf; } .button-icon .icon+.icon, .button-play .icon+.icon { display: none; } .button-icon .icon-data+.icon-data, .button-play .icon-data+.icon-data { display: none; } .is-switched-on.button-icon .icon:first-child, .is-switched-on.button-play .icon:first-child { display: none; } .is-switched-on.button-icon .icon:last-child, .is-switched-on.button-play .icon:last-child { display: inline-block; } .is-switched-on.button-icon .icon-data:first-child, .is-switched-on.button-play .icon-data:first-child { display: none; } .is-switched-on.button-icon .icon-data:last-child, .is-switched-on.button-play .icon-data:last-child { display: inline-block; } .track-featured .cover img, .thumb-list img, .showcase__screen img { width: 100%; height: auto; } .track-information .tags, .hero-track__tags { display: inline; list-style: none; } .track-information .tags>li, .hero-track__tags>li { display: inline; } .track-information .tags>li:after, .hero-track__tags>li:after { content: ', ' } .track-information .tags>li:last-child:after, .hero-track__tags>li:last-child:after { content: '' } .button-price-tag>div>div:last-child span { font-size: 9px; font-size: 0.5625rem; } .button-cart.text-smaller .button-cart-text-container, .pill, .navigation__mobile-bar .actions.secondary .iconic-link span, .cart__total.grand, .not-contractual-ribbon, .credits-table.table-b td span { font-size: 10px; font-size: 0.625rem; } .product-access__subheading span, .base-table__primary span, .base-table__referral-amount span, .button-cart .button-cart-text-container p .secondary, .button-cart .button-cart-text-container .pricing, .track__time__duration, .track__time__bpm, .track-information .artist-name, .track-information .tags, .product-summary__author, .product-summary__additional, .checkbox.certify label, label.error, label.success, .help-block, .form-group-slider .scale span, .catalog-comparison__licenses-row .price-tag span, .catalog-comparison__coverage-row .scale-price, .catalog-comparison-v2__licenses-row .price-tag span, .catalog-comparison-v2__coverage-row .scale-price, .footer .copyright p, .hero-track__duration, .hero-track__running-time, .link-map.discreet .tabs button, .mini-player__track .artist, .player-full .track-container .track-text .artist, .offer__product .price-year, .offer__product .old-price-year, .offer__product .information ul, .playlist-pane .playlist-track>.info, .testimonials .testimonial .function, .referral-earnings .total { font-size: 11px; font-size: 0.6875rem; } .chosen-container .chosen-drop, a.action, .button, .button-price-tag, .pop-in.add-to-playlist .pop-in__playlist-add button, .playlist-pane .tabs-nav li, .playlist-pane .playlist-track .information .layered-hover, .base-table__tertiary, .base-table__state, a.action-discreet, a.action-discreet-color, .button-icon span, .button-price-tag>div>div:last-child span.regular-price, .button-checkbox label, .stroked-heading, .client-space-heading span, p.small, .informational-link, .informational-link-2, .informational-overlay__title, .informational-overlay-track-pack__title, .pop-in, .product-bought, .product-summary, .description-table__archive-download a, .base-table th, .error-notification>div:last-child, legend, .form-group label:not(.error), .label, input[type="file"], .checkbox-button label, .input-vat-country-prefix, .modal-header [data-dismiss="modal"] .icon, .notification__close button .icon, .reseller-csv-error-list, .reseller-csv-format .title, .task__date, .task dl, .thumb-list .icon, .navigation__pane .link, .navigation__pane .secondary .links.second-level li a, .navigation__pane .secondary .links.second-level li button, .navigation__pane .aside-level .iconic-link span, .cart__total.exclude-tax, .cart__total.tax, .cart-after__promocode-trigger, .catalog-comparison__licenses-row .offer-subheading, .catalog-comparison__licenses-row .price-appendix, .catalog-comparison__coverage-row p, .catalog-comparison__coverage-row .icon, .catalog-comparison-v2__licenses-row .offer-subheading, .catalog-comparison-v2__licenses-row .price-appendix, .catalog-comparison-v2__coverage-row p, .catalog-comparison-v2__coverage-row .icon, .footer .link-group-heading, .footer .link-group, .hero .link-corner, .hero-catalog-ribbon__container__tree-item, .hero-catalog-ribbon__container__select select, .hero-catalog-ribbon__container__select:after, .hero-track__tags, .hero-track__action, .hero-track__tease, .link-map .link-group li .more, .offer__product .price span, .offer__product .old-price span, .offer-category, .scheme__ball, .search-module .chosen-container .chosen-results li.group-result, .showcase__author, .showcase__description, .credits-table td:nth-child(3), .credits-table td:nth-child(4), .credits-table.table-b td { font-size: 12px; font-size: 0.75rem; } .button-cart, .informational-block, .button-list.login>li, .pop-in__tooltip, .checkbox label, .checkbox-inline label, .radio label, .radio-inline label, .navigation__pane .secondary .links.second-level.reseller li:first-of-type, .navigation__pane .top-level>li>a, .navigation__pane .aside-level .iconic-link span, .emphasized-ribbon__heading { font-size: 13px; font-size: 0.8125rem; } .chosen-container, .product-access__subheading, .base-table__primary, .base-table__referral-amount, .base-table__secondary, .l-side-menu__navigation__lists>li .heading, .l-side-menu__navigation__list, a.simple, .button-price-tag>div>div:last-child, .client-space-heading a, .asterisk-info, .informational-overlay__list, .informational-overlay p, .informational-overlay-track-pack__list, .informational-overlay-track-pack p, .track-information .title, .pop-in__heading, .pop-in__links, .pop-in.add-to-playlist .pop-in__playlist-add input, .product-access__heading, .mobile-tease__headline, .product-bought__use span, .product-summary__product, .description-table, .search-filter__lists>li .heading, .search-filter__list, .form-control, .modal-body, .modal .informations .button-checkbox .content-displaying, .modal-content.licence-default-choice .modal-body>p, .notification__text, .picker-list .hitbox, .referral-subscription-container p:last-of-type, .widget .content ul>li .infos p, .widget .content ul>li .actions p, .widget[catalog][track-pack] header>div .secondary-container .remaining-tracks, .cart, .catalog-comparison__licenses-row .price-tag, .catalog-comparison-v2__licenses-row .price-tag, .hero-in-store-ribbon p, .hero-track__artist-name, .mini-player__track .title, .player-full .track-container .track-text .title, .offer__product.licence .body h3 div, .offer__product.trackpacks .pack-displaying .pack h3 div, .offer__product.exclusive .exclusive-offer .pack h3 div, .offer__product .information p, .offer-subheading, .playlist-pane .tabs-content .informational, .promocode-ribbon_countdown .item .unit, .search-module .chosen-container .chosen-results li, .credits-table th, .credit-perks, .paypal-change { font-size: 14px; font-size: 0.875rem; } .section-sub-menu .sub-menu li { font-size: 15px; font-size: 0.9375rem; } .button-cart.small .button-cart-text-container .pricing span, .heading.h2, .product-bought__title, .form-control.branded, .form-control.discreet, .form-checkbox-buttons-group__expand-trigger, .modal-title, .quantity-picker .field, .widget[referrals] .referral-subscription-container>p, .widget[referrals] .referral-subscription-container[expired] .expired-text, .catalog-comparison__coverage-row .heading, .catalog-comparison-v2__coverage-row .heading, .emphasized-ribbon__contact-item .data, .hero p, .pagination a, .pagination span:not(.pager-gap), .promocode-ribbon, .scheme__link-money, .credits-table td:nth-child(4) span, .dispatch h2 { font-size: 16px; font-size: 1rem; } .container.max-width .client-space-heading, .section header h1, .section header h2, .triptych__category, .triptych__upside-title, .offer__product.trackpacks .pack-selector .pack .discount, .heading.overlay+h2, .client-space-heading, .modal-content.licence-default-choice .modal-body .track-pack, .quantity-picker .minus, .quantity-picker .plus, .quantity-picker.large .field, .section header .cta-info, .section .bigger, .offer__product.exclusive .exclusive-offer .pack .offer-heading, .offer-heading, .triptych__title, #page-myaccount-dashboard-v2 .client-space-heading { font-size: 18px; font-size: 1.125rem; } .l-side-menu__navigation__heading, .informational-overlay__heading, .informational-overlay-track-pack__heading, .search-filter__heading, .offer__product.licence .body .offer-heading, .offer__product.trackpacks .pack-displaying .pack .offer-heading, .slides-content .slide__caption h2 { font-size: 20px; font-size: 1.25rem; } .widget header h1 { font-size: 22px; font-size: 1.375rem; } .funnel-heading, .mobile-tease__headline span, .quantity-picker.large .minus, .quantity-picker.large .plus, .task__heading, .hero-track__title, .offer__product.trackpacks .pack-displaying .pack h3, .showcase__title { font-size: 24px; font-size: 1.5rem; } .modal-content.licence-default-choice .modal-header .modal-title, .emphasized-ribbon__heading div, .offer__product.trackpacks .pack-selector .pack .discount .discount-amount, .slides-content .slide__caption h1 { font-size: 28px; font-size: 1.75rem; } .offer__product.licence .body h3 { font-size: 30px; font-size: 1.875rem; } .heading, .funnel-heading.large, .offer__product.exclusive .exclusive-offer .pack h3, .promocode-ribbon_countdown .item .value, .referral-earnings .total span { font-size: 32px; font-size: 2rem; } a.action, .button, .button-price-tag, .pop-in.add-to-playlist .pop-in__playlist-add button, .playlist-pane .tabs-nav li, .playlist-pane .playlist-track .information .layered-hover, .button-cart, a.action-discreet, a.action-discreet-color, .button-price-tag>div>div:last-child, .stroked-heading, .button-list.login>li, legend, .form-group label:not(.error), .label, .catalog-comparison__licenses-row .price-tag, .catalog-comparison-v2__licenses-row .price-tag, .pagination a, .pagination span:not(.pager-gap), .scheme>*, .scheme__ball { letter-spacing: 1px; letter-spacing: 0.0625rem; } a.action, .button, .button-price-tag, .pop-in.add-to-playlist .pop-in__playlist-add button, .playlist-pane .tabs-nav li, .playlist-pane .playlist-track .information .layered-hover { font-family: "futurademi", Arial, sans-serif; text-transform: uppercase; text-decoration: none; } .button-cart { font-family: "futurademi", Arial, sans-serif; text-transform: uppercase; text-decoration: none; color: #FFF; } .button-checkbox label, .checkbox-button label, .picker-list .hitbox, .playlist-pane .playlist-track .information .layered-hover { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .hero-track__information a:link, .hero-track__information a:visited { text-decoration: none; color: inherit; } .hero-track__information a:hover, .hero-track__information a:active { text-decoration: underline; } .informational-block__perks li:before, .modal-body ul.bullet li:before, .triptych__fact:before { font-family: "jamendo-all-icons"; content: ""; padding-right: 4px; padding-right: 0.25rem; -webkit-transform: translateY(-1px); transform: translateY(-1px); display: inline-block; line-height: 1; font-size: 16px; font-size: 1rem; vertical-align: middle; } .base-table th.sortable:after { font-family: "jamendo-all-icons"; content: ""; padding-left: 4px; padding-left: 0.25rem; -webkit-transform: translateY(-1px); transform: translateY(-1px); display: inline-block; line-height: 1; font-size: 16px; font-size: 1rem; vertical-align: middle; } .product-bought__project, .product-summary__information>div, .mini-player__track>div { display: table; table-layout: fixed; width: 100% } .product-bought__project>div, .product-summary__information>div>div, .mini-player__track>div>div { display: table-cell; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } label { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .heading.overlay, .heading.overlay+h2, .thumb-list h2, .hero p, .dispatch h2, .dispatch p { -webkit-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4); -moz-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4); -ms-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4); -o-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4); text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4); } .base-table__tertiary { color: gray; } .product-access__subheading, .base-table__primary, .base-table__referral-amount { color: #4d4d4d; } .product-access__subheading span, .base-table__primary span, .base-table__referral-amount span { color: gray; } .base-table__state { color: #67b7bf; font-family: "futurademi", Arial, sans-serif; text-transform: uppercase; } .base-table__secondary { color: gray; } .section header h1, .section header h2, .triptych__category, .triptych__upside-title { color: #67b7bf; text-transform: uppercase; font-family: "futurademi", Arial, sans-serif; } @-webkit-keyframes move-from-top-opacity { 0% { top: 50px; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); } 100% { top: 100%; opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes move-from-top-opacity { 0% { top: 50px; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); } 100% { top: 100%; opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in { margin-left: 0; margin-top: 7px; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in>* { font-family: "futurabook", Arial, sans-serif; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul { padding: 0.5rem 0; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul li { line-height: 2; padding: 0 8px; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul li a { display: block; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul li a:hover { background-color: #4d4d4d; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in.white-rounded-shadow ul li { padding: 0; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in.white-rounded-shadow ul li a { text-decoration: none; text-transform: none; text-align: left; color: #646464; margin: 2px 10px; padding: 5px 0px 5px 10px; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in.white-rounded-shadow ul li a:hover { background-color: #ebebeb; } .button-checkbox.pop-in-expand input[type="checkbox"], .button-checkbox.pop-in-expand input[type="radio"] { display: none; } .button-checkbox.pop-in-expand input[type="checkbox"]:checked+label, .button-checkbox.pop-in-expand input[type="radio"]:checked+label { color: #67b7bf; } .button-checkbox.pop-in-expand input[type="checkbox"]:checked~.pop-in-wrapper, .button-checkbox.pop-in-expand input[type="radio"]:checked~.pop-in-wrapper { display: block; } .checkbox-multi-display .content { display: inline-block; } .checkbox-multi-display .content label { width: 160px; } .checkbox-multi-display .content label .icon { display: inline-block; position: relative; transition: -webkit-transform 0.3s; transition: transform 0.3s; } .checkbox-multi-display .content label .icon::before { position: absolute; top: 4px; right: -3px; } .checkbox-multi-display input[type="checkbox"], .checkbox-multi-display input[type="radio"] { display: none; } .checkbox-multi-display input[type="checkbox"]~section .content-displaying, .checkbox-multi-display input[type="radio"]~section .content-displaying { max-height: 0; transition: max-height 0.6s cubic-bezier(0, 1, 0, 1); display: block; overflow: hidden; } .checkbox-multi-display input[type="checkbox"]:checked~section .content-displaying, .checkbox-multi-display input[type="radio"]:checked~section .content-displaying { max-height: 999px; transition: max-height 0.6s cubic-bezier(1, 0, 1, 0); } .checkbox-multi-display input[type="checkbox"]:checked~section label, .checkbox-multi-display input[type="radio"]:checked~section label { background-color: #FFF; color: #67b7bf; } .checkbox-multi-display input[type="checkbox"]:checked~section label .icon, .checkbox-multi-display input[type="radio"]:checked~section label .icon { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate(7px, -1px) rotate(90deg); transform: translate(7px, -1px) rotate(90deg); } .checkbox-multi-display input[type="checkbox"]:checked~section label .icon::before, .checkbox-multi-display input[type="radio"]:checked~section label .icon::before { right: -6px; } .section.container input#checker[type="checkbox"] { display: none; } .section.container input#checker[type="checkbox"]~.offer .content-displaying { max-height: 0; transition: max-height 0.6s cubic-bezier(0, 1, 0, 1); display: block; overflow: hidden; } .section.container input#checker[type="checkbox"]:checked~.offer .content-displaying { max-height: 999px; transition: max-height 0.6s cubic-bezier(1, 0, 1, 0); } .section.container input#checker[type="checkbox"]:checked~.offer label { background-color: transparent; color: #67b7bf; } .section.container input#checker[type="checkbox"]:checked~.offer label .icon { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate(7px, -1px) rotate(90deg); transform: translate(7px, -1px) rotate(90deg); } .section.container input#checker[type="checkbox"]:checked~.offer label .icon::before { right: -6px; } .tgl { display: none; } .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl+.tgl-btn { box-sizing: border-box; } .tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl+.tgl-btn::-moz-selection { background: none; } .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl+.tgl-btn::selection { background: none; } .tgl+.tgl-btn { outline: 0; display: block; width: 4em; height: 2em; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .tgl+.tgl-btn:after, .tgl+.tgl-btn:before { position: relative; display: block; content: ""; width: 50%; height: 100% } .tgl+.tgl-btn:after { left: 0; } .tgl+.tgl-btn:before { display: none; } .tgl:checked+.tgl-btn:after { left: 50% } .tgl-light+.tgl-btn { background: #b3b3b3; border-radius: 2em; padding: 2px; transition: all .4s ease; } .tgl-light+.tgl-btn:after { border-radius: 50%; background: #fff; transition: all .2s ease; } .tgl-light:checked+.tgl-btn { background: #67b7bf; } .toggle_radio { position: relative; background-color: #67b7bf; margin: 4px auto; overflow: hidden; padding: 0 !important; border-radius: 50px; position: relative; height: 30px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .toggle_radio>* { float: left; } .toggle_radio input[type=radio] { display: none; } .toggle_radio #first_toggle:checked~.toggle_option_slider { background-color: #afd9dd; left: 3px; width: 42% } .toggle_radio #second_toggle:checked~.toggle_option_slider { background-color: #afd9dd; left: calc(42%+6px); width: 23% } .toggle_radio #third_toggle:checked~.toggle_option_slider { background-color: #afd9dd; left: calc(65%+15px); width: 28% } .toggle_radio .toggle_option_slider { width: 100px; height: 24px; position: absolute; top: 3px; border-radius: 50px; transition: all .4s ease; background-color: rgba(255, 255, 255, 0.3); } .toggle_radio label, .toggle_radio .button-checkbox label { color: rgba(255, 255, 255, 0.9); z-index: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto; height: 24px; margin: 3px 3px; -webkit-border-radius: 50px; border: 1px solid rgba(0, 0, 0, 0.15) !important; border-radius: 50px; cursor: pointer; z-index: 1; text-align: center; } .toggle_radio label p, .toggle_radio .button-checkbox label p { margin: 0; text-align: center; width: 100%; color: #FFF; text-transform: initial; } .button-checkbox.default label { color: #b3b3b3; } .button-burger { display: inline-block; } .button-burger input[type="checkbox"] { display: none; } .button-burger label { margin: 0; line-height: 1; } .button-burger.no-border label { background-color: transparent; color: #67b7bf; border: none; padding: 0; text-align: left; } .button-burger.no-border input[type="checkbox"] { display: none; } .button-burger.no-border input[type="checkbox"]:checked+label { background-color: transparent !important; color: #67b7bf; } .button-burger.no-border input[type="checkbox"]:checked~.content-displaying { display: block; } .button-burger .hamburger { padding: 12px 11px; display: inline-block; cursor: pointer; transition-property: opacity, -webkit-filter, opacity, filter; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; line-height: 0.6; } .button-burger .hamburger:hover { opacity: 0.7; } .button-burger .hamburger-box { width: 18px; height: 16px; display: inline-block; position: relative; } .button-burger .hamburger-inner { display: block; top: 50%; margin-top: -1px; } .button-burger .hamburger-inner, .button-burger .hamburger-inner::before, .button-burger .hamburger-inner::after { width: 18px; height: 2px; background-color: #fff; border-radius: 4px; position: absolute; transition-property: -webkit-transform; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .button-burger .hamburger-inner::before, .button-burger .hamburger-inner::after { content: ""; display: block; } .button-burger .hamburger-inner::before { top: -7px; } .button-burger .hamburger-inner::after { bottom: -7px; } .button-burger .hamburger--elastic-r .hamburger-inner { top: 1px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .button-burger .hamburger--elastic-r .hamburger-inner::before { top: 7px; transition: opacity 0.125s 0.275s ease; } .button-burger .hamburger--elastic-r .hamburger-inner::after { top: 14px; transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .button-burger input[type="checkbox"]:checked+label { background-color: #FFF; color: #67b7bf; } .button-burger input[type="checkbox"]:checked+label .hamburger--elastic-r { background-color: #8bc8ce; border-radius: 50%; transition: background-color .10s linear; } .button-burger input[type="checkbox"]:checked+label .hamburger--elastic-r:hover { opacity: 1; background-color: rgba(139, 200, 206, 0.7); } .button-burger input[type="checkbox"]:checked+label .hamburger--elastic-r .hamburger-box .hamburger-inner { -webkit-transform: translate3d(0, 7px, 0) rotate(-135deg); transform: translate3d(0, 7px, 0) rotate(-135deg); transition-delay: 0.075s; } .button-burger input[type="checkbox"]:checked+label .hamburger--elastic-r .hamburger-box .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .button-burger input[type="checkbox"]:checked+label .hamburger--elastic-r .hamburger-box .hamburger-inner::after { -webkit-transform: translate3d(0, -14px, 0) rotate(270deg); transform: translate3d(0, -14px, 0) rotate(270deg); transition-delay: 0.075s; } @media only screen and (max-width: 768px) { .button-burger .hamburger: hover { opacity: 1; } .button-burger input[type="checkbox"]:checked+label .hamburger--elastic-r:hover { opacity: 1; } } .heading { font-weight: "futurabook", Arial, sans-serif; line-height: 1.2; display: block; text-align: center; margin-bottom: 0; } .heading.left { text-align: left; } .heading.add { font-size: 44px; font-size: 2.75rem; font-family: "futurademi", Arial, sans-serif; } @media only screen and (max-width: 992px) { .heading.add { font-size: 32px; font-size: 2rem; } } .heading.h2 { margin-top: 8px; margin-top: 0.5rem; margin-bottom: 32px; margin-bottom: 2rem; font-family: "futurademi", Arial, sans-serif; display: block; line-height: 1.2; } .heading.h2.grey { color: gray; } .heading.overlay { color: #FFF; } .heading.overlay .main-title { display: block; text-transform: uppercase; margin-top: 12px; } .heading.overlay+h2 { color: #FFF; font-family: "futurademi", Arial, sans-serif; line-height: 1.2; margin-top: 4px; margin-top: 0.25rem; } .heading.overlay+h2.space-top { margin-top: 12px; margin-top: 0.75rem; } @media only screen and (min-width: 768px) { .heading { font-size: 28px; font-size: 1.75rem; } } @media only screen and (min-width: 992px) { .heading { font-size: 40px; font-size: 2.5rem; } .heading .main-title { font-size: 48px; font-size: 3rem; } .heading.overlay+h2 { font-size: 21.6px; font-size: 1.35rem; } } @media only screen and (min-width: 1200px) { .heading { font-size: 48px; font-size: 3rem; } .heading .main-title { font-size: 56px; font-size: 3.5rem; } .heading.h2 { margin-top: 10px; } } .funnel-heading { font-family: "futurademi", Arial, sans-serif; color: #67b7bf; margin: 48px 0 16px; margin: 3rem 0 1rem; } .funnel-heading.large { text-align: center; } .funnel-heading.discreet { color: #999; } .stroked-heading { position: relative; text-align: center; padding: 0 16px; padding: 0 1rem; margin-top: 48px; margin-top: 3rem; } .stroked-heading span { background-color: #FFF; display: inline-block; padding: 0 8px; padding: 0 0.5rem; } .client-space-heading { padding: 0 0 16px; padding: 0 0 1rem; margin-bottom: 32px; margin-bottom: 2rem; border-bottom: 1px solid #ccc; } .client-space-heading:not(:first-child) { margin-top: 64px; margin-top: 4rem; } .client-space-heading span { color: #67b7bf; } .client-space-heading a, .client-space-heading button { float: right; } hr { border: 0; height: 1px; background: #ccc; margin: 48px 0; margin: 3rem 0; } hr[rounded] { background-color: #66B6BE; border: 1px solid #66B6BE; border-radius: 7px 7px 7px 7px; height: 2px; width: 100%; margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 20px; } hr[bottom-0] { margin-bottom: 0; } h1[underline-rounded], h2[underline-rounded], h3[underline-rounded], h4[underline-rounded], h5[underline-rounded], h6[underline-rounded] { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: auto; margin-right: auto; } .hint--custom::before { display: none; } .hint--custom::after { color: white; border-radius: 5px 5px 5px 5px; background: #838282; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } .hint--bottom.hint--custom::after { box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.25); } .hint--top-left.hint--custom::after { left: 0%; border-radius: 5px 5px 0px 5px; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); margin-left: 0; } .hint--top-right.hint--custom::after { left: 100%; border-radius: 5px 5px 5px 0px; margin-left: 0; } .hint--bottom-left.hint--custom::after { left: 0%; border-radius: 5px 0px 5px 5px; box-shadow: 4px -4px 4px rgba(0, 0, 0, 0.25); margin-left: 0; } .hint--bottom-right.hint--custom::after { left: 100%; border-radius: 0px 5px 5px 5px; box-shadow: -4px -4px 4px rgba(0, 0, 0, 0.25); margin-left: 0; } .icon-data { position: relative; display: inline-block; font-family: "jamendo-all-icons"; font-style: normal; font-weight: 400; text-transform: none; text-transform: none; line-height: 1; } .icon { color: inherit; position: relative; display: inline-block; font-family: "jamendo-all-icons"; font-style: normal; font-weight: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-transform: none; font-size: 16px; font-size: 1rem; height: 16px; height: 1rem; width: 16px; width: 1rem; line-height: 1; speak: none; } .icon.red { color: red; } .icon.big { font-size: 40px; font-size: 2.5rem; height: 40px; height: 2.5rem; width: 40px; width: 2.5rem; } .icon.large { font-size: 32px; font-size: 2rem; height: 32px; height: 2rem; width: 32px; width: 2rem; } .icon.medium-large { font-size: 28px; font-size: 1.75rem; height: 28px; height: 1.75rem; width: 28px; width: 1.75rem; } .icon.medium { font-size: 24px; font-size: 1.5rem; height: 24px; height: 1.5rem; width: 24px; width: 1.5rem; } .icon.medium-small { font-size: 22px; font-size: 1.375rem; height: 22px; height: 1.375rem; width: 22px; width: 1.375rem; } .icon.small { font-size: 12px; font-size: 0.75rem; height: 12px; height: 0.75rem; width: 12px; width: 0.75rem; } .icon-add-to-playlist:before { content: "" } .icon-add-thin:before { content: "" } .icon-album:before { content: "" } .icon-camera:before { content: "" } .icon-chevron-thiner:before { content: "" } .icon-clockwise:before { content: "" } .icon-comment-2:before { content: "" } .icon-counterclockwise:before { content: "" } .icon-cross-delete-2:before { content: "" } .icon-cross-delete-full:before { content: "" } .icon-date:before { content: "" } .icon-duration:before { content: "" } .icon-edit-rounded:before { content: "" } .icon-external-link:before { content: "" } .icon-flag:before { content: "" } .icon-follow:before { content: "" } .icon-go-to:before { content: "" } .icon-go-to-light:before { content: "" } .icon-handle:before { content: "" } .icon-hexagon-mask:before { content: "" } .icon-info-full-new2:before { content: "" } .icon-info-new2:before { content: "" } .icon-lock:before { content: "" } .icon-music-listened:before { content: "" } .icon-pause-rounded:before { content: "" } .icon-phone:before { content: "" } .icon-picture:before { content: "" } .icon-playlist:before { content: "" } .icon-playlist-access:before { content: "" } .icon-play-next:before { content: "" } .icon-play-stroke:before { content: "" } .icon-play-stroke-full:before { content: "" } .icon-profile:before { content: "" } .icon-queue-access:before { content: "" } .icon-remove-from-playlist:before { content: "" } .icon-send:before { content: "" } .icon-sort-full:before { content: "" } .icon-sort-stroke:before { content: "" } .icon-thumbs-down:before { content: "" } .icon-thumbs-up:before { content: "" } .icon-triangle-fill:before { content: "" } .icon-triangle-full:before { content: "" } .icon-too-old:before { content: "" } .icon-undo:before { content: "" } .icon-video-bold:before { content: "" } .icon-vk:before { content: "" } .icon-volume-minus:before { content: "" } .icon-add:before { content: "" } .icon-add-to-queue:before { content: "" } .icon-alert-full:before { content: "" } .icon-alert-line:before { content: "" } .icon-archive:before { content: "" } .icon-arrow-bullet:before { content: "" } .icon-breadcrumb:before { content: "" } .icon-cart:before { content: "" } .icon-cart-new:before { content: "" } .icon-cart-new2:before { content: "" } .icon-cart-new2-add:before { content: "" } .icon-cart-new2-added:before { content: "" } .icon-cart-new-add:before { content: "" } .icon-cc:before { content: "" } .icon-cc-by:before { content: "" } .icon-cc-nc:before { content: "" } .icon-cc-nd:before { content: "" } .icon-cc-sa:before { content: "" } .icon-certificate:before { content: "" } .icon-check:before { content: "" } .icon-checkbox-checked-bordered:before { content: "" } .icon-checkbox-checked-plain:before { content: "" } .icon-checkbox-unchecked:before { content: "" } .icon-chevron-down:before { content: "" } .icon-chevron-left:before { content: "" } .icon-chevron-new2:before { content: "" } .icon-chevron-right:before { content: "" } .icon-chevron-up:before { content: "" } .icon-close:before { content: "" } .icon-comment:before { content: "" } .icon-copy:before { content: "" } .icon-credit-card-back:before { content: "" } .icon-credit-card-front:before { content: "" } .icon-cross-delete:before { content: "" } .icon-download:before { content: "" } .icon-download-thin:before { content: "" } .icon-edit:before { content: "" } .icon-error-4xx:before { content: "" } .icon-error-5xx:before { content: "" } .icon-facebook:before { content: "" } .icon-facebook-f:before { content: "" } .icon-fast-backward:before { content: "" } .icon-fast-forward:before { content: "" } .icon-filter:before { content: "" } .icon-globe:before { content: "" } .icon-heart:before { content: "" } .icon-heart-on:before { content: "" } .icon-hexagon:before { content: "" } .icon-hexagon-on:before { content: "" } .icon-history:before { content: "" } .icon-home:before { content: "" } .icon-info-full-new21:before { content: "" } .icon-info-new21:before { content: "" } .icon-information:before { content: "" } .icon-instagram:before { content: "" } .icon-licence-lt_large_x:before { content: "" } .icon-licence-lt_personal_x:before { content: "" } .icon-licence-lt_standard_x:before { content: "" } .icon-link:before { content: "" } .icon-linkedin:before { content: "" } .icon-mail:before { content: "" } .icon-menu:before { content: "" } .icon-menu-secondary:before { content: "" } .icon-menu-tradingdesk:before { content: "" } .icon-messenger:before { content: "" } .icon-music-note:before { content: "" } .icon-mute:before { content: "" } .icon-my-music-tradingdesk:before { content: "" } .icon-my-music-tradingdesk2:before { content: "" } .icon-next:before { content: "" } .icon-pause:before { content: "" } .icon-pdf:before { content: "" } .icon-phone1:before { content: "" } .icon-play:before { content: "" } .icon-previous:before { content: "" } .icon-queue:before { content: "" } .icon-radio-checked-chevron:before { content: "" } .icon-radio-checked-chevron-plain:before { content: "" } .icon-radio-checked-round:before { content: "" } .icon-radio-unchecked:before { content: "" } .icon-reddit:before { content: "" } .icon-refine:before { content: "" } .icon-remove:before { content: "" } .icon-repeat:before { content: "" } .icon-repeat-one:before { content: "" } .icon-repost:before { content: "" } .icon-sad:before { content: "" } .icon-search:before { content: "" } .icon-share:before { content: "" } .icon-share-stroke:before { content: "" } .icon-share-video:before { content: "" } .icon-shuffle:before { content: "" } .icon-similar:before { content: "" } .icon-skip-next:before { content: "" } .icon-skip-previous:before { content: "" } .icon-sort:before { content: "" } .icon-sound:before { content: "" } .icon-streaming:before { content: "" } .icon-trash:before { content: "" } .icon-twitter:before { content: "" } .icon-user:before { content: "" } .icon-user-new2:before { content: "" } .icon-video:before { content: "" } .icon-volume:before { content: "" } .icon-warning:before { content: "" } .icon-wrong:before { content: "" } .icon-youtube:before { content: "" } .icon-add-to-playlist-s:before { content: "" } .icon-add-to-queue-s:before { content: "" } .icon-close-s:before { content: "" } .icon-comment-s:before { content: "" } .icon-date-s:before { content: "" } .icon-download-s:before { content: "" } .icon-duration-s:before { content: "" } .icon-external-link-s:before { content: "" } .icon-flag-s:before { content: "" } .icon-follow-s:before { content: "" } .icon-handle-s:before { content: "" } .icon-heart-on-s:before { content: "" } .icon-lock-s:before { content: "" } .icon-menu-secondary-s:before { content: "" } .icon-pause-s:before { content: "" } .icon-picture-s:before { content: "" } .icon-playlist-access-s:before { content: "" } .icon-queue-access-s:before { content: "" } .icon-repost-s:before { content: "" } .icon-send-s:before { content: "" } .icon-share-s:before { content: "" } .icon-sort-s:before { content: "" } .icon-thumbs-down-s:before { content: "" } .icon-thumbs-up-s:before { content: "" } .icon-play-s:before { content: "" } .icon-user-s:before { content: "" } .icon-data-add-to-playlist:before { content: "" } .icon-data-add-thin:before { content: "" } .icon-data-album:before { content: "" } .icon-data-camera:before { content: "" } .icon-data-chevron-thiner:before { content: "" } .icon-data-clockwise:before { content: "" } .icon-data-comment-2:before { content: "" } .icon-data-counterclockwise:before { content: "" } .icon-data-cross-delete-2:before { content: "" } .icon-data-cross-delete-full:before { content: "" } .icon-data-date:before { content: "" } .icon-data-duration:before { content: "" } .icon-data-edit-rounded:before { content: "" } .icon-data-external-link:before { content: "" } .icon-data-flag:before { content: "" } .icon-data-follow:before { content: "" } .icon-data-go-to:before { content: "" } .icon-data-go-to-light:before { content: "" } .icon-data-handle:before { content: "" } .icon-data-hexagon-mask:before { content: "" } .icon-data-info-full-new2:before { content: "" } .icon-data-info-new2:before { content: "" } .icon-data-lock:before { content: "" } .icon-data-music-listened:before { content: "" } .icon-data-pause-rounded:before { content: "" } .icon-data-phone:before { content: "" } .icon-data-picture:before { content: "" } .icon-data-playlist:before { content: "" } .icon-data-playlist-access:before { content: "" } .icon-data-play-next:before { content: "" } .icon-data-play-stroke:before { content: "" } .icon-data-play-stroke-full:before { content: "" } .icon-data-profile:before { content: "" } .icon-data-queue-access:before { content: "" } .icon-data-remove-from-playlist:before { content: "" } .icon-data-send:before { content: "" } .icon-data-sort-full:before { content: "" } .icon-data-sort-stroke:before { content: "" } .icon-data-thumbs-down:before { content: "" } .icon-data-thumbs-up:before { content: "" } .icon-data-triangle-fill:before { content: "" } .icon-data-triangle-full:before { content: "" } .icon-data-too-old:before { content: "" } .icon-data-undo:before { content: "" } .icon-data-video-bold:before { content: "" } .icon-data-vk:before { content: "" } .icon-data-volume-minus:before { content: "" } .icon-data-add:before { content: "" } .icon-data-add-to-queue:before { content: "" } .icon-data-alert-full:before { content: "" } .icon-data-alert-line:before { content: "" } .icon-data-archive:before { content: "" } .icon-data-arrow-bullet:before { content: "" } .icon-data-breadcrumb:before { content: "" } .icon-data-cart:before { content: "" } .icon-data-cart-new:before { content: "" } .icon-data-cart-new2:before { content: "" } .icon-data-cart-new2-add:before { content: "" } .icon-data-cart-new2-added:before { content: "" } .icon-data-cart-new-add:before { content: "" } .icon-data-cc:before { content: "" } .icon-data-cc-by:before { content: "" } .icon-data-cc-nc:before { content: "" } .icon-data-cc-nd:before { content: "" } .icon-data-cc-sa:before { content: "" } .icon-data-certificate:before { content: "" } .icon-data-check:before { content: "" } .icon-data-checkbox-checked-bordered:before { content: "" } .icon-data-checkbox-checked-plain:before { content: "" } .icon-data-checkbox-unchecked:before { content: "" } .icon-data-chevron-down:before { content: "" } .icon-data-chevron-left:before { content: "" } .icon-data-chevron-new2:before { content: "" } .icon-data-chevron-right:before { content: "" } .icon-data-chevron-up:before { content: "" } .icon-data-close:before { content: "" } .icon-data-comment:before { content: "" } .icon-data-copy:before { content: "" } .icon-data-credit-card-back:before { content: "" } .icon-data-credit-card-front:before { content: "" } .icon-data-cross-delete:before { content: "" } .icon-data-download:before { content: "" } .icon-data-download-thin:before { content: "" } .icon-data-edit:before { content: "" } .icon-data-error-4xx:before { content: "" } .icon-data-error-5xx:before { content: "" } .icon-data-facebook:before { content: "" } .icon-data-facebook-f:before { content: "" } .icon-data-fast-backward:before { content: "" } .icon-data-fast-forward:before { content: "" } .icon-data-filter:before { content: "" } .icon-data-globe:before { content: "" } .icon-data-heart:before { content: "" } .icon-data-heart-on:before { content: "" } .icon-data-hexagon:before { content: "" } .icon-data-hexagon-on:before { content: "" } .icon-data-history:before { content: "" } .icon-data-home:before { content: "" } .icon-data-info-full-new21:before { content: "" } .icon-data-info-new21:before { content: "" } .icon-data-information:before { content: "" } .icon-data-instagram:before { content: "" } .icon-data-licence-lt_large_x:before { content: "" } .icon-data-licence-lt_personal_x:before { content: "" } .icon-data-licence-lt_standard_x:before { content: "" } .icon-data-link:before { content: "" } .icon-data-linkedin:before { content: "" } .icon-data-mail:before { content: "" } .icon-data-menu:before { content: "" } .icon-data-menu-secondary:before { content: "" } .icon-data-menu-tradingdesk:before { content: "" } .icon-data-messenger:before { content: "" } .icon-data-music-note:before { content: "" } .icon-data-mute:before { content: "" } .icon-data-my-music-tradingdesk:before { content: "" } .icon-data-my-music-tradingdesk2:before { content: "" } .icon-data-next:before { content: "" } .icon-data-pause:before { content: "" } .icon-data-pdf:before { content: "" } .icon-data-phone1:before { content: "" } .icon-data-play:before { content: "" } .icon-data-previous:before { content: "" } .icon-data-queue:before { content: "" } .icon-data-radio-checked-chevron:before { content: "" } .icon-data-radio-checked-chevron-plain:before { content: "" } .icon-data-radio-checked-round:before { content: "" } .icon-data-radio-unchecked:before { content: "" } .icon-data-reddit:before { content: "" } .icon-data-refine:before { content: "" } .icon-data-remove:before { content: "" } .icon-data-repeat:before { content: "" } .icon-data-repeat-one:before { content: "" } .icon-data-repost:before { content: "" } .icon-data-sad:before { content: "" } .icon-data-search:before { content: "" } .icon-data-share:before { content: "" } .icon-data-share-stroke:before { content: "" } .icon-data-share-video:before { content: "" } .icon-data-shuffle:before { content: "" } .icon-data-similar:before { content: "" } .icon-data-skip-next:before { content: "" } .icon-data-skip-previous:before { content: "" } .icon-data-sort:before { content: "" } .icon-data-sound:before { content: "" } .icon-data-streaming:before { content: "" } .icon-data-trash:before { content: "" } .icon-data-twitter:before { content: "" } .icon-data-user:before { content: "" } .icon-data-user-new2:before { content: "" } .icon-data-video:before { content: "" } .icon-data-volume:before { content: "" } .icon-data-warning:before { content: "" } .icon-data-wrong:before { content: "" } .icon-data-youtube:before { content: "" } .icon-data-add-to-playlist-s:before { content: "" } .icon-data-add-to-queue-s:before { content: "" } .icon-data-close-s:before { content: "" } .icon-data-comment-s:before { content: "" } .icon-data-date-s:before { content: "" } .icon-data-download-s:before { content: "" } .icon-data-duration-s:before { content: "" } .icon-data-external-link-s:before { content: "" } .icon-data-flag-s:before { content: "" } .icon-data-follow-s:before { content: "���" } .icon-data-handle-s:before { content: "" } .icon-data-heart-on-s:before { content: "" } .icon-data-lock-s:before { content: "" } .icon-data-menu-secondary-s:before { content: "" } .icon-data-pause-s:before { content: "" } .icon-data-picture-s:before { content: "" } .icon-data-playlist-access-s:before { content: "" } .icon-data-queue-access-s:before { content: "" } .icon-data-repost-s:before { content: "" } .icon-data-send-s:before { content: "" } .icon-data-share-s:before { content: "" } .icon-data-sort-s:before { content: "" } .icon-data-thumbs-down-s:before { content: "" } .icon-data-thumbs-up-s:before { content: "" } .icon-data-play-s:before { content: "" } .icon-data-user-s:before { content: "" } .icon-information:hover { cursor: pointer; } .icon-bell { background-image: url(https://images.jamendo.com/jamendolicensing/icon/bell-white.svg); background-repeat: no-repeat; } .icon-shape { border: 3px solid #67b7bf; background-color: #67b7bf; width: 24px; height: 24px; border-radius: 50%; margin: 0 auto; display: block; position: relative; } .icon-shape::after { content: ""; display: block; position: absolute; } .icon-shape.checked::after { top: 2px; left: 5px; width: 7px; height: 12px; border: solid #FFF; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .loader { width: 24px; width: 1.5rem; height: 24px; height: 1.5rem; display: none; margin: 0 auto; } .loader span { width: 4px; width: 0.25rem; height: 4px; height: 0.25rem; margin: 0 2px; margin: 0 0.125rem; background-color: #67b7bf; float: left; } .loader span:last-child { margin-right: 0; } .loader span:nth-child(1) { -webkit-animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite 0s; animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite 0s; } .loader span:nth-child(2) { -webkit-animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite -0.2s; animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite -0.2s; } .loader span:nth-child(3) { -webkit-animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite -0.4s; animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite -0.4s; } .loader.is-visible { display: block; } @-webkit-keyframes loaderAnimation { 0% { height: 20%; margin-top: 40% } 50% { height: 84%; margin-top: 8% } 100% { height: 20%; margin-top: 40% } } @keyframes loaderAnimation { 0% { height: 20%; margin-top: 40% } 50% { height: 84%; margin-top: 8% } 100% { height: 20%; margin-top: 40% } } p { font-size: inherit; line-height: inherit; color: #646464; display: inline-block; } p.overlay { color: #FFF; } p.overlay a:link, p.overlay a:visited, p.overlay a:hover, p.overlay a:active { color: #FFF; } p.discreet { color: #999; } p.strong { color: #67b7bf; } p[capitalize] { text-transform: capitalize; } p.size-40 { font-size: 40px; } p.size-24 { font-size: 24px; } p.size-18 { font-size: 18px; } .pill { display: inline-block; position: relative; min-width: 16px; min-width: 1rem; height: 16px; height: 1rem; padding: 0 4px; padding: 0 0.25rem; font-style: normal; color: #FFF; line-height: 1.6; text-align: center; z-index: 0; } .pill:before { border-radius: 8px; border-radius: 0.5rem; content: ''; background-color: #67b7bf; z-index: -1; } .s { display: inline-block; background-repeat: no-repeat; } .s.payment-method, .s.security-code { background-image: url("https://images.jamendo.com/jamendolicensing/sprites/sprite-payment-methods.webp?v2"); } .s.spread { background-image: url("https://images.jamendo.com/jamendolicensing/sprites/sprite-spread.webp?v2"); } .s.payment-method { margin-right: 12px; margin-right: 0.75rem; height: 36px; } .s.payment-method.is-off { opacity: 0.3; filter: alpha(opacity=30); } .s.payment-method.mastercard { width: 41px; background-position: 0px 0px; } .s.payment-method.amex { width: 42px; background-position: -41px 0px; } .s.payment-method.visa { width: 44px; background-position: -83px 0px; } .s.payment-method.paypal { width: 70px; background-position: -127px 0px; } .s.payment-method.secure { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/secure-payments.svg"); width: 90px; height: 43px; background-position: bottom; margin-bottom: 7px; } @media only screen and (max-width: 480px) { .s.payment-method.secure { width: 80px; } } .s.payment-method.ingenico { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/ingenico.svg"); width: 75px; height: 50px; background-position: bottom; } @media only screen and (max-width: 480px) { .s.payment-method.ingenico { width: 75px; } } .s.security-code { height: 128px; width: 203px; display: block; margin-bottom: 16px; margin-bottom: 1rem; } .s.security-code.visa-mastercard { background-position: 0px -36px; } .s.security-code.amex { background-position: -203px -36px; } .s.spread { height: 16px; width: 16px; display: inline-block; } .s.spread.gmail { background-position: 0px 0px; } .s.spread.outlook { background-position: -50px 0px; } .s.spread.yahoo { background-position: -25px 0px; width: 21px; } .svg.logo { height: 36px; width: 102px; fill: #FFF; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/jamendo-licensing-logo-white.svg"); background-repeat: no-repeat; background-size: contain; } .svg.logo.small { height: 27px; width: 77px; } picture.svg { display: block; background-repeat: no-repeat; background-position: center; background-size: contain; background-color: transparent; } picture.svg.visa { width: 30px; height: 30px; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/visa-logo.svg"); } picture.svg.mastercard { width: 45px; height: 40px; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/mastercard-logo.svg"); } picture.svg.amex { width: 26px; height: 26px; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/american-express-logo.svg"); } picture.svg.secure-payments { width: 83px; height: 43px; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/secure-payments.svg"); } picture.svg.ingenico { width: 63px; height: 50px; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/ingenico.svg"); } picture.svg.paypal-icon { width: 28px; height: 28px; background-size: 88%; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/paypall-icon.svg"); } ul.regular { list-style-type: disc; list-style-position: inside; margin-bottom: 16px; margin-bottom: 1rem; } .informational-block { margin-bottom: 16px; margin-bottom: 1rem; color: #b3b3b3; } .informational-block__heading { margin-bottom: 8px; margin-bottom: 0.5rem; font-family: "futurademi", Arial, sans-serif; } .informational-block__perks li { line-height: 1.334; margin-bottom: 2px; margin-bottom: 0.125rem; } .informational-block__perks li:last-child { margin-bottom: 0; } .informational-block p { color: inherit; } .informational-block.bordered { padding: 16px; padding: 1rem; border: 1px solid #ebebeb; } .informational-block.bordered.heavy { padding: 24px; padding: 1.5rem; border-width: 8px; border-width: 0.5rem; } .informational-link, .informational-link-2 { position: relative; color: gray; line-height: 1.334; padding-left: 24px; padding-left: 1.5rem; display: inline-block; text-decoration: underline; } .informational-link:focus, .informational-link-2:focus { outline: none; } .informational-link:hover, .informational-link-2:hover { color: #676767; } .hero-track+.container.informational { margin: 16px auto; margin: 1rem auto; } .informational-overlay, .informational-overlay-track-pack { color: #FFF; z-index: 1100; } .informational-overlay__top-bar, .informational-overlay-track-pack__top-bar { opacity: 0.98; filter: alpha(opacity=98); background-color: #000; text-align: right; padding: 16px 12px; padding: 1rem 0.75rem; width: 100%; color: #67b7bf; } .informational-overlay__top-bar .icon, .informational-overlay-track-pack__top-bar .icon { margin-left: 16px; vertical-align: top; } .informational-overlay__title, .informational-overlay-track-pack__title { display: inline-block; vertical-align: top; line-height: 1.334; text-transform: uppercase; margin: 0; } .informational-overlay__content, .informational-overlay-track-pack__content { padding-top: 48px; padding-top: 3rem; } .informational-overlay__content.center, .informational-overlay-track-pack__content.center { text-align: center; } .informational-overlay__heading, .informational-overlay-track-pack__heading { text-transform: uppercase; border-bottom: 2px solid #FFF; font-family: "futurademi", Arial, sans-serif; margin-bottom: 24px; margin-bottom: 1.5rem; display: inline-block; } .informational-overlay__subheading, .informational-overlay-track-pack__subheading { margin-bottom: 4px; margin-bottom: 0.25rem; } .informational-overlay__subheading .button, .informational-overlay-track-pack__subheading .button { border: none; padding: 0.125rem 0.5rem 0; } .informational-overlay__list, .informational-overlay-track-pack__list { list-style-type: disc; margin: 0 0 16px 16px; margin: 0 0 1rem 1rem; } .informational-overlay__got-it, .informational-overlay-track-pack__got-it { z-index: 2; margin: 32px 0; margin: 2rem 0; } .informational-overlay__got-it:not(:hover), .informational-overlay-track-pack__got-it:not(:hover) { background-color: transparent !important; } .informational-overlay.is-visible, .informational-overlay-track-pack.is-visible { visibility: visible; opacity: 0.95; filter: alpha(opacity=95); } .informational-overlay.is-visible.tradingdesk, .informational-overlay-track-pack.is-visible.tradingdesk { opacity: 1; } .informational-overlay.is-visible.tradingdesk .informational-overlay__content.center, .informational-overlay-track-pack.is-visible.tradingdesk .informational-overlay__content.center { width: 50% } .informational-overlay__cover-close, .informational-overlay-track-pack__cover-close { z-index: 1; content: '' } @media only screen and (min-width: 992px) { .informational-overlay__top-bar, .informational-overlay-track-pack__top-bar { padding: 48px 48px; padding: 3rem 3rem; } .informational-overlay__content .row [class^=col]:first-child, .informational-overlay-track-pack__content .row [class^=col]:first-child { padding-right: 24px; padding-right: 1.5rem; } .informational-overlay__content .row [class^=col]:last-child, .informational-overlay-track-pack__content .row [class^=col]:last-child { padding-left: 24px; padding-left: 1.5rem; } } .button-list.login { margin-bottom: 32px; margin-bottom: 2rem; width: 100% } .button-list.login>li { margin-bottom: 6px; margin-bottom: 0.375rem; line-height: 1.334; margin-bottom: 16px; margin-bottom: 1rem; display: block; text-align: center; } .button-list.login>li:last-child { margin-bottom: 4rem; } .button-list.login>li:last-child a { margin-left: 6px; padding-top: 3px; padding-bottom: 2px; } .button-list.horizontal>li { margin: 6px; margin: 0.375rem; display: inline-block; } .button-list.horizontal>li:first-child { margin-left: 0; } .button-list.horizontal>li:last-child { margin-right: 0; } .button-list.vertical { margin-bottom: 32px; margin-bottom: 2rem; width: 100% } .button-list.vertical>li { margin-bottom: 16px; margin-bottom: 1rem; display: block; } .button-list.vertical>li:last-child { margin-bottom: 0; } .button-list.large { max-width: 400px; max-width: 25rem; } .track-list { margin-top: 20px; } .track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 24px; margin-right: 24px; margin-bottom: 1.25rem; padding-left: 10px; padding-right: 10px; position: relative; } @media only screen and (max-width: 768px) { .track { margin-left: 5px; margin-right: 5px; padding-right: 0; } } .track--header { margin-top: 30px; margin-bottom: 0 !important; text-transform: uppercase; font-size: 12px; } @media only screen and (max-width: 1200px) { .track--header { display: none; } } .track--action-is-open { background: #F5F8FA; border-radius: 6px; } .track__listened { width: 6px; height: 6px; position: relative; border-radius: 50%; background: #C4C4C4; } .track__play { width: 60px; height: 60px; position: relative; white-space: nowrap; font-size: 0; margin-left: 10px; } @media only screen and (max-width: 1200px) { .track__play { padding: 0; width: 40px; height: 40px; } } @media only screen and (max-width: 480px) { .track__play { padding: 0; width: 36px; height: 36px; } } .track__play--header { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .track__play img { border-radius: 50% } @media only screen and (max-width: 1200px) { .track__play img { visibility: hidden; } } .track__play__button:hover { font-size: 36px; } @media only screen and (max-width: 1200px) { .track__play__button { left: 0; } .track__play__button::before { content: none; background-color: transparent; } .track__play__button i { color: #67b7bf !important; background-color: transparent; } .track__play__button.is-switched-on { background-color: transparent; } .track__play__button.is-switched-on .loader { border-color: #67b7bf; } .track__play__button.is-switched-on .loader span { background-color: #67b7bf; } } .track__information { padding-left: 16px; padding-left: 1rem; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } @media only screen and (max-width: 768px) { .track__information { padding-left: 0.5rem; text-align: left; width: calc(100% - 330px); } } @media only screen and (max-width: 480px) { .track__information { width: calc(100% - 115px); } } .track__information--header { text-align: center; font-size: 12px; } .track__information .track-information-container { overflow: visible; } .track__information .track-information-container .title-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .track__information .track-information-container .title-container .title { text-overflow: ellipsis; overflow: hidden; margin-right: 3px; line-height: 1.3rem; } .track__information .track-information-container .title-container .contentid-icon { margin-left: 5px; margin-right: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .track__information .track-information-container .title-container .contentid-icon img { width: 14px; height: 14px; } .track__information .track-information-container .artist-name {} @media only screen and (max-width: 480px) { .track__information .track-information-container .artist-name { font-size: 11px; font-size: 0.6875rem; } } @media only screen and (max-width: 480px) { .track__information .track-information-container .tags { display: none; } } .track__information .track-information-container .new { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-radius: 5px; padding: 4px; text-transform: uppercase; color: white; font-size: 10px; } .track__rating { min-width: 250px; text-align: center; white-space: nowrap; } .track__rating select { display: none; } .track__rating p { margin-bottom: 4px; } .track__rating .br-widget { height: 28px; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .track__rating .br-widget a { height: 20px; width: 20px; margin: 0 3px; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/rating-star-gray.svg"); } .track__rating .br-widget a.br-selected { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/rating-star-blue.svg"); } .track__time { display: none; } @media only screen and (min-width: 1201px) { .track__time { display: table-cell; vertical-align: middle; height: 64px; } } .track__time--header { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .track__time__wrap { display: table; height: 64px; } .track__time__wrap--header { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .track__time__waveform { height: auto; height: 64px; height: 4rem; height: 64px; } .track__time__waveform--header { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } @media only screen and (min-width: 1200px) { .track__time__waveform__wrap { display: block; width: 168px; height: 64px; } } @media only screen and (min-width: 1250px) { .track__time__waveform__wrap { width: 220px; } } @media only screen and (min-width: 1300px) { .track__time__waveform__wrap { width: 250px; } } @media only screen and (min-width: 1400px) { .track__time__waveform__wrap { width: 305px; } } @media only screen and (min-width: 1450px) { .track__time__waveform__wrap { width: 355px; } } @media only screen and (min-width: 1500px) { .track__time__waveform__wrap { width: 400px; } } @media only screen and (min-width: 1600px) { .track__time__waveform__wrap { width: 500px; } } @media only screen and (min-width: 1700px) { .track__time__waveform__wrap { width: 580px; } } @media only screen and (min-width: 1800px) { .track__time__waveform__wrap { width: 680px; } } @media only screen and (min-width: 2100px) { .track__time__waveform__wrap { width: 980px; } } .track__time__waveform__wrap--header { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .track__time__duration { width: 60px; height: 64px; text-align: left; color: black; text-align: center; } .track__time__duration--header { color: #636363; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .track__time__bpm { width: 60px; height: 64px; text-align: left; color: black; text-align: center; } .track__time__bpm--header { color: #636363; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .track__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; max-width: 330px; width: auto; } @media only screen and (max-width: 480px) { .track__actions { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .track__actions--header>li { width: 46px; } .track__actions__button { padding: 10px; height: 46px; width: 46px; } @media only screen and (max-width: 768px) { .track__actions__button { display: none !important; } } .track__actions__button--3dots { display: none; background-image: url(https://images.jamendo.com/jamendolicensing/icon/3dots.svg); background-repeat: no-repeat; background-position: center; } @media only screen and (max-width: 768px) { .track__actions__button--3dots { display: block !important; } } .track__actions__button__icon { font-size: 22px; width: 22px; height: 22px; color: #4A4A4A; } .track__actions__button__icon:hover { color: #67b7bf; } .track__cta { text-align: right; white-space: nowrap; } @media only screen and (max-width: 920px) { .track__cta { padding: 0; margin-right: 4px; } } .track__cta--header { width: 100px; color: #636363; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 1200px) { .track__cta--header { display: none; } } .track__cta--header-small { width: 30px; } .track__cta .mobile-cart-cta { display: none; } .track__popin { display: none; } @media only screen and (max-width: 768px) { .track__popin { position: absolute; top: 50px; z-index: 2; background-color: white; width: calc(100% - 60px); height: 60px; margin-left: 20px; border: 1px solid #000; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .track__popin__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50%; height: 100% } .track__popin__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50%; height: 100% } } .track__popin__button { width: 30px; height: 25px; color: #4A4A4A; margin: 0 7px; } .track__popin__button--add-to-playlist { background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-playlist.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track__popin__button--add-to-cart { background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-cart.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track__popin__button--added-to-cart { background-image: url(https://images.jamendo.com/jamendolicensing/icon/added-to-cart.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track__popin__button--download { font-size: 25px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .track__popin .mobile-cart-cta { cursor: pointer; display: block; } .track__popin .mobile-cart-cta>i { color: #4A4A4A; font-size: 28px; } .track-information { color: #4d4d4d; } .track-information>div { height: 64px; height: 4rem; } .track-information .title { line-height: 1.143; } .track-information .artist-name, .track-information .tags { line-height: 1.455; } .track-information .artist-name { text-transform: uppercase; } .track-information .tags { color: gray; } .track-featured .cover img { position: absolute; z-index: -1; } .track-featured .cover button { z-index: 2; } .track-featured .mobile-cart-cta { display: none; } .track-featured .mobile-cart-cta:focus { outline: none; } .track-featured .button-cart.transparent { margin-top: 10px !important; } @media only screen and (max-width: 1200px) { .track-featured .button-cart.transparent { border-color: #67b7bf; } } .track-featured .track-information { height: 76px; height: 4.75rem; } .track-featured .track-information .hero-track__tags { display: block; } @media only screen and (min-width: 1200px) { .track-featured .track-information .hero-track__tags .tag: nth-child(n+4) { display: none; } .track-featured .track-information .hero-track__tags .tag:nth-child(3)::after { display: none; } } .track-featured .track-information .hero-track__tags .tag a { color: #646464; text-decoration: none; } .track-featured .track-information .hero-track__tags .tag a:hover { color: #67b7bf; } @media only screen and (max-width: 650px) { .track-featured .buy-buttons-container { float: left; margin-right: 12px; } .track-featured .buy-buttons-container .button-cart:not(.transparent) { display: none; } .track-featured .buy-buttons-container .mobile-cart-cta { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: -4px; } .track-featured .change-license-container { float: left; margin-top: -6px; width: calc(100% - 45px); } .track-featured .hero-track__actions { clear: both; margin-top: 66px; } } .track-landing { position: relative; min-width: 420px; width: 33%; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; } @media only screen and (max-width: 1268px) { .track-landing { width: 50% } } @media only screen and (max-width: 840px) { .track-landing { width: 100%; min-width: 100%; padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 840px) { .track-landing--hide-mobile { display: none; } } .track-landing__container { padding: 10px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100% } .track-landing__container--action-is-open { background: #F5F8FA; border-radius: 6px; } .track-landing__container__listened { margin-left: 14px; width: 5px; height: 5px; border-radius: 50%; background: #66B6BE; } .track-landing__container__button-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 60px; height: 45px; } @media only screen and (max-width: 700px) { .track-landing__container__button-container { margin-left: 0; } } .track-landing__container__information { max-width: calc(100% - 100px); width: 100%; margin-left: 14px; } .track-landing__container__information__link-wrap { text-decoration: none; } .track-landing__container__information__link-wrap:hover { text-decoration: none; } .track-landing__container__information__link-wrap__title-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .track-landing__container__information__link-wrap__title-container__title { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: var(--color-main); } .track-landing__container__information__link-wrap__title-container__contentid-icon { margin-left: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .track-landing__container__information__link-wrap__artist-name { width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: var(--color-main); font-size: var(--font-size-small); } .track-landing__container__actions { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .track-landing__container__actions__button { width: 30px; height: 25px; color: #4A4A4A; margin: 0 7px; } .track-landing__container__actions__button--3dots { background-image: url(https://images.jamendo.com/jamendolicensing/icon/3dots.svg); background-repeat: no-repeat; width: 30px; height: 18px; background-position: center; } .track-landing__container__actions__button--add-to-playlist { background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-playlist.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track-landing__container__actions__button--add-to-cart { background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-cart.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track-landing__container__actions__button--added-to-cart { background-image: url(https://images.jamendo.com/jamendolicensing/icon/added-to-cart.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track-landing__container__actions__button--download { font-size: 25px; } .track-landing__container__actions__button--hint-to-left::after { -webkit-transform: translateX(-100%) translateX(15px) translateY(8px) !important; transform: translateX(-100%) translateX(15px) translateY(8px) !important; } .track-landing__container__popin { position: absolute; top: 75px; z-index: 2; background-color: white; width: calc(100% - 55px); height: 60px; border: 1px solid #000; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .track-landing__container__popin__button { width: 30px; height: 25px; color: #4A4A4A; margin: 0 7px; } .track-landing__container__popin__button--add-to-playlist { background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-playlist.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track-landing__container__popin__button--add-to-cart { background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-cart.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track-landing__container__popin__button--added-to-cart { background-image: url(https://images.jamendo.com/jamendolicensing/icon/added-to-cart.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track-landing__container__popin__button--download { font-size: 25px; } .pop-in { width: 288px; width: 18rem; white-space: normal; background-color: #fcfcfc; border: 2px solid #67b7bf; text-align: center; position: relative; display: inline-block; z-index: 1; } .pop-in__heading, .pop-in__tooltip { color: #67b7bf; line-height: 1.334; } .pop-in__heading { font-family: "futurademi", Arial, sans-serif; padding: 24px 24px 16px; padding: 1.5rem 1.5rem 1rem; } .pop-in__tooltip { padding: 16px; padding: 1rem; } .pop-in__input-text { margin: 0 24px 16px; margin: 0 1.5rem 1rem; } .pop-in__actions { margin: 0 24px 24px; margin: 0 1.5rem 1.5rem; } .pop-in__actions li { margin-bottom: 8px; margin-bottom: 0.5rem; } .pop-in__actions li:last-child { margin-bottom: 0; } .pop-in__links { padding: 24px; padding: 1.5rem; line-height: 1.7; } .pop-in__error-notification { margin: 0 24px 24px; margin: 0 1.5rem 1.5rem; } .pop-in__error-notification.reset { margin: initial; text-align: left; background-color: transparent; min-width: calc(250px - 2px); } .pop-in__error-notification.reset .error-notification { color: black; border: none; background-color: #ffd7d7; height: 34px; overflow: hidden; padding: 5px 10px; margin: 1px; } .pop-in__error-notification.reset .error-notification div { font-size: 13px; padding: 0; } .pop-in.xsmall { width: 80px; width: 5rem; } .pop-in.medium { width: 176px; width: 11rem; } .pop-in.small { width: 224px; width: 14rem; } .pop-in.large { width: 352px; width: 22rem; } .pop-in:after { position: absolute; content: ''; display: inline-block; z-index: 2; background-repeat: no-repeat; background-position: center center; } .pop-in.pin-top:after, .pop-in.pin-bottom:after { margin-left: -7px; width: 14px; height: 9px; left: 50% } .pop-in.pin-top.pin-first-corner:after, .pop-in.pin-top.pin-second-corner:after, .pop-in.pin-bottom.pin-first-corner:after, .pop-in.pin-bottom.pin-second-corner:after { margin-left: 0; } .pop-in.pin-top.pin-first-corner:after, .pop-in.pin-bottom.pin-first-corner:after { left: 16px; left: 1rem; } .pop-in.pin-top.pin-second-corner:after, .pop-in.pin-bottom.pin-second-corner:after { left: auto; right: 16px; right: 1rem; } .pop-in.pin-top { margin-top: 7px; margin-top: 0.4375rem; } .pop-in.pin-top:after { top: -9px; background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHpJREFUeNpiZMAB0rfvnw+kDIDYcaan4wd0eUY8mhKg3AvYNDPi0mQhJQ7mn3j2EqtmRlyaYrXVwGKLr97CqpkRnyYYwKaZkZAmXJqZidEEAvpiwgzvfvxkePL5qwSQ68FEjCYYAKmBBpoBw/yL1/7/+fOHJAzSAxBgAKElePtLslkqAAAAAElFTkSuQmCC); } .pop-in.pin-bottom { margin-bottom: 7px; margin-bottom: 0.4375rem; } .pop-in.pin-bottom:after { bottom: -9px; background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHVJREFUeNpimH/x2v8/f/6QhEF6mE48e8mw+OotBmIBSC1IDxOQfYFYzTBNQLAApNGRGM3ImmZ6OiYygljp2/cLAKn9QGxgISXOEKuthlcTiMEIk8SlGZsmFI3YNIMANk0YGtE1Q4UwNGHViKb5AjZNIAAQYADGxIAVTAN62gAAAABJRU5ErkJggg==); } .pop-in.pin-top-center: after { left: 50% !important; } .pop-in.pin-left:after, .pop-in.pin-right:after { margin-top: -7px; width: 9px; height: 14px; top: 50% } .pop-in.pin-left.pin-first-corner:after, .pop-in.pin-left.pin-second-corner:after, .pop-in.pin-right.pin-first-corner:after, .pop-in.pin-right.pin-second-corner:after { margin-top: 0; } .pop-in.pin-left.pin-first-corner:after, .pop-in.pin-right.pin-first-corner:after { top: 16px; top: 1rem; } .pop-in.pin-left.pin-second-corner:after, .pop-in.pin-right.pin-second-corner:after { top: auto; bottom: 16px; bottom: 1rem; } .pop-in.pin-left { margin-left: 7px; margin-left: 0.4375rem; } .pop-in.pin-left:after { left: -9px; background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG1JREFUeNpiZMAC0rfvFwBS+4HYwEJKnIGJkIJYbTVURdgUgAATIQVwRfgUgBURUgAzCa8CmKILDAQA00xPx0QgveDEs5cMi6/ewmkSAyGF8CDApxAlMHEpxIgWbAoZcfkIGH7zgVQCKGgAAgwAxHxAe7xtnzgAAAAASUVORK5CYII=); } .pop-in.pin-right { margin-right: 7px; margin-right: 0.4375rem; } .pop-in.pin-right:after { right: -9px; background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHVJREFUeNpinH/x2v8Tz14yAMGCmZ6OiQxYAFOsthqDhZQ4iJ2Qvn3/fKyKQAQhhUwwBj6FTMgcXAqZ0I3GppDxz58 //7E5dvHVWwwwXzMxEAYGTARMuQDEjkyEFAAD+AMTIQUovsOlAK4InwKwIkIKQAAgwADUg1PBIMjodQAAAABJRU5ErkJggg==); } .pop-in.pin-small.pin-top.pin-first-corner: after, .pop-in.pin-small.pin-bottom.pin-first-corner:after { left: 9px; left: 0.5625rem; } .pop-in.pin-small.pin-top.pin-second-corner:after, .pop-in.pin-small.pin-bottom.pin-second-corner:after { right: 9px; right: 0.5625rem; } .pop-in.pin-small.pin-left.pin-first-corner:after, .pop-in.pin-small.pin-right.pin-first-corner:after { top: 9px; top: 0.5625rem; } .pop-in.pin-small.pin-left.pin-second-corner:after, .pop-in.pin-small.pin-right.pin-second-corner:after { bottom: 9px; bottom: 0.5625rem; } .pop-in.dark { background-color: #333; border: 2px solid #FFF; color: #FFF; } .pop-in.dark .pop-in__heading, .pop-in.dark .pop-in__tooltip { color: #FFF; } .pop-in.dark .pop-in__links a:link, .pop-in.dark .pop-in__links a:visited { color: #FFF; } .pop-in.dark .pop-in__links a:hover, .pop-in.dark .pop-in__links a:active { color: #67b7bf; } .pop-in.dark.pin-top:after { background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHNJREFUeNpiYMAB/v //Px+IzwOxAAOxAKoJBojTDNO0efNmMCZKM7ImY2NjMCaoGZsmfJoZYZqAVMKWLVsYGhoasLoGJO7j4wNiXgBiR2ZiNIHAgQMHGKSkpBjU1NQkgFwPRpD9hDRhs5mFFE0wjSAAEGAAf8mVcA0BiOQAAAAASUVORK5CYII=); } .pop-in.dark.pin-bottom: after { background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGVJREFUeNpi3Lx58/+GhgYGUgBIPZOPjw8DKRpBakF6mIDsC8RqhmkCggUgjY7EaEbWxMjImAgW/P //vwAQnwfi/yA/Gxsbo2CQGBTMxzARl2a8mnBpJkoTNs1Ea8KiGacmgAADAO6wiEaijulFAAAAAElFTkSuQmCC); } .pop-in.dark.pin-left: after { background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGpJREFUeNpiYMAC/v //LwDE54H4/+bNm/8TVGBsbPyfoAIQZkJWAKT2A7HBli1bGBoaGuCamQgpACsipABmEl4FMEUXGAgAJkZGxkQgvcDHxwevSQzEKEQOp/noYYQRmLgUEmUiUVYDBBgA+OKF4c3w584AAAAASUVORK5CYII=); } .pop-in.dark.pin-right: after { background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG9JREFUeNpi2Lx5838omM+ACxgbG/8nqBCkiKBCmCJ8CpmQOQ0NDQxbtmwBMROQFTKhm4xNIQs2d4IUgoCPjw9IIaZJWIABEy6TgKaAmBeA2JGJkAJGRsYPTIQU4ArM80AsgC9aMBWAAEEFQAAQYAAblIRWjsxv2QAAAABJRU5ErkJggg==); } .pop-in.tips { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: auto; max-width: 370px; position: relative; padding: 1.25rem; background-color: #67b7bf; border-radius: 6px; } .pop-in.tips[larger] { width: 550px; } .pop-in.tips h1, .pop-in.tips p, .pop-in.tips ul, .pop-in.tips ol { padding: 0; font-weight: 400; font-size: 14px; font-size: 0.875rem; color: #FFF; text-align: left; line-height: normal; cursor: default; white-space: initial; border: none; } .pop-in.tips h1 span, .pop-in.tips p span, .pop-in.tips ul span, .pop-in.tips ol span { font-family: "futurabold", Arial, sans-serif; letter-spacing: 1px; } .pop-in.tips p { line-height: 1.3; } .pop-in.tips p span { text-transform: uppercase; } .pop-in.tips ol { margin-left: 1.25rem; } .pop-in.tips h1 { font-size: 1.125rem; font-family: "futurabold", Arial, sans-serif; color: #FFF; margin: 12px 0; margin: 0.75rem 0; padding-right: 1.5rem; } .pop-in.tips button.close { position: absolute; right: 1rem; top: 1rem; } .pop-in.tips button.close i { line-height: 1; width: 100%; height: 100%; color: #FFF; transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; } .pop-in.tips button.close:hover i { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .pop-in.tips::before, .pop-in.tips::after { top: 100%; right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .pop-in.tips:before { border-color: rgba(245, 110, 110, 0); border-top-color: #67b7bf; border-width: 10px; right: 15px; } .pop-in.tips:after { background-image: none; border-color: rgba(255, 255, 255, 0); border-top-color: #67b7bf; border-width: 7px; right: 18px; } .pop-in.tips>div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row-reverse; flex-flow: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100% } .pop-in.tips>div:last-of-type { margin-top: 1rem; } .pop-in.tips>div .button.ghost.skip-tips { border: none; padding: 0; margin-top: 9px; } .pop-in.tips>div .button.ghost.skip-tips div>span { display: inherit; } .pop-in.tips>div .button.ghost.skip-tips div>span:first-of-type { padding-right: 5px; text-transform: capitalize; } .pop-in.tips>div .button.ghost.skip-tips div>span:last-of-type { border-bottom: 1px solid #FFF; } .pop-in.tips>div .button.ghost.skip-tips:hover { color: #FFF; background-color: #67b7bf; } .pop-in.tips>div .button.ghost.skip-tips:hover div>span:last-of-type { font-family: "futurabold", Arial, sans-serif; } .pop-in.tips[color-warning] { background-color: #ed795a; border-color: #ed795a; } .pop-in.tips[color-warning]:before, .pop-in.tips[color-warning]:after { border-top-color: #ed795a; } .pop-in.tips[color-warning] .button.ghost:hover { color: #ed795a; } .pop-in.tips[color-warning] .button.ghost.skip-tips:hover { background-color: #ed795a; } .pop-in.tips.pin-first-corner:before, .pop-in.tips.pin-second-corner:before { display: none; } .pop-in.tips.pin-first-corner:after, .pop-in.tips.pin-second-corner:after { border-width: 10px; } .pop-in.tips.pin-top.pin-second-corner::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); top: -22px; } @media only screen and (max-width: 670px) { .pop-in.tips { width: auto; min-width: 370px; } } .pop-in.white-rounded-shadow { border: none; border-radius: 8px; -webkit-filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3)); filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3)); } .pop-in.white-rounded-shadow::after { content: ''; background-image: none; width: 0; height: 0; right: 18px !important; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #FFF; } .pop-in__language .pop-in__links a { text-transform: uppercase; text-decoration: none; } .add-to-playlist-box { z-index: 760 !important; } .pop-in.add-to-playlist { z-index: 760 !important; } .pop-in.add-to-playlist .pop-in__actions li { display: block !important; margin-top: 15px; } @media only screen and (max-width: 460px) { .pop-in.add-to-playlist { display: block; position: fixed; top: 64px !important; right: 0; bottom: 0; left: 0; outline: 0; width: 100% } .pop-in.add-to-playlist:after { display: none !important; } .pop-in.add-to-playlist ul { height: calc(100% - 106px); max-height: none !important; } .pop-in.add-to-playlist li { width: 100% !important; } } .pop-in.add-to-playlist .pop-in__heading .close { display: none; position: absolute; top: 0; right: 0; } @media only screen and (max-width: 460px) { .pop-in.add-to-playlist .pop-in__heading .close { display: block; } } .pop-in.add-to-playlist .pop-in__heading .close i { transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; } .pop-in.add-to-playlist .pop-in__heading .close i:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .pop-in.add-to-playlist .pop-in__playlist-add { width: 100%; height: 48px; height: 3rem; } .pop-in.add-to-playlist .pop-in__playlist-add>div:first-child { width: 100% } .pop-in.add-to-playlist .pop-in__playlist-add input { width: 100%; height: 100%; border: none; outline: none; color: #646464; padding: 0 8px; padding: 0 0.5rem; } .pop-in.add-to-playlist .pop-in__playlist-add button { height: 48px; height: 3rem; min-width: 48px; min-width: 3rem; padding: 0 12px; padding: 0 0.75rem; white-space: nowrap; background-color: #67b7bf; color: #FFF; } .pop-in.add-to-playlist .pop-in__playlist-add button:hover { background-color: #48a2ab; } .pop-in.add-to-playlist .pop-in__playlist-add button.disabled, .pop-in.add-to-playlist .pop-in__playlist-add button:disabled, .pop-in.add-to-playlist .pop-in__playlist-add button[disabled] { cursor: not-allowed; opacity: 0.5; filter: alpha(opacity=50); } .pop-in-component { position: relative; display: inline-block; text-align: initial; } .pop-in-wrapper { position: absolute; display: none; z-index: 200; } .pop-in-wrapper.force-display { display: block !important; } .pop-in-wrapper.top-left, .pop-in-wrapper.top-center, .pop-in-wrapper.top-right { bottom: 100%; margin-bottom: 8px; margin-bottom: 0.5rem; } .pop-in-wrapper.bottom-left, .pop-in-wrapper.bottom-center, .pop-in-wrapper.bottom-right { top: 100%; margin-top: 8px; margin-top: 0.5rem; } .pop-in-wrapper.bottom-center.from-icon { left: -28px; } .pop-in-wrapper.bottom-right.from-icon { right: -14px; } .pop-in-wrapper.top-left, .pop-in-wrapper.bottom-left { left: 0% } .pop-in-wrapper.top-center, .pop-in-wrapper.bottom-center { left: 50% } .pop-in-wrapper.top-right, .pop-in-wrapper.bottom-right { right: 0% } .pop-in-wrapper.top-center .pop-in, .pop-in-wrapper.bottom-center .pop-in { margin-left: -50% } .pop-in-wrapper.left-top, .pop-in-wrapper.left-bottom { right: 100%; margin-right: 8px; margin-right: 0.5rem; } .pop-in-wrapper.right-top, .pop-in-wrapper.right-bottom { left: 100%; margin-left: 8px; margin-left: 0.5rem; } .pop-in-wrapper.left-top, .pop-in-wrapper.right-top { top: 0; } .pop-in-wrapper.left-bottom, .pop-in-wrapper.right-bottom { bottom: 0; } .pop-in-wrapper[z-600] { z-index: 600; } .product-access { background-color: #ebebeb; margin-top: 16px; margin-top: 1rem; padding: 24px; padding: 1.5rem; } .product-access__heading { margin-bottom: 8px; margin-bottom: 0.5rem; color: #67b7bf; } @media only screen and (min-width: 768px) { .product-access__split>div { padding-top: 16px; padding-top: 1rem; } .product-access__split>div:first-child { padding-right: 32px; padding-right: 2rem; } .product-access__split>div:last-child { padding-left: 32px; padding-left: 2rem; border-left: 1px solid #ccc; } } .mobile-tease { padding: 0 24px; padding: 0 1.5rem; margin-bottom: 24px; margin-bottom: 1.5rem; max-width: 1280px; max-width: 80rem; background-color: #67b7bf; } .mobile-tease__headline { width: 100%; font-weight: "futurabook", Arial, sans-serif; text-transform: uppercase; color: #FFF; } .mobile-tease__headline span { display: block; font-family: "futurademi", Arial, sans-serif; line-height: 1; margin-bottom: 8px; margin-bottom: 0.5rem; } .mobile-tease__headline, .mobile-tease__badges { padding: 24px 0; padding: 1.5rem 0; } .mobile-tease__visual, .mobile-tease__badges { white-space: nowrap; } .mobile-tease__visual { display: none; padding: 0 32px; padding: 0 2rem; } @media only screen and (min-width: 992px) { .mobile-tease { display: table; width: 100% } .mobile-tease>div { display: table-cell; vertical-align: middle; } } .client-space-heading+.mobile-tease { margin-top: -16px; margin-top: -1rem; } .image-tease { display: table; width: 100%; padding: 0 24px; padding: 0 1.5rem; margin-bottom: 24px; margin-bottom: 1.5rem; max-width: 1280px; max-width: 80rem; height: 180px; background-image: url("https://images.jamendo.com/jamendolicensing/heroes/hero-live-stream-d-xl.webp"); background-size: 100%; background-position: center; background-repeat: no-repeat; background-color: #FFF; } .image-tease.gaming { background-image: url("https://images.jamendo.com/jamendolicensing/heroes/hero-gaming2-d-xl.webp"); background-position: top; } .client-space-heading+.image-tease { margin-top: -16px; margin-top: -1rem; } .product-bought { color: gray; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-bought__actions { white-space: nowrap; } .product-bought__summary, .product-bought__use, .product-bought__actions { margin-top: 8px; margin-top: 0.5rem; } .product-bought__use a:link, .product-bought__use a:visited { color: #ed795a; } .product-bought__use a:hover, .product-bought__use a:active { color: #e8542c; } .product-bought>div:last-child { padding-right: 0; } .product-bought.standalone { padding: 16px; padding: 1rem; background-color: #fcfcfc; border: 1px solid #67b7bf; } .product-bought__secondary { width: 65% } @media only screen and (min-width: 992px) { .product-bought__primary>div, .product-bought__secondary>div { display: table; width: 100% } .product-bought__primary>div>div, .product-bought__secondary>div>div { display: table-cell; vertical-align: middle; } .product-bought__title { width: 25% } .product-bought__primary { width: 35% } .product-bought__secondary { width: 65% } .product-bought__secondary>div>div { padding: 0 16px; padding: 0 1rem; } .product-bought__secondary>div>div.product-bought__use { width: 100% } .product-bought__secondary>div>div.product-bought__actions { padding-right: 0; } .product-bought__actions { text-align: right; } .product-bought__date { width: 80px; width: 5rem; } .product-bought__date>span { margin-right: 12px; } .product-bought.in-store .product-bought__primary { width: 40% } .product-bought.in-store .product-bought__secondary { width: 60% } } @media only screen and (max-width: 1200px) { .product-bought.live-stream .product-bought__primary { width: 40% } } .product-bought.live-stream .product-bought__secondary>div>div:first-child>div>div { max-width: 500px; overflow: hidden; text-overflow: ellipsis; } @media only screen and (max-width: 1500px) { .product-bought.live-stream .product-bought__secondary>div>div: first-child>div>div { max-width: 300px; } } @media only screen and (max-width: 1300px) { .product-bought.live-stream .product-bought__secondary>div>div: first-child>div>div { max-width: 150px; } } .product-bought.live-stream .product-bought__secondary { width: 100% } @media only screen and (max-width: 1200px) { .product-bought.live-stream .product-bought__secondary>div>div: first-child { display: none; } } .product-bought.live-stream .product-bought__secondary>div>div:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; } .product-bought.live-stream .product-bought__secondary>div>div:last-child>ul { min-width: 440px; max-width: 570px; white-space: initial; display: inline-block; margin-left: -0.375rem; margin-right: -0.375rem; } @media only screen and (max-width: 992px) { .product-bought.live-stream .product-bought__secondary>div>div: last-child>ul { min-width: initial; max-width: 100% } } .product-bought.live-stream .product-bought__secondary>div>div:last-child>ul li:first-child, .product-bought.live-stream .product-bought__secondary>div>div:last-child>ul li:last-child { margin: 0.375rem; } .product-bought .break { -ms-flex-preferred-size: 100%; flex-basis: 100%; height: 0; } .product-bought__contentid { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-bought__contentid__text a { cursor: pointer; } .product-bought__contentid__key-content__input { padding: 2px 5px; } .product-bought__contentid__key-content__icon { cursor: pointer; } .product-bought__contentid__info-text { padding-top: 5px; } .product-bought-list { max-width: 1280px; max-width: 80rem; } .product-bought-list>li { padding-bottom: 16px; padding-bottom: 1rem; margin-bottom: 16px; margin-bottom: 1rem; border-bottom: 1px solid #e6e6e6; } .product-bought-list>li:last-child { padding: 0; margin: 0; border-bottom: none; } .notification+.product-bought.standalone { margin-top: -1px; margin-top: -0.0625rem; } .product-summary { color: #4d4d4d; height: 48px; height: 3rem; } .product-summary__information>div>div .product-summary__additional { white-space: normal; } .product-summary__license { font-family: "futurademi", Arial, sans-serif; color: #67b7bf; } .product-summary__license.is-inactive { color: #ed795a; } .product-summary__license.is-terminated { color: #999; } @media only screen and (max-width: 1200px) { .product-summary__product.live-stream { display: none; } } @media only screen and (max-width: 992px) { .product-summary__product.live-stream { display: inline-block; } } .product-summary__cover { width: 81px; width: 5.0625rem; position: relative; } .product-summary__cover img, .product-summary__play, .product-summary__play button { width: 65px; width: 4.0625rem; height: 65px; height: 4.0625rem; } .product-summary__play { z-index: 1; } .product-summary__play button { z-index: 3; } .product-summary__author { text-transform: uppercase; } .product-summary.standalone { padding: 16px; padding: 1rem; margin-bottom: 32px; margin-bottom: 2rem; border: 1px solid #67b7bf; } .description-table td, .description-table th { padding: 16px; padding: 1rem; line-height: 1.334; border: 1px solid whitesmoke; } .description-table td.description-table__archive-download, .description-table th.description-table__archive-download { padding: 0; } .description-table th { background-color: #fcfcfc; font-family: "futurademi", Arial, sans-serif; } .description-table__archive-download a { padding: 16px; padding: 1rem; vertical-align: top; text-decoration: none; color: gray; } .description-table__archive-download a:link, .description-table__archive-download a:visited { color: #999; } .description-table__archive-download a:hover, .description-table__archive-download a:active { color: #67b7bf; } .description-table__archive-download a .icon { margin-right: 4px; margin-right: 0.25rem; } .invoice-table__line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 80px; border-bottom: 1px solid #D1D1D6; padding: 10px 0; } .invoice-table__line>* { padding: 2px 10px; } @media only screen and (max-width: 768px) { .invoice-table__line>* { padding: 2px 2px; } } .invoice-table__line:last-child { border-bottom: none; } .invoice-table__line--header { color: black; padding-bottom: 10px; } .invoice-table__line__date { width: 132px; min-width: 132px; word-break: break-all; } @media only screen and (max-width: 768px) { .invoice-table__line__date { width: 25%; min-width: inherit; } } .invoice-table__line__date--header { word-break: normal; } .invoice-table__line__info { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (max-width: 768px) { .invoice-table__line__info { display: none; } } .invoice-table__line__info__product { color: black; } .invoice-table__line__invoice-nb { width: 212px; min-width: 212px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } @media only screen and (max-width: 768px) { .invoice-table__line__invoice-nb { width: 25%; min-width: inherit; } } .invoice-table__line__price { width: 155px; min-width: 155px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } @media only screen and (max-width: 768px) { .invoice-table__line__price { width: 25% } } .invoice-table__line__download { width: 100px; min-width: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } @media only screen and (max-width: 768px) { .invoice-table__line__download { width: 25%; min-width: inherit; } } .invoice-table__line__download__icon { background-image: url(https://images.jamendo.com/jamendolicensing/icon/invoice-download.svg); background-repeat: no-repeat; width: 30px; height: 26px; } .invoice-table__line__more { width: 100px; min-width: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } @media only screen and (max-width: 768px) { .invoice-table__line__more { width: 25%; min-width: inherit; } } .invoice-table__line__break { display: none; } @media only screen and (max-width: 768px) { .invoice-table__line__break { display: block; -ms-flex-preferred-size: 100%; flex-basis: 100%; height: 20px; } } .invoice-table__line__mobile-more { display: none; width: 100% } @media only screen and (max-width: 768px) { .invoice-table__line__mobile-more { display: block; } } .invoice-table__line__mobile-more__line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .invoice-table__line__mobile-more__line--header { color: black; padding-bottom: 10px; } .invoice-table__line__mobile-more__line__info { width: 50% } .invoice-table__line__mobile-more__line__info__product { color: black; } .invoice-table__line__mobile-more__line__price { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .base-table { width: 100%; max-width: 960px; max-width: 60rem; margin-bottom: 48px; margin-bottom: 3rem; } .base-table td, .base-table th { padding: 16px 24px; padding: 1rem 1.5rem; border-bottom: 1px solid #e6e6e6; } .base-table td:first-child, .base-table th:first-child { padding-left: 0 !important; } .base-table td:last-child, .base-table th:last-child { padding-right: 0 !important; } .base-table tr:last-child td { border-bottom: none; } .base-table th { line-height: 1.334; white-space: nowrap; } .base-table th.sortable:hover { cursor: pointer; } .base-table__tertiary { width: 88px; width: 5.5rem; white-space: nowrap; } .base-table__state.depleted { color: #b3b3b3; } .base-table__secondary { width: 96px; width: 6rem; white-space: nowrap; } .base-table__actions, .base-table__referral-amount { width: 1%; white-space: nowrap; } .base-table__referral-amount.paid { color: #b3b3b3; } .base-table__referral-amount.unpaid { color: #67b7bf; } .base-table.equal-row-height td { height: 74px; height: 4.625rem; } .base-table.narrow td, .base-table.narrow th { padding: 12px; padding: 0.75rem; } .base-table.referrals td:first-child { width: 50% } .base-table.referrals td { max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 1rem 0.5rem; } .client-space-heading+.history-table { margin-top: -16px; margin-top: -1rem; } #page-myaccount-invoices .base-table, #page-myaccount-credits .base-table, #page-myaccount-reseller-client-list .base-table, #page-myaccount-reseller-manage-stores .base-table { margin: auto; width: auto; } #page-myaccount-credits .base-table .base-table__primary { width: 310px; } #page-myaccount-reseller-downloads .description-table { margin: auto; } #page-myaccount-reseller-client-list .reseller_add_new_client .col-md-6:first-child { padding-left: 0; } #page-myaccount-reseller-client-list .reseller_add_new_client .col-md-6:last-child { padding-right: 0; } @media only screen and (max-width: 992px) { #page-myaccount-reseller-client-list .reseller_add_new_client .col-md-6: first-child, #page-myaccount-reseller-client-list .reseller_add_new_client .col-md-6:last-child { padding: 0; } } #page-myaccount-mymusic .playlist-actions .col-md-6 { padding-left: 0; } #page-myaccount-mymusic .playlist-actions .col-md-6 .button:last-child { margin-left: 0.5rem; } @media only screen and (max-width: 920px) { #page-myaccount-mymusic .button-cart { min-width: 180px; width: 180px; } } .search-filter { padding: 14px 24px; padding: 0.875rem 1.5rem; position: relative; width: 304px; width: 19rem; display: inline-block; } @media only screen and (max-width: 992px) { .search-filter { display: none; } } .search-filter--mobile { display: none !important; padding: 0; height: fit-contents; } @media only screen and (max-width: 768px) { .search-filter--mobile { display: block !important; } } @media only screen and (max-width: 768px) { .search-filter { display: none; } } .search-filter__heading { color: gray; padding-bottom: 24px; padding-bottom: 1.5rem; text-transform: none; } .search-filter__lists>li { padding-bottom: 24px; padding-bottom: 1.5rem; margin-bottom: 24px; margin-bottom: 1.5rem; border-bottom: 1px solid #ccc; } .search-filter__lists>li .heading { line-height: 2; text-align: left; margin: 0; font-family: "futurademi", Arial, sans-serif; color: gray; } .search-filter__lists>li:last-child { border-bottom: none; margin-bottom: none; } .search-filter__list { line-height: 2; } .search-filter__list a { position: relative; display: block; text-decoration: none; color: black !important; } .search-filter__list a.is-current:before { content: ''; display: block; background-color: #C4C4C4; width: 6px; width: 0.375rem; height: 6px; height: 0.375rem; border-radius: 100%; position: absolute; left: -12px; left: -0.75rem; margin-top: -3px; margin-top: -0.1875rem; top: 50% } .search-filter__list a.main { text-transform: uppercase; margin-bottom: 8px; margin-bottom: 0.5rem; font-family: "futurademi", Arial, sans-serif; color: gray; } .search-filter__list a.is-disabled { color: #afd9dd; } .search-filter__list a.is-disabled:hover { cursor: not-allowed; } .search-filter__list a .pill { margin-left: 8px; margin-left: 0.5rem; } .error-notification { padding: 16px; padding: 1rem; margin-bottom: 24px; margin-bottom: 1.5rem; border: 1px solid #ed795a; color: #ed795a; } .error-notification>div:first-child { padding-right: 16px; padding-right: 1rem; } .error-notification>div:last-child { line-height: 1.334; } .error-notification.success { border: 1px solid #67b7bf; color: #67b7bf; } fieldset { padding-top: 32px; padding-top: 2rem; margin-top: 8px; margin-top: 0.5rem; border-top-width: 1px; border-top-width: 0.0625rem; border-top-style: solid; border-top-color: #e6e6e6; } fieldset:first-of-type { border-top: none; padding-top: 0; margin-top: 0; } fieldset.reset { padding: 0; border: 0; } fieldset.reset:first-of-type { margin-top: inherit; } legend { margin-bottom: 0; text-transform: uppercase; -webkit-transform: translateY(0.5rem); transform: translateY(0.5rem); } label { position: relative; display: block; font-weight: initial; } .label-info { margin-left: 8px; margin-left: 0.5rem; vertical-align: top; } .form-group label:not(.error), .label { margin-bottom: 6px; margin-bottom: 0.375rem; line-height: 1.334; } .form-group label:not(.error).hitbox, .label.hitbox { line-height: inherit; } .form-group, .form-checkbox-buttons-group { margin-bottom: 24px; margin-bottom: 1.5rem; } .form-pick-group { margin-bottom: 16px; margin-bottom: 1rem; } .form-pick-group label.error { margin-top: 0; } .form-submit-group { text-align: center; } .form-inline-monofield>div:first-child { width: 100% } .form-inline-monofield>div:last-child { padding-left: 8px; padding-left: 0.5rem; } .form-inline-monofield [type=submit] { white-space: nowrap; } .form-group { position: relative; } .form-group.fieldset-heading label:not(.error):not(.success) { text-transform: uppercase; } .form-group.fieldset-heading label:not(.error):not(.success) span { text-transform: none; } .form-group.auto-width select { width: auto; display: inline-block; } .form-group.auto-width select+select { margin-left: -1px; } .form-control { color: #4d4d4d; height: 36px; height: 2.25rem; padding: 0 10px; padding: 0 0.625rem; border-color: #ccc; border-width: 1px; border-width: 0.0625rem; box-shadow: none; border-radius: 0; } .form-control:focus { border: 1px solid #67b7bf; box-shadow: 0 0 6px #afd9dd; } .form-control.branded { border-color: #67b7bf; border-width: 2px; border-radius: 4px; color: #67b7bf; text-transform: uppercase; line-height: 1; padding: 8px 32px 8px 12px; font-size: 15px; white-space: normal; word-break: break-all; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("https://images.jamendo.com/jamendolicensing/static/navigation/chevron-down.svg"); background-repeat: no-repeat; background-position: 92% center; background-size: 16px 16px; } .form-control.discreet { border-color: white; border-radius: 4px; color: #979797; font-family: "futurabook", Arial, sans-serif; text-transform: uppercase; line-height: initial; padding: 5px 32px 5px 12px; font-size: 14px; white-space: normal; word-break: break-word; width: auto; height: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("https://images.jamendo.com/jamendolicensing/static/navigation/chevron-down-gray-8.svg"); background-repeat: no-repeat; background-position: 93% 49%; background-size: 13px 13px; } .form-control.discreet:focus { border: 1px solid #7d7d7d; box-shadow: none; } .form-control.xs { border: none; color: #979797; font-weight: 400; line-height: initial; padding: 8px; font-size: 12px; text-decoration: underline; white-space: normal; word-break: break-word; width: auto; height: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-control.xs:focus { border: none; box-shadow: none; } .form-control.blocked { cursor: default; pointer-events: none; background: none; } .form-control.width-100 { width: 100%; background-position: 95% 44%; padding: 8px 32px 8px 8px; } .form-control.input-line { border: none; border-bottom: 1px solid #cbcbcb; padding-left: 8px; font-size: 16px; } .form-control.input-line:focus { border-bottom: 1px solid #67b7bf; box-shadow: none; color: #48a2ab; } .form-control.simple { height: 43px; border: none; } .form-control.simple:focus { box-shadow: none; } .checkbox, .checkbox-inline, .radio, .radio-inline { margin: 0; } .checkbox label, .checkbox-inline label, .radio label, .radio-inline label { line-height: 1.23; color: #646464; cursor: pointer; min-height: 24px; min-height: 1.5rem; margin-bottom: 0; } label.error, label.success, .help-block { color: #999; font-weight: "futurabook", Arial, sans-serif; padding: 8px 0 0; padding: 0.5rem 0 0; line-height: 1.4; clear: both; } label.error, label.success { font-size: 11px !important; font-size: 0.6875rem !important; letter-spacing: 1px !important; color: #ed795a; } label.error.placeholder-error, label.success.placeholder-error { position: absolute; width: 100%; bottom: 0; height: 36px; background-color: #ffd7d7; margin: 0 0 1px 0; padding: 8px; font-size: 13px !important; letter-spacing: 0 !important; color: black; cursor: text; } label.error.placeholder-error.outside, label.success.placeholder-error.outside { position: relative; display: block; width: auto; height: auto; min-height: 36px; margin-top: 16px; line-height: 1.6; padding: 12px; cursor: default; } label.success { color: #67b7bf; } select.form-control { padding: 0rem 16px 0rem 6px; padding: 0rem 1rem 0rem 0.375rem; cursor: pointer; } input[type="checkbox"], input[type="radio"] { margin-top: 0; } input[type="checkbox"]:focus, input[type="radio"]:focus { border-color: none; box-shadow: none; outline: none; } ::-webkit-input-placeholder { color: #999; } :-moz-placeholder { color: #999; } ::-moz-placeholder { color: #999; } :-ms-input-placeholder { color: #999; } .form-checkbox-buttons-group__label { margin-bottom: 5px; margin-bottom: 0.3125rem; } .form-checkbox-buttons-group .checkbox-button { width: 33.33333% } .form-checkbox-buttons-group .checkbox-button:nth-child(3n+1) { padding: 3px 4px 3px 0; padding: 0.1875rem 0.25rem 0.1875rem 0; } .form-checkbox-buttons-group .checkbox-button:nth-child(3n+2) { padding: 3px 2px 3px 2px; padding: 0.1875rem 0.125rem 0.1875rem 0.125rem; } .form-checkbox-buttons-group .checkbox-button:nth-child(3n+3) { padding: 3px 0 3px 4px; padding: 0.1875rem 0 0.1875rem 0.25rem; } .form-checkbox-buttons-group .checkbox-button label { width: 100% } .form-checkbox-buttons-group__visible, .form-checkbox-buttons-group__expand-expendable { font-size: 0; } .form-checkbox-buttons-group__expand-expendable { display: none; } .form-checkbox-buttons-group__expand-trigger { display: block; width: 100%; text-align: right; color: #b3b3b3; } .form-checkbox-buttons-group__expand-trigger:after { content: '\25BC' } .form-checkbox-buttons-group__expand-trigger:focus { outline: 0; } .form-checkbox-buttons-group__expand.is-expanded .form-checkbox-buttons-group__expand-expendable { display: block; } .form-checkbox-buttons-group__expand.is-expanded .form-checkbox-buttons-group__expand-trigger:after { content: '\25B2' } .form-checkbox-buttons-group+.form-checkbox-buttons-group { margin-top: -8px; margin-top: -0.5rem; } .checkbox-button { display: inline-block; } .checkbox-button input[type="checkbox"] { display: none; } .checkbox-button input[type="checkbox"]:checked+label { background-color: #67b7bf; } .checkbox-button label { padding: 0 8px; padding: 0 0.5rem; border-radius: 4px; border-radius: 0.25rem; color: #FFF; line-height: 2; height: 24px; background-color: #b3b3b3; cursor: pointer; text-align: center; margin: 0; } .form-group-slider label { margin-bottom: 11px; margin-bottom: 0.6875rem; } .form-group-slider .informational-link { position: absolute; left: 27px; } .form-group-slider .informational-link .icon { top: -2px; } .form-group-slider .ltr-infos { float: right; text-align: right; } .form-group-slider .scale { position: relative; text-align: center; width: 100% } .form-group-slider .scale span { margin-top: 8px; margin-top: 0.5rem; text-align: center; vertical-align: top; float: left; color: #b3b3b3; } .form-group-slider .scale .intermediate { position: absolute; top: 0; } .form-group-slider .scale .start { text-align: left; } .form-group-slider .scale .end { float: right; text-align: right; } .form-group-slider .scale.scale10 .intermediate { left: 5%; right: 5% } .form-group-slider .scale.scale10 .intermediate span { width: 11.1111% } .input-card-security-code { width: 80px; width: 5rem; } .input-vat { margin-left: -1px; width: 160px; width: 10rem; display: inline-block; } .input-vat-country-prefix { padding: 0 12px; padding: 0 0.75rem; height: 36px; height: 2.25rem; border-style: solid; border-color: #ccc; border-width: 1px; border-width: 0.0625rem; display: inline-block; float: left; vertical-align: top; line-height: 3; text-align: center; white-space: nowrap; } .input-vat-country-prefix:empty { display: none; } .payment-methods { margin-top: 20px; margin-top: 1.25rem; } .payment-methods button:focus { outline: 0; } .form-group-paragraph { min-height: 90px; min-height: 5.625rem; } .form-group-paragraph p { margin-bottom: 20px; margin-bottom: 1.25rem; } .form-group.registrer input { margin-left: 0; } .form-group.registrer span { margin-left: 20px; } #funnel-payment fieldset { padding: 20px; padding: 1.25rem; margin-top: 8px; margin-top: 0.5rem; border-width: 1px; border-width: 0.0625rem; border-style: solid; border-color: #ebebeb; } #funnel-payment fieldset:first-of-type, #funnel-payment fieldset .country-form { border-top: solid; border-width: 1px; border-width: 0.0625rem; border-color: #ebebeb; padding-top: 1.25rem; margin-top: 0; margin-bottom: 16px; margin-bottom: 1rem; } #funnel-payment fieldset:first-of-type>.form-group, #funnel-payment fieldset .country-form>.form-group { margin-bottom: 0; } #funnel-payment fieldset:first-of-type button, #funnel-payment fieldset .country-form button { top: -3px; left: 7px; } #funnel-payment fieldset .credit-card-payment .row .form-group { margin-bottom: 0.25rem; } #funnel-payment fieldset.box-terms-conditions { border: none; padding-top: 8px; padding-top: 0.5rem; } .notification { color: #FFF; display: block; background-color: #67b7bf; opacity: 1; } .notification__body>*:first-child { padding-left: 24px; padding-left: 1.5rem; } .notification__icon, .notification__close { width: 48px; width: 3rem; } .notification__icon { padding-right: 16px; padding-right: 1rem; } .notification__text { padding: 16px 0; padding: 1rem 0; /**/ line-height: 1.143; } .notification__text a, .notification__text button { color: inherit; text-decoration: underline; } .notification__close button { width: 48px; width: 3rem; height: 48px; height: 3rem; opacity: 0.3; filter: alpha(opacity=30); color: #000; } .notification__close button .icon { line-height: 1.334; } .notification__close button:hover { color: #FFF; opacity: 1; filter: alpha(opacity=100); } .notification__close button:focus { outline: none; } .notification__countdown { height: 8px; height: 0.5rem; } .notification__countdown-bar { width: 100%; height: 100%; background-color: #000; opacity: .1; } .notification.self-destruct { -webkit-animation: destroyMe 0s ease-in 7s forwards; animation: destroyMe 0s ease-in 7s forwards; } .notification.self-destruct .notification__countdown-bar { -webkit-animation: barAnimation 7s linear; animation: barAnimation 7s linear; } .notification.warning { background-color: #ed795a; } .notification-float-list { position: fixed; top: 16px; top: 1rem; right: 16px; right: 1rem; width: 320px; width: 20rem; z-index: 630; } .notification-float-list>li { margin-bottom: 8px; margin-bottom: 0.5rem; } .notification-announcements-list { z-index: 630; position: relative; position: fixed; bottom: 0; left: 0; right: 0; } .notification-announcements-list>li { border-bottom: 1px solid #FFF; } .notification-announcements-list>li:last-child { border-bottom: none; } @-webkit-keyframes destroyMe { to { width: 0; height: 0; overflow: hidden; visibility: hidden; } } @keyframes destroyMe { to { width: 0; height: 0; overflow: hidden; visibility: hidden; } } @-webkit-keyframes barAnimation { to { width: 0% } } @keyframes barAnimation { to { width: 0% } } .picker-filter { padding-bottom: 24px; padding-bottom: 1.5rem; } .picker-filter>div { border-bottom: 1px solid #ccc; } .picker-filter>div:first-child { width: 100%; padding-right: 5.2px; padding-right: 0.325rem; } .picker-filter_input { padding: 6px 0; padding: 0.375rem 0; width: 100%; border: none; outline: none; } .picker-filter_clear { margin-right: -10px; margin-right: -0.625rem; } .picker-list { overflow-y: auto; background-color: #FFF; color: #646464; height: auto; line-height: 3rem; } .picker-list .item { height: 48px; height: 3rem; border-bottom: 1px solid #e6e6e6; } .picker-list .item:last-child { border-bottom: none; } .picker-list input[type=checkbox] { display: none; } .picker-list .hitbox { height: 100%; width: 100%; text-align: left; outline: none; padding: 0 16px 0 0; padding: 0 1rem 0 0; margin: 0; } .picker-list .hitbox .icon { margin-right: 12px; margin-right: 0.75rem; top: 2px; color: #ccc; } .picker-list .hitbox .icon.bordered { font-size: 11px; font-size: 0.6875rem; border: 1px solid; top: 0px; padding-top: 2px; padding-left: 1px; margin-right: 0.5rem; } .picker-list .hitbox:hover { cursor: pointer; } .picker-list .hitbox.is-checked .icon, .picker-list input[type=checkbox]:checked+.hitbox .icon { color: #67b7bf; } .picker-list.small { max-height: 145px; max-height: 9.0625rem; } .picker-list.large { max-height: 337px; max-height: 21.0625rem; } .picker-list.framed { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .picker-list.framed .hitbox { padding-left: 16px; padding-left: 1rem; } .processing { position: relative; z-index: 0; } .processing:before { opacity: 0.85; filter: alpha(opacity=85); display: block; z-index: 10; background-color: #FFF; content: '' } .processing>.loader { position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-top: -0.75rem; margin-left: -12px; margin-left: -0.75rem; z-index: 11; display: block; } tr.processing { opacity: 0.25; filter: alpha(opacity=25); } tr.processing:before { display: none; } .quantity-picker { display: inline; font-size: 0; white-space: nowrap; } .quantity-picker .minus, .quantity-picker .field, .quantity-picker .plus { height: 25.6px; height: 1.6rem; display: inline-block; vertical-align: top; } .quantity-picker .minus, .quantity-picker .plus { width: 24px; width: 1.5rem; font-weight: bold; background-color: #b3b3b3; line-height: 0; } .quantity-picker .minus:hover, .quantity-picker .plus:hover { background-color: #9a9a9a; cursor: pointer; text-decoration: none; } .quantity-picker .minus.disabled, .quantity-picker .plus.disabled { cursor: not-allowed; pointer-events: none; } .quantity-picker .minus .icon, .quantity-picker .plus .icon { font-size: 0.75rem; width: 0.75rem; height: 0.75rem; } .quantity-picker .minus { border-top-left-radius: 4px; border-top-left-radius: 0.25rem; border-bottom-left-radius: 4px; border-bottom-left-radius: 0.25rem; } .quantity-picker .plus { border-top-right-radius: 4px; border-top-right-radius: 0.25rem; border-bottom-right-radius: 4px; border-bottom-right-radius: 0.25rem; } .quantity-picker .field { width: 44.8px; width: 2.8rem; padding: 0 8px; padding: 0 0.5rem; display: inline-block; border: 1px solid #b3b3b3; border-left: none; border-right: none; color: #999; outline: none; } .quantity-picker.large .minus, .quantity-picker.large .plus { width: 32px; width: 2rem; height: 36px; height: 2.25rem; } .quantity-picker.large .icon { font-size: 1rem; width: 1rem; height: 1rem; } .quantity-picker.large .field { height: 36px; height: 2.25rem; width: 64px; width: 4rem; text-align: center; border: 2px solid #b3b3b3; border-left: none; border-right: none; margin-left: -2px; } .quantity-picker.prefilled .minus, .quantity-picker.prefilled .plus { background-color: #67b7bf; } .quantity-picker.prefilled .field { border-color: #67b7bf; color: #67b7bf; } .quantity-picker.rounded { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 160px; height: 40px; border: 1px solid black; border-radius: 20px; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3); } .quantity-picker.rounded .minus, .quantity-picker.rounded .plus { background-color: transparent; color: black; margin: 0 8px; } .quantity-picker.rounded .field { border: none; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: black; } .reseller-csv-error-list { border: 1px solid #ed795a; padding: 16px; padding: 1rem; margin-bottom: 32px; margin-bottom: 2rem; } .reseller-csv-error-list li:not(:last-child) { padding-bottom: 12px; padding-bottom: 0.75rem; margin-bottom: 12px; margin-bottom: 0.75rem; border-bottom: 1px solid #e6e6e6; } .reseller-csv-error-list .description { font-family: "futurademi", Arial, sans-serif; color: #ed795a; } .reseller-csv-error-list .error-row { margin: 12px 0 8px; margin: 0.75rem 0 0.5rem; } .reseller-csv-error-list .error-row td { padding: 6px; padding: 0.375rem; border: 1px solid #ccc; white-space: nowrap; } .reseller-csv-error-list .error-row td.error { border: 1px solid #ed795a; background-color: #ed795a; color: #FFF; } .reseller-csv-format .content { padding: 16px 16px 0; padding: 1rem 1rem 0; border: 1px solid whitesmoke; border-bottom: none; } .reseller-csv-format .title { font-family: "futurademi", Arial, sans-serif; margin-bottom: 8px; margin-bottom: 0.5rem; } .reseller-csv-format .example td, .reseller-csv-format .content th { width: 100% } .reseller-csv-format+.reseller-csv-format { margin-top: 8px; margin-top: 0.5rem; } .results-heading { padding: 16px 34px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 992px) { .results-heading { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (max-width: 768px) { .results-heading { padding: 0; } } .results-heading__count { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media only screen and (max-width: 992px) { .results-heading__count { text-align: center; } } @media only screen and (max-width: 768px) { .results-heading__count { display: none; } } .results-heading__count-text { padding-right: 16px; padding-right: 1rem; margin-right: 16px; margin-right: 1rem; display: inline-block; color: gray; background-color: #FFF; margin-bottom: 0; } @media only screen and (max-width: 992px) { .results-heading__count-text { padding-right: 0rem; margin-right: 0rem; } } .results-heading__count-text.highlight { padding-right: 16px; padding-right: 1rem; margin-right: 16px; margin-right: 1rem; color: gray; background-color: #FFF; font-size: 18px; font-weight: 350; color: #67b7bf; } @media only screen and (max-width: 992px) { .results-heading__count-text.highlight { padding-right: 0rem; margin-right: 0rem; } } .results-heading>button:focus { outline: none; } .results-heading__space { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (max-width: 1300px) { .results-heading__space { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } } .results-heading__action { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 768px) { .results-heading__action { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); width: 100% } } .results-heading__action__break { display: none; } @media only screen and (max-width: 768px) { .results-heading__action__break { display: block; -ms-flex-preferred-size: 100%; flex-basis: 100%; height: 0; } } @media only screen and (max-width: 768px) { .results-heading__action__license { display: block; width: 100% } .results-heading__action__license .button-default-license { width: 100%; min-height: 48px; border: none; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; padding: 0; box-shadow: none; } } @media only screen and (max-width: 768px) { .results-heading__action__filter { width: 50%; height: 100%; min-height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 5px; padding-right: 5px; } .results-heading__action__filter .button-checkbox .content-displaying { display: none; } .results-heading__action__filter__order { border: none; color: #646464; outline: none; cursor: pointer; font-size: 1rem; overflow: hidden; text-overflow: ellipsis; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } } .results-heading__action__filter--mobile { display: none; } @media only screen and (max-width: 768px) { .results-heading__action__filter--mobile { display: -webkit-box; display: -ms-flexbox; display: flex; border-right: 1px solid #D8D8D8; margin-right: 0; } } .results-heading__action__filter:nth-child(2) { margin-right: 5px; } @media only screen and (max-width: 768px) { .results-heading__action__filter: nth-child(2) { padding-right: 5px; margin-right: 0; } } .results-heading__action__filter__refine { cursor: pointer; width: 100%; min-height: 44px; margin: 0; } @media only screen and (max-width: 768px) { .results-heading__action__filter__refine { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .results-heading__action__filter__refine span { margin-left: 3px; } } .hero+.section { margin-top: 64px; margin-top: 4rem; } .section { margin-bottom: 64px; margin-bottom: 4rem; } .section.low-bottom-space { margin-bottom: 32px; margin-bottom: 2rem; } .section.no-bottom-space { margin-bottom: 0rem; } .section header { text-align: center; } .section header h1, .section header h2 { text-align: center !important; font-family: "futurabold", Arial, sans-serif; font-size: 24px; } .section header h1, .section header h2 p { margin-bottom: 24px; margin-bottom: 1.5rem; } .section header h1, .section header h2 { text-align: center; } .section header h1.lighter, .section header h2.lighter { font-weight: 300; text-transform: none; font-size: 2rem; } .section header .cta-info { color: #67b7bf; font-family: "futurabold", Arial, sans-serif; margin-bottom: 40px; margin-bottom: 2.5rem; } .section p { max-width: 640px; max-width: 40rem; color: gray; } .section p.h1-grey-aspect { font-family: "futurabold", Arial, sans-serif; font-size: 24px; text-transform: uppercase; } .section .price-condition { color: #67b7bf; font-size: 0.75rem; display: block; text-align: center; max-width: none; } .section .centered { width: 100%; max-width: 100%; text-align: center; } .section .bigger { font-family: "futurabold", Arial, sans-serif; margin-bottom: 56px; margin-bottom: 3.5rem; } .section .no-bottom-space { margin-bottom: 0; } .section.secondary h1 { color: #646464; } .section-background { margin: 0; } .section-pricing { padding-top: 64px; padding-top: 4rem; padding-bottom: 80px; padding-bottom: 5rem; } .section-pricing.low-bottom-padding { padding-bottom: 40px; padding-bottom: 2.5rem; } @media only screen and (max-width: 992px) { .section-pricing { padding-top: 24px; padding-top: 1.5rem; } } .section-pricing-licences { padding-top: 64px; padding-top: 4rem; padding-bottom: 48px; padding-bottom: 3rem; } .section-bottom-padding { padding-bottom: 80px; padding-bottom: 5rem; } .section-bottom-padding-0 { padding-bottom: 0rem; } .section+.section:not(.section-background):before { display: block; margin: 0 auto 72px; margin: 0 auto 4.5rem; width: 40px; width: 2.5rem; height: 8px; height: 0.5rem; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .section:not(.secondary)+.section:not(.secondary):before { border-top-color: #67b7bf; border-bottom-color: #67b7bf; } .section-background:not(.inverted)+.section { margin-top: 64px; margin-top: 4rem; } .task-list li { margin-bottom: 24px; margin-bottom: 1.5rem; } .uft-list-todo-empty { margin-top: 10px; } .task { padding: 32px; padding: 2rem; border: 2px solid #67b7bf; position: relative; } .task.split { max-width: 1200px; max-width: 75rem; } .task__heading { margin-bottom: 16px; margin-bottom: 1rem; font-family: "futurademi", Arial, sans-serif; color: #67b7bf; line-height: 1.334; } .task__split-cols { margin-top: 8px; margin-top: 0.5rem; } @media only screen and (min-width: 1200px) { .task__split-cols .col-left, .task__split-cols .col-right { padding-top: 24px; padding-top: 1.5rem; } .task__split-cols .col-left { padding-right: 32px; padding-right: 2rem; border-right: 1px solid #ccc; } .task__split-cols .col-right { padding-left: 32px; padding-left: 2rem; } } .task__wire-transfer-change { text-align: center; } .task__wire-transfer-invoice, .task__wire-transfer-bank-accounts { margin-bottom: 16px; margin-bottom: 1rem; } .task__wire-transfer-bank-accounts { display: block; padding: 8px 0; padding: 0.5rem 0; } .task__wire-transfer-bank-accounts>li { float: left; width: 50%; padding: 8px 16px 8px 0; padding: 0.5rem 1rem 0.5rem 0; } .task__wire-transfer-bank-accounts>li:last-child { border-left: 1px solid #ccc; padding: 8px 0rem 8px 16px; padding: 0.5rem 0rem 0.5rem 1rem; } .task__wire-transfer .flex-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .task__wire-transfer .flex-content ul { margin: 0; padding: 0; } .task__wire-transfer .flex-content li { width: auto; } .task__wire-transfer .flex-content .button { max-width: 400px; } .task__date { position: absolute; top: 0; right: 0; color: #FFF; background-color: #8bc8ce; padding: 4px; padding: 0.25rem; line-height: 1; } .task dl { margin: 8px 0 8px; margin: 0.5rem 0 0.5rem; } .task dl dt, .task dl dd { display: inline; } .task dl dt:before { content: ""; display: block; } .task dl dd { font-family: "futurademi", Arial, sans-serif; } .task .chosen-container { width: 100% !important; } .task.locked { border-color: #d3eaec; } .task.locked:after { opacity: 0.7; filter: alpha(opacity=70); display: block; z-index: 10; background-color: #FFF; content: '' } .task.locked:hover { cursor: not-allowed; } .thumb-list { margin: 0 -8px; margin: 0 -0.5rem; } .thumb-list li { float: left; width: 50%; padding: 8px; padding: 0.5rem; } .thumb-list li.thumb-tradingdesk { width: 100% } .thumb-list li.thumb-seo { width: 100% } .thumb-list li>div { overflow: hidden; } .thumb-list li>div>div:first-child { z-index: -1; } .thumb-list li>div>div:first-child:after { opacity: 0.35; filter: alpha(opacity=35); } .thumb-list li:hover img { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.1, 1.1); transform: translateZ(0) scale(1.1, 1.1); } .thumb-list a, .thumb-list button { width: 100%; height: 100%; text-decoration: none; padding: 0 8px; padding: 0 0.5rem; white-space: normal; word-break: break-word; } .thumb-list img { transition: all .2s ease-in-out; } .thumb-list .icon { color: #FFF; line-height: 1.334; } .thumb-list h2 { font-size: 1rem; font-weight: "futurabook", Arial, sans-serif; line-height: 1.334; text-transform: uppercase; color: #FFF; margin: 0; } @media only screen and (min-width: 350px) { .thumb-list li.thumb-seo { width: 50% } } @media only screen and (min-width: 480px) { .thumb-list li.thumb-tradingdesk { width: 50% } } @media only screen and (min-width: 768px) { .thumb-list li { width: 25% } .thumb-list li.thumb-seo { width: 33.33333% } } @media only screen and (min-width: 992px) { .thumb-list li { width: 16.66667% } .thumb-list li.large { width: 33.33333% } .thumb-list li.thumb-tradingdesk { width: 25% } .thumb-list li.thumb-seo { width: 20% } } @media only screen and (min-width: 1200px) { .thumb-list li { width: 14.28571% } .thumb-list li.large { width: 28.55% } .thumb-list li.thumb-tradingdesk { width: 25% } .thumb-list li.thumb-seo { width: 20% } } .checkout-container { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin: 48px auto 0; padding: 0; } .checkout-container li { z-index: 1; position: relative; list-style-type: none; width: 100% } .checkout-container li i { background-color: #FFF; border: 3px solid #b3b3b3; width: 30px; height: 30px; border-radius: 50%; margin: 0 auto; display: block; } .checkout-container li p { width: 100%; text-align: center; margin-top: 6px; color: #b3b3b3; } .checkout-container li[current] i { background-color: #FFF; position: relative; } .checkout-container li[current] i::after { content: ''; position: absolute; width: 14px; height: 14px; border: 7px solid; border-radius: 50%; color: #67b7bf; top: 5px; left: 5px; } .checkout-container li[current] p { color: #67b7bf; } .checkout-container li[validated] i { background-color: #67b7bf; border-color: #67b7bf; position: relative; } .checkout-container li[validated] i::after { content: ''; display: block; position: absolute; top: 3px; left: 7px; width: 9px; height: 16px; border: solid #FFF; border-width: 0 4px 4px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .checkout-container::after { content: ''; border: 1.5px solid #b3b3b3; position: absolute; top: 14px; left: calc(100% / 6); width: calc((100% / 6)*4); } [progressbar-steps-container] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin: 0 auto; padding: 0; } [progressbar-steps-container]::after { content: ''; position: absolute; top: 5px; height: 6px; left: calc(100% / 8); width: calc((100% / 8)*6); background-color: #e6e6e6; border-radius: 3px; } [progressbar-steps-container] li { z-index: 1; position: relative; list-style-type: none; width: 100% } [progressbar-steps-container] li i { background-color: transparent; border-color: transparent; width: 16px; height: 16px; border-radius: 50%; margin: 0 auto; display: block; } [progressbar-steps-container] li p { width: 100%; text-align: center; margin-top: 6px; color: #ccc; } [progressbar-steps-container][default] li:first-of-type i { background-color: #67b7bf; } [progressbar-steps-container][default] li:first-of-type p { color: #67b7bf; } [progressbar-steps-container][step1] li:nth-of-type(2) i { background-color: #67b7bf; } [progressbar-steps-container][step1] li:nth-of-type(1) p, [progressbar-steps-container][step1] li:nth-of-type(2) p { color: #67b7bf; } [progressbar-steps-container][step1]::before { content: ''; position: absolute; top: 5px; height: 6px; background-color: #67b7bf; border-radius: 3px; z-index: 1; left: calc(100% / 8); width: calc((100% / 8)*2); } [progressbar-steps-container][step2] li:nth-of-type(3) i { background-color: #67b7bf; } [progressbar-steps-container][step2] li:nth-of-type(1) p, [progressbar-steps-container][step2] li:nth-of-type(2) p, [progressbar-steps-container][step2] li:nth-of-type(3) p { color: #67b7bf; } [progressbar-steps-container][step2]::before { content: ''; position: absolute; top: 5px; height: 6px; background-color: #67b7bf; border-radius: 3px; z-index: 1; left: calc(100% / 8); width: calc((100% / 8)*4); } [progressbar-steps-container][validated] li:nth-of-type(4) i { background-color: #67b7bf; position: relative; } [progressbar-steps-container][validated] li:nth-of-type(4) i::after { content: ''; display: block; position: absolute; top: 2px; left: 5px; width: 5px; height: 9px; border: solid #FFF; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } [progressbar-steps-container][validated] li:nth-of-type(1) p, [progressbar-steps-container][validated] li:nth-of-type(2) p, [progressbar-steps-container][validated] li:nth-of-type(3) p, [progressbar-steps-container][validated] li:nth-of-type(4) p { color: #67b7bf; } [progressbar-steps-container][validated]::before { content: ''; position: absolute; top: 5px; height: 6px; background-color: #67b7bf; border-radius: 3px; z-index: 1; left: calc(100% / 8); width: calc((100% / 8)*6); } .progressbar-container { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin: 0 auto; padding: 0; } .progressbar-container .remaining { width: 50%; height: 6px; background-color: #67b7bf; position: absolute; right: 0; top: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .progressbar-container .total { width: 100%; height: 6px; background-color: #afd9dd; border-radius: 3px; } .referral-subscription-container { border: 0.5rem solid #afd9dd; padding: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .referral-subscription-container p { margin: 0; color: #b3b3b3; line-height: 1.35; max-width: 100% } .referral-subscription-container p:last-of-type { text-transform: uppercase; } .referral-subscription-container .completed-text, .referral-subscription-container .expired-text { display: none; } .referral-subscription-container [progressbar-steps-container] { margin: 8px; } .referral-subscription-container[completed]>p:first-of-type, .referral-subscription-container[completed] .expired-text { display: none; } .referral-subscription-container[completed] .completed-text { display: inline; } .referral-subscription-container[expired] p:first-of-type, .referral-subscription-container[expired] ol, .referral-subscription-container[expired] .completed-text { display: none; } .referral-subscription-container[expired] .expired-text { display: inline; margin-bottom: 10px; } .referral-subscription-container[expired] p:last-of-type span { display: block; font-size: 2.5rem; font-family: "futurabold", Arial, sans-serif; line-height: 1; margin-bottom: -10px; } .referral-subscription-container[only-total] p:first-of-type, .referral-subscription-container[only-total] ol, .referral-subscription-container[only-total] .completed-text, .referral-subscription-container[only-total] .expired-text { display: none; } .referral-subscription-container[only-total] p:last-of-type span { display: block; font-size: 2.5rem; font-family: "futurabold", Arial, sans-serif; line-height: 1; margin-bottom: -10px; } select[c-select] { position: fixed; top: -9999px; left: -9999px; } .c-select { width: 260px !important; line-height: 2.25rem; color: #67b7bf; font-size: 1rem; outline: none; cursor: pointer; background-color: #fff; height: auto; transition: border-radius 0s linear .1s, border-bottom 0s linear .1s; width: 100%; border: 2px solid #67b7bf; border-radius: 6px; position: relative; } .c-select__textbox { display: block; padding: 0 1.5rem; margin: 0; text-overflow: ellipsis; white-space: nowrap; min-height: 2.25rem; position: relative; text-transform: none; outline: none; cursor: pointer; overflow: hidden; box-sizing: border-box; } .c-select i { position: absolute; right: 24px; top: 10px; transition: -webkit-transform .1s linear .1s; transition: transform .1s linear .1s; } .c-select__listbox { max-height: 0rem; background-color: transparent; border-top: none; border-right: 2px solid #67b7bf; margin-right: -2px; border-left: 2px solid #67b7bf; margin-left: -2px; width: 260px; z-index: 110; transition: all .15s ease-out 0s; outline: none; cursor: pointer; overflow: hidden; position: absolute; } .c-select__option { background-color: #fff; outline: none; cursor: pointer; text-decoration: none; padding: 0 1.5rem; color: #67b7bf; overflow: ellipsis; white-space: nowrap; min-height: 2.25rem; text-transform: none; } .c-select__option[selected] { color: #4bd2e2; } .c-select__option.is-focused { color: #fff; background-color: #009de0; } .c-select__option:hover { color: #fff; background-color: #67b7bf; } .c-select[extended] { border-radius: 6px 6px 0 0; transition: border-radius 0s linear 0s, border-bottom 0.1s linear 0s; } .c-select[extended]:before { content: ''; box-shadow: 0 0.2rem 0.5rem 0 #d0d0d0; border-radius: 6px; position: absolute; width: calc(100%+2px * 2); margin-left: -2px; min-height: calc(100%+74px); margin-top: -2px; } .c-select[extended] i { -webkit-transform: scaleY(-1); transform: scaleY(-1); } .c-select[extended] .c-select__textbox:after { content: ''; border-bottom: 1px solid #8bc8ce; height: 1px; margin-top: -1px; display: block; } .c-select[extended] .c-select__listbox { max-height: 74px; border-bottom: 2px solid #67b7bf; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .c-select[extended] .c-select__listbox:after { content: ''; box-shadow: 0 0.2rem 0.5rem 0 #cfcfcf; margin-top: -2.25rem; } .c-select[extended] .c-select__listbox:hover { overflow: auto; } .widget { min-width: 662px; min-height: 460px; height: 100%; background-color: #FFF; padding: 36px; padding: 2.25rem; border-radius: 12px; border-radius: 0.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; cursor: default; } @-webkit-keyframes l-fade-in-background { 0% { background-color: rgba(255, 255, 255, 0); } 100% { background-color: white; } } @keyframes l-fade-in-background { 0% { background-color: rgba(255, 255, 255, 0); } 100% { background-color: white; } } @-webkit-keyframes l-move-from-left { 0%, 50% { -webkit-transform: translateX(-400px); transform: translateX(-400px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes l-move-from-left { 0%, 50% { -webkit-transform: translateX(-400px); transform: translateX(-400px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @media only screen and (max-width: 725px) { .widget { min-width: 100% } } @media only screen and (max-width: 565px) { .widget { padding: 24px; padding: 1.5rem; } } .widget.half-width { min-width: 331px; } @media only screen and (max-width: 725px) { .widget.half-width { min-width: 100% !important; } } @media only screen and (max-width: 565px) { .widget.half-width { padding: 24px; padding: 1.5rem; } } .widget>* { width: 100% } .widget header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .widget header h1 { color: black; margin: 0; text-transform: initial; text-transform: uppercase; font-family: Futura; } .widget header .explore-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #666; text-decoration: none; } .widget header .explore-track .icon-container { margin-left: 10px; border: 1px solid #666; border-radius: 30px; height: 30px; width: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .widget .content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media only screen and (max-width: 725px) { .widget .content { margin: 12px 0; margin: 0.75rem 0; } } .widget .content ul { width: 100%; margin: 0; padding: 0; list-style-type: none; } .widget .content ul>li { color: #999; margin-top: 8px; margin-top: 0.5rem; margin-bottom: 8px; margin-bottom: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-width: 0; } .widget .content ul>li.titles p { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; } @media only screen and (max-width: 565px) { .widget .content ul>li.titles { display: none; } } .widget .content ul>li>p { text-transform: uppercase; color: #999; width: 100%; margin-bottom: 0; line-height: initial; letter-spacing: 1px; } .widget .content ul>li .infos, .widget .content ul>li .actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .widget .content ul>li .infos p, .widget .content ul>li .actions p { color: #999; } .widget .content ul>li .infos p[ellipsed], .widget .content ul>li .actions p[ellipsed] { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .widget .content ul>li .infos p::first-letter, .widget .content ul>li .actions p::first-letter { text-transform: capitalize; } .widget .content ul>li .infos button, .widget .content ul>li .actions button { position: relative; outline: none; display: -webkit-box; display: -ms-flexbox; display: flex; } .widget .content ul>li .infos button:hover, .widget .content ul>li .actions button:hover { color: #67b7bf; } >.icon .widget .content ul>li .infos button:not(.icon-play), >.icon .widget .content ul>li .actions button:not(.icon-play) { display: block; } .widget .content ul>li .infos button .icon-alert-full, .widget .content ul>li .actions button .icon-alert-full { display: none; } .widget .content ul>li .infos button .icon-streaming, .widget .content ul>li .actions button .icon-streaming { color: #67b7bf; } .widget .content ul>li .infos button[action-requested] .icon-alert-full, .widget .content ul>li .actions button[action-requested] .icon-alert-full { display: block; color: orange; position: absolute; top: -7px; right: -6px; z-index: 1; } .widget .content ul>li .infos button[action-requested] .icon-alert-full::before, .widget .content ul>li .actions button[action-requested] .icon-alert-full::before { border: 2px solid #FFF; border-radius: 50%; background-color: #FFF; } .widget .content ul>li .infos button[action-requested].disabled .icon-alert-full:hover, .widget .content ul>li .actions button[action-requested].disabled .icon-alert-full:hover { color: orange; cursor: default; } .widget .content ul>li .infos button .lds-ring, .widget .content ul>li .actions button .lds-ring { display: none; } .widget .content ul>li .infos button[is-processing], .widget .content ul>li .actions button[is-processing] { pointer-events: none; cursor: not-allowed; } .widget .content ul>li .infos button[is-processing]>i, .widget .content ul>li .actions button[is-processing]>i { display: none; } .widget .content ul>li .infos button[is-processing] .lds-ring, .widget .content ul>li .actions button[is-processing] .lds-ring { display: inline-block; width: 28px; height: 28px; } .widget .content ul>li .infos button[is-processing] .lds-ring div, .widget .content ul>li .actions button[is-processing] .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 22px; height: 22px; margin: 3px; border: 2px solid #67b7bf; border-radius: 50%; -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #67b7bf transparent transparent transparent; } .widget .content ul>li .infos button[is-processing] .lds-ring div:nth-child(1), .widget .content ul>li .actions button[is-processing] .lds-ring div:nth-child(1) { -webkit-animation-delay: -0.45s; animation-delay: -0.45s; } .widget .content ul>li .infos button[is-processing] .lds-ring div:nth-child(2), .widget .content ul>li .actions button[is-processing] .lds-ring div:nth-child(2) { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .widget .content ul>li .infos button[is-processing] .lds-ring div:nth-child(3), .widget .content ul>li .actions button[is-processing] .lds-ring div:nth-child(3) { -webkit-animation-delay: -0.15s; animation-delay: -0.15s; } @-webkit-keyframes lds-ring { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes lds-ring { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .widget .content ul>li .infos button:last-child { display: none; } .widget .content ul>li .infos .hint--top i { line-height: 1.5; } @media only screen and (max-width: 725px) { .widget .content ul>li .infos { width: 100% } } .widget .content ul>li .infos>* { padding-right: 12px; margin: 0; } .widget .content ul>li .actions { min-height: 37px; } .widget .content ul>li .actions>* { margin: 0 12px; } .widget .content ul>li .actions>*:last-child { margin-right: 0; } .widget .content ul>li .actions button.disabled, .widget .content ul>li .actions button.disabled i { color: #ccc; } .widget .content ul>li .actions button.disabled:hover, .widget .content ul>li .actions button.disabled i:hover { color: #ccc; cursor: default; } .widget .content ul>li .actions .action { position: relative; } .widget .content ul>li .actions .action:last-child { margin-left: 7px; } .widget .content ul>li .actions .action .dropdown-content-open { display: none; } .widget .content ul>li .actions .action:hover .dropdown-content-open { display: block !important; z-index: 115; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-name: tooltip-anim; animation-name: tooltip-anim; } @-webkit-keyframes tooltip-anim { from { opacity: 0; -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes tooltip-anim { from { opacity: 0; -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @media only screen and (max-width: 725px) { .widget .content ul>li .actions .action: hover .dropdown-content-open { display: none; } } .widget .content ul>li .actions .action.dropdown-hover-not-allowed:hover .dropdown-content-open { -webkit-animation: none; animation: none; } @media only screen and (max-width: 725px) { .widget .content ul>li .actions .action.clicked .dropdown-content-open { display: block; z-index: 2; } .widget .content ul>li .actions .action.clicked .dropdown-content-open:hover { display: block; -webkit-animation: none; animation: none; } .widget .content ul>li .actions .action.clicked:hover .dropdown-content-open { -webkit-animation: none; animation: none; } } .widget .content .pop-in-wrapper ul li { color: #FFF; } .widget footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-flow: row-reverse; flex-flow: row-reverse; position: relative; } .widget footer .action .dropdown-content-open { display: none; } .widget footer .action:hover .dropdown-content-open { display: block; z-index: 2; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-name: tooltip-anim; animation-name: tooltip-anim; bottom: 35px; right: 0; } @media only screen and (max-width: 725px) { .widget footer .action: hover .dropdown-content-open { display: none; } } .widget footer .button-cart { width: auto; position: relative; } .widget footer .button-cart[pdf] { width: 220px; } .widget .dropdown-content-open { position: absolute; bottom: 25px; right: -13px; } .widget .dropdown-content-open .pin-bottom { margin-bottom: 16px; width: 16rem; } .widget .dropdown-content-open .pin-bottom .pop-in__heading::first-letter { text-transform: capitalize; } .widget .dropdown-content-open .pin-bottom ul { padding: 0.5rem 1.5rem 1.5rem 1.5rem; width: 100%; margin: 0; } .widget .dropdown-content-open .pin-bottom ul li { margin: 0 2px; display: inline-block; } .widget .dropdown-content-open .pin-bottom ul li:not(:last-of-type) a { margin-bottom: 6px; } .widget .dropdown-content-open .pin-bottom ul li button { margin: 0 !important; } .widget .dropdown-content-open .pin-bottom ul li button:hover { color: #FFF; } .widget .dropdown-content-open[action-requested] .pop-in { border-color: orange; } .widget .dropdown-content-open[action-requested] .pop-in .pop-in__heading { color: orange; } .widget .dropdown-content-open[action-requested] .pop-in .pop-in__actions li button, .widget .dropdown-content-open[action-requested] .pop-in .pop-in__actions button { background-color: orange !important; } .widget .dropdown-content-open[action-requested] .pop-in .pop-in__actions li button:hover, .widget .dropdown-content-open[action-requested] .pop-in .pop-in__actions button:hover { background-color: orange; } .widget .dropdown-content-open[action-requested] .pop-in.pin-bottom::before, .widget .dropdown-content-open[action-requested] .pop-in.pin-bottom::after { top: 100%; right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .widget .dropdown-content-open[action-requested] .pop-in.pin-bottom:before { border-color: rgba(245, 110, 110, 0); border-top-color: orange; border-width: 10px; right: 15px; } .widget .dropdown-content-open[action-requested] .pop-in.pin-bottom:after { background-image: none; border-color: rgba(255, 255, 255, 0); border-top-color: #FFF; border-width: 7px; right: 18px; } @media only screen and (max-width: 725px) { .widget[catalog][track-pack] header { -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } } .widget[catalog][track-pack] header>div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } @media only screen and (max-width: 725px) { .widget[catalog][track-pack] header>div { width: 100%; margin-top: 8px; margin-top: 0.5rem; } } .widget[catalog][track-pack] header>div>div { -ms-flex-item-align: end; align-self: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .widget[catalog][track-pack] header>div>div h2 { margin: 0; padding-right: 10px; } .widget[catalog][track-pack] header>div>div h2 span { color: #67b7bf; } .widget[catalog][track-pack] header>div>div .c-select { width: 220px !important; -ms-flex-item-align: end; align-self: flex-end; } .widget[catalog][track-pack] header>div>div .c-select__listbox { width: 220px; } .widget[catalog][track-pack] header>div .secondary-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 8px; margin-top: 0.5rem; } .widget[catalog][track-pack] header>div .secondary-container .progressbar-container { width: 140px; } @media only screen and (max-width: 725px) { .widget[catalog][track-pack] header>div .secondary-container .progressbar-container { margin-right: 0; } } .widget[catalog][track-pack] header>div .secondary-container .progressbar-container .remaining { width: auto; } .widget[catalog][track-pack] header>div .secondary-container .remaining-tracks { margin: 0 16px 0 8px; margin: 0 1rem 0 0.5rem; color: #999; } @media only screen and (max-width: 725px) { .widget[catalog][track-pack] header>div .secondary-container .remaining-tracks { margin-right: 0; } } .widget[catalog][track-pack] header>div .secondary-container .remaining-tracks span { color: #67b7bf; font-family: "futurademi", Arial, sans-serif; } @media only screen and (max-width: 725px) { .widget[catalog][track-pack] header>div .secondary-container .simple { position: absolute; top: 7px; } } .widget[catalog][track-pack] header>div .secondary-container .simple .icon-wrong { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 2px; -ms-transform: rotate(45deg) translateZ(0); -ms-transform-origin: 44% 49% } .widget[catalog] .content ul>li .infos { width: calc(100% - 211px); } @media only screen and (max-width: 725px) { .widget[catalog] .content ul>li .infos { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .widget[catalog] .content ul>li .infos p:nth-of-type(1) { width: 92px; min-width: 92px; font-size: 12px; } @media only screen and (max-width: 725px) { .widget[catalog] .content ul>li .infos p: nth-of-type(1) { margin: 10px 0; } } @media only screen and (max-width: 565px) { .widget[catalog] .content ul>li .infos p: nth-of-type(1) { display: none; } } .widget[catalog] .content ul>li .infos .hint--top { padding: 0; } .widget[catalog] .content ul>li .infos button { width: 24px; padding: 0; } .widget[catalog] .content ul>li .infos button::before, .widget[catalog] .content ul>li .infos button i, .widget[catalog] .content ul>li .infos button i:last-of-type { width: 24px; margin-right: 0; } .widget[catalog] .content ul>li .infos p:nth-of-type(2) { width: 100%; min-width: 0; padding-left: 15px; } .widget[catalog] .content ul>li .infos i:last-of-type { width: 24px; min-width: 24px; padding: 0; } @media only screen and (max-width: 725px) { .widget[catalog] .content ul>li .infos i: last-of-type { margin-right: 0; } } .widget[livestream] .content ul .titles { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .widget[livestream] .content ul .titles p:nth-child(1) { width: calc(100% - 95px - 130px - 130px); } @media only screen and (max-width: 725px) { .widget[livestream] .content ul .titles p: nth-child(1) { width: calc(100% - 95px - 130px); } } @media only screen and (max-width: 565px) { .widget[livestream] .content ul .titles p: nth-child(1) { width: calc(100% - 130px); } } .widget[livestream] .content ul .titles p:nth-child(2) { width: 130px; } @media only screen and (max-width: 725px) { .widget[livestream] .content ul .titles p: nth-child(2) { display: none; } } .widget[livestream] .content ul .titles p:nth-child(3) { width: 130px; } .widget[livestream] .content ul .titles p:nth-child(4) { width: auto; } .widget[livestream] .content ul>li .infos { width: calc(100% - 95px); } .widget[livestream] .content ul>li .infos p:nth-child(1) { width: 100% } .widget[livestream] .content ul>li .infos p:nth-child(2) { width: 130px; min-width: 130px; } @media only screen and (max-width: 725px) { .widget[livestream] .content ul>li .infos p: nth-child(2) { display: none; } } .widget[livestream] .content ul>li .infos p:nth-child(3) { width: 130px; min-width: 130px; } .widget[livestream] .content ul>li .actions .action:last-child { margin-left: 12px; } .widget[livestream] footer button.transparent { margin: 0 10px; width: 180px; } @media only screen and (max-width: 480px) { .widget[livestream] footer button.transparent { width: 160px; } } .widget[instore] .content ul .titles { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .widget[instore] .content ul .titles p:nth-child(1) { width: calc(100% - 150px - 95px - 95px - 95px); } @media only screen and (max-width: 725px) { .widget[instore] .content ul .titles p: nth-child(1) { width: calc(100% - 95px - 95px - 95px); } } @media only screen and (max-width: 565px) { .widget[instore] .content ul .titles p: nth-child(1) { width: calc(100% - 95px - 95px); } } .widget[instore] .content ul .titles p:nth-child(2) { width: 150px; } @media only screen and (max-width: 725px) { .widget[instore] .content ul .titles p: nth-child(2) { display: none; } } .widget[instore] .content ul .titles p:nth-child(3) { width: 95px; } @media only screen and (max-width: 565px) { .widget[instore] .content ul .titles p: nth-child(3) { display: none; } } .widget[instore] .content ul .titles p:nth-child(4) { width: 95px; } .widget[instore] .content ul .titles p:nth-child(5) { width: auto; } .widget[instore] .content ul>li .infos { width: calc(100% - 95px); } .widget[instore] .content ul>li .infos p:nth-child(1) { width: calc(100% - 150px - 95px - 95px); } @media only screen and (max-width: 725px) { .widget[instore] .content ul>li .infos p: nth-child(1) { width: calc(100% - 95px - 95px); } } @media only screen and (max-width: 565px) { .widget[instore] .content ul>li .infos p: nth-child(1) { width: calc(100% - 95px); } } .widget[instore] .content ul>li .infos p:nth-child(2) { width: 150px; } @media only screen and (max-width: 725px) { .widget[instore] .content ul>li .infos p: nth-child(2) { display: none; } } .widget[instore] .content ul>li .infos p:nth-child(3) { width: 95px; min-width: 95px; font-size: 12px; } @media only screen and (max-width: 565px) { .widget[instore] .content ul>li .infos p: nth-child(3) { display: none; } } .widget[instore] .content ul>li .infos p:nth-child(4) { width: 95px; min-width: 95px; } .widget[instore] .content ul>li .actions .action:last-child { margin-left: 12px; } .widget[instore] footer button.transparent { margin: 0 10px; width: 180px; } @media only screen and (max-width: 480px) { .widget[instore] footer button.transparent { width: 160px; } } @media only screen and (max-width: 480px) { .widget[catalog] .content ul>li .infos, .widget[livestream] .content ul>li .infos, .widget[instore] .content ul>li .infos { width: 100%; position: relative; } .widget[catalog] .content ul>li .infos button:last-child, .widget[livestream] .content ul>li .infos button:last-child, .widget[instore] .content ul>li .infos button:last-child { display: block; padding: 0.25rem 0.75rem; margin-right: -1rem; } .widget[catalog] .content ul>li .infos button:last-child i, .widget[livestream] .content ul>li .infos button:last-child i, .widget[instore] .content ul>li .infos button:last-child i { color: gray; } .widget[catalog] .content ul>li .infos button:last-child:hover i, .widget[livestream] .content ul>li .infos button:last-child:hover i, .widget[instore] .content ul>li .infos button:last-child:hover i { color: #67b7bf; } .widget[catalog] .content ul>li .actions, .widget[livestream] .content ul>li .actions, .widget[instore] .content ul>li .actions { display: none; } .widget[catalog] .content ul>li[checked], .widget[livestream] .content ul>li[checked], .widget[instore] .content ul>li[checked] { -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: calc(100% + 58px); margin: -58px 0 -58px 0; padding: 58px 1.5rem 0rem 1.5rem; z-index: 760; -webkit-animation: l-fade-in-background .1s; animation: l-fade-in-background .1s; background-color: #FFF; overflow-y: scroll; overflow-x: hidden; } .widget[catalog] .content ul>li[checked] .infos, .widget[livestream] .content ul>li[checked] .infos, .widget[instore] .content ul>li[checked] .infos { -ms-flex-wrap: wrap; flex-wrap: wrap; } .widget[catalog] .content ul>li[checked] .infos button:last-child, .widget[livestream] .content ul>li[checked] .infos button:last-child, .widget[instore] .content ul>li[checked] .infos button:last-child { -webkit-transform: rotate(180deg); transform: rotate(180deg); top: 0; left: -1rem; padding: 1rem; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .widget[catalog] .content ul>li[checked] .infos p, .widget[livestream] .content ul>li[checked] .infos p, .widget[instore] .content ul>li[checked] .infos p { -webkit-animation: l-move-from-left .5s; animation: l-move-from-left .5s; padding: 0; } .widget[catalog] .content ul>li[checked] .infos p:nth-child(1), .widget[livestream] .content ul>li[checked] .infos p:nth-child(1), .widget[instore] .content ul>li[checked] .infos p:nth-child(1) { width: 100%; font-size: 22px; font-size: 1.375rem; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .widget[catalog] .content ul>li[checked] .infos p:nth-child(2), .widget[livestream] .content ul>li[checked] .infos p:nth-child(2), .widget[instore] .content ul>li[checked] .infos p:nth-child(2) { display: block; font-size: 16px; font-size: 1rem; white-space: pre-wrap; width: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .widget[catalog] .content ul>li[checked] .infos p:nth-child(3), .widget[livestream] .content ul>li[checked] .infos p:nth-child(3), .widget[instore] .content ul>li[checked] .infos p:nth-child(3) { display: block; width: 50%; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; text-align: right; } .widget[catalog] .content ul>li[checked] .infos p:nth-child(4), .widget[livestream] .content ul>li[checked] .infos p:nth-child(4), .widget[instore] .content ul>li[checked] .infos p:nth-child(4) { width: 50%; text-align: left; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .widget[catalog] .content ul>li[checked] .actions, .widget[livestream] .content ul>li[checked] .actions, .widget[instore] .content ul>li[checked] .actions { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; position: relative; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-animation: l-move-from-left .5s both; animation: l-move-from-left .5s both; } .widget[catalog] .content ul>li[checked] .actions .action, .widget[livestream] .content ul>li[checked] .actions .action, .widget[instore] .content ul>li[checked] .actions .action { position: initial; margin: 0 34px 0 0; } .widget[catalog] .content ul>li[checked] .actions .action button:not(.button), .widget[livestream] .content ul>li[checked] .actions .action button:not(.button), .widget[instore] .content ul>li[checked] .actions .action button:not(.button) { height: 52px; width: 52px; background-color: whitesmoke; border-radius: 50%; padding: 12px; color: #999; } .widget[catalog] .content ul>li[checked] .actions .action button:not(.button) .icon-alert-full, .widget[livestream] .content ul>li[checked] .actions .action button:not(.button) .icon-alert-full, .widget[instore] .content ul>li[checked] .actions .action button:not(.button) .icon-alert-full { font-size: 1.25rem; right: 0; } .widget[catalog] .content ul>li[checked] .actions .action button:not(.button):first-child, .widget[livestream] .content ul>li[checked] .actions .action button:not(.button):first-child, .widget[instore] .content ul>li[checked] .actions .action button:not(.button):first-child { margin-left: 0; } .widget[catalog] .content ul>li[checked] .actions .action button:not(.button):first-child .icon-streaming, .widget[livestream] .content ul>li[checked] .actions .action button:not(.button):first-child .icon-streaming, .widget[instore] .content ul>li[checked] .actions .action button:not(.button):first-child .icon-streaming { width: 52px; margin-top: -4px; } .widget[catalog] .content ul>li[checked] .actions .action.clicked button:not(.button), .widget[livestream] .content ul>li[checked] .actions .action.clicked button:not(.button), .widget[instore] .content ul>li[checked] .actions .action.clicked button:not(.button) { color: #67b7bf; } .widget[catalog] .content ul>li[checked] .actions .action.clicked .dropdown-content-open, .widget[livestream] .content ul>li[checked] .actions .action.clicked .dropdown-content-open, .widget[instore] .content ul>li[checked] .actions .action.clicked .dropdown-content-open { width: 100%; top: 80px; left: 0; } .widget[catalog] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom, .widget[livestream] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom, .widget[instore] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom { width: 100% } .widget[catalog] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom::before, .widget[catalog] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom::after, .widget[livestream] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom::before, .widget[livestream] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom::after, .widget[instore] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom::before, .widget[instore] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom::after { display: none; } .widget[catalog] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li, .widget[livestream] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li, .widget[instore] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li { margin: 0 6px; } .widget[catalog] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li button, .widget[livestream] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li button, .widget[instore] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li button { background-color: #67b7bf; } .widget[catalog] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li a, .widget[livestream] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li a, .widget[instore] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li a { line-height: 2.5; } .widget[catalog] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li:not(:last-of-type) a, .widget[livestream] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li:not(:last-of-type) a, .widget[instore] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li:not(:last-of-type) a { margin-bottom: 12px; } .widget[catalog] footer .button-cart.small.transparent, .widget[livestream] footer .button-cart.small.transparent, .widget[instore] footer .button-cart.small.transparent { display: none; } .widget[catalog] footer .button-cart:first-child, .widget[livestream] footer .button-cart:first-child, .widget[instore] footer .button-cart:first-child { margin-left: 10px; } .widget[catalog] .content ul>li .infos p:nth-of-type(2) { width: calc(100% - 76px); max-width: calc(100% - 76px); } .widget[catalog] .content ul>li[checked] .infos .button-play { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; margin-bottom: 0.5rem; height: 52px; width: 52px; -webkit-animation: l-move-from-left .5s; animation: l-move-from-left .5s; } .widget[catalog] .content ul>li[checked] .infos .button-play::before { width: 52px; } .widget[catalog] .content ul>li[checked] .infos .button-play i { font-size: 42px; height: 42px; width: 42px; } .widget[catalog] .content ul>li[checked] .infos .button-play .icon-pause { background-color: #48a2ab; } .widget[catalog] .content ul>li[checked] .infos button:last-child { margin-right: 100%; left: 0; } .widget[catalog] .content ul>li[checked] .infos p.date { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; display: block; font-size: 12px; width: 100%; text-align: left; margin-top: 0; } .widget[catalog] .content ul>li[checked] .infos p:nth-child(3) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; font-size: 1.375rem; text-align: left; width: calc(100% - 24px); max-width: calc(100% - 24px); padding-right: 10px; } .widget[catalog] .content ul>li[checked] .infos>div, .widget[catalog] .content ul>li[checked] .infos span { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-animation: l-move-from-left .5s; animation: l-move-from-left .5s; } .widget[catalog] .content ul>li[checked] .actions .action:first-child button { display: block; } .widget[instore] .content ul>li[checked] .actions .action:first-child button { display: block; } .widget[instore] .content ul>li[checked] .actions .action:first-child button .icon-streaming { width: 1.375rem !important; margin-top: 2px !important; } .widget[livestream] .content ul li p:nth-child(3) { width: 95px !important; min-width: 95px !important; } .widget[livestream] .content ul>li[checked] .infos p:nth-child(2) { display: block; font-size: 16px; font-size: 1rem; white-space: pre-wrap; width: 50%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .widget[livestream] .content ul>li[checked] .actions .action:first-child button { display: block; } .widget[livestream] .content ul>li[checked] .actions .action:first-child button .icon-streaming { width: 1.375rem !important; margin-top: 0 !important; } } .widget[notifications] i { margin-right: 10px; min-width: 24px; transition: 0.15s ease-in; } .widget[notifications] .content ul { width: 100%; max-height: 298px; overflow: auto; } .widget[notifications] .content p { text-transform: none; margin-bottom: 0; } .widget[notifications] .content span { font-family: "futurademi", Arial, sans-serif; } .widget[notifications] .content .notification { background-color: #FFF; } .widget[notifications] .content .notification.urgent { background-color: red; } .widget[notifications] .content .notification.urgent i, .widget[notifications] .content .notification.urgent p { color: #FFF; } .widget[notifications] .content .notification.urgent:hover i, .widget[notifications] .content .notification.urgent:hover p { color: red; } .widget[notifications] .content .notification.normal span, .widget[notifications] .content .notification.normal i { color: orange; } .widget[notifications] .content .notification.validation span { color: #67b7bf; } .widget[notifications] .content .notification a { width: 100%; padding: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .widget[notifications] .content .notification a .icon-shape { margin-left: 0; min-width: 24px; } .widget[notifications] .content .notification a:hover { background-color: whitesmoke; transition: background-color 0.3s ease-out; } @media only screen and (max-width: 725px) { .widget[notifications] .content .notification p, .widget[notifications] .content .notification span { font-size: 14px; } } .widget[referrals]:before { content: ''; border: 0.5rem solid #afd9dd; border-radius: 0.75rem; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .widget[referrals] .referral-subscription-container { border: none; width: 100%; padding: 0; } .widget[referrals] .referral-subscription-container>* { margin: 4px 0; } .widget[referrals] .referral-subscription-container>p { text-transform: uppercase; font-family: "futurademi", Arial, sans-serif; } .widget[referrals] .referral-subscription-container>p span { display: block; font-size: 2.5rem; font-family: "futurademi", Arial, sans-serif; line-height: 1.1; color: #67b7bf; } .widget[referrals] .referral-subscription-container[completed] div>p:first-of-type, .widget[referrals] .referral-subscription-container[completed] .expired-text { display: none; } .widget[referrals] .referral-subscription-container[completed] p:first-of-type { display: block; } .widget[referrals] .referral-subscription-container[completed] .completed-text { display: inline; } .widget[referrals] .referral-subscription-container[expired] div>p:first-of-type, .widget[referrals] .referral-subscription-container[expired] ol, .widget[referrals] .referral-subscription-container[expired] .completed-text { display: none; } .widget[referrals] .referral-subscription-container[expired] p:first-of-type { display: block; } .widget[referrals] .referral-subscription-container[expired] .expired-text { display: inline; margin-bottom: 10px; text-transform: none; } .widget[referrals] .referral-subscription-container[expired] p:last-of-type span { display: block; font-size: 2.5rem; font-family: "futurademi", Arial, sans-serif; line-height: 1; margin-bottom: -10px; } .widget[referrals] .referral-subscription-container[no-store]>div { display: none; } .widget[promotional-spreaker] { background-color: #fff8e3; } .widget[promotional-spreaker]::before { content: ''; border: 0.5rem solid #ffc107; border-radius: 0.75rem; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .widget[promotional-spreaker] header h1 { color: #000; line-height: 1.3; } .widget[promotional-spreaker] .content p { margin: 8px auto; line-height: 1.3; } .widget[promotional-spreaker] .content p:last-of-type { margin-top: 0; } .widget[promotional-spreaker] .content i { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/spreaker-logo.svg"); background-size: 70%; background-position: center center; min-height: 46px; max-width: 198px; } .widget[promotional-spreaker] footer .button-cart { background-color: #ffc107; height: 3rem; } .widget[promotional-spreaker] footer .button-cart .button-cart-text-container p { color: black; } .widget[promotional-spreaker] footer a.simple { color: black; font-weight: 300; line-height: 1.2; margin-right: 10px; font-family: "futurabook", Arial, sans-serif; } .widget[promotional-spreaker] footer a.simple:hover { text-decoration: underline; } .widget[ad] { background-color: #FFF; } .widget[ad]::before { content: ''; border: 0.5rem solid #4bd2e2; border-radius: 0.75rem; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .widget[ad] header h1 { color: #000; line-height: 1.3; } .widget[ad] .content { margin: 0.75rem 0; } .widget[ad] .content p { line-height: 1.3; } .widget[ad] .content i { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/spreaker-logo.svg"); background-size: 70%; background-position: center center; min-height: 46px; max-width: 198px; } .widget[ad] footer .button-cart { background-color: #4bd2e2; height: 3rem; } .widget[ad] footer .button-cart .button-cart-text-container p { color: white; } .widget[ad] footer a.simple { color: black; font-weight: 300; line-height: 1.2; margin-right: 10px; font-family: "futurabook", Arial, sans-serif; } .widget[ad] footer a.simple:hover { text-decoration: underline; } .widget[no-purchase] header, .widget[no-purchase] .content, .widget[no-purchase] footer { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .widget[no-purchase] header h1 { font-size: 30px; font-size: 1.875rem; text-transform: lowercase; } .widget[no-purchase] header h1::first-letter { text-transform: uppercase; } .widget[no-purchase] .content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .widget .pop-in-wrapper .pop-in.tips .button-icon.close { position: absolute; padding: 0; width: 0.75rem; } .widget .pop-in-wrapper .pop-in.tips .button-icon.close i { min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; } .widget .pop-in-wrapper .pop-in.tips p { width: auto !important; color: #FFF; } .widget .action .pop-in-wrapper.top-right { right: -13px; } .widget .infos .pop-in-wrapper.top-right { right: -14px; } .widget[catalog] .pop-in-wrapper .pop-in.tips button { width: auto; padding: 0.125rem 0.75rem 0; } .widget[catalog] .pop-in-wrapper .pop-in.tips button:last-child { display: block; } [anchor-links] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding: 24px 0; padding: 1.5rem 0; background-color: whitesmoke; } [anchor-links] a { margin: 0 5px; min-height: 3rem; } [anchor-links] a::before { display: none; } [anchor-links] a:hover { transition: .10s ease-in; } [anchor-links] a.active { background-color: #67b7bf; } [anchor-links] a.active .button-cart-text-container p { color: #FFF; } [anchor-links] a.button-cart { min-height: 3rem; transition-delay: 0s; text-decoration: none; overflow: visible; } [anchor-links] a.button-cart:nth-of-type(2) p { display: block; text-decoration: none; } [anchor-links] a.button-cart:nth-of-type(2) p:not(:nth-of-type(1)) { font-size: 12px; font-size: 0.75rem; text-transform: lowercase; } [anchor-links] a.button-cart:nth-of-type(2) p:not(:nth-of-type(1)):first-letter { text-transform: capitalize; } [anchor-links] a.button-cart:nth-of-type(2)>p { position: absolute; top: -25px; font-weight: 400; color: #67b7bf; text-transform: initial; } [anchor-links] a.button-cart:nth-of-type(2)>p:first-letter { text-transform: capitalize; } @media (max-width: 820px) { [anchor-links] { -ms-flex-flow: column; flex-flow: column; } [anchor-links] a { margin: 0.5rem 0; } [anchor-links] a.button-cart:nth-of-type(2) { margin-top: 25px; } } @media (max-width: 768px) { [anchor-links] { padding-left: 7px; padding-right: 7px; } } [anchor-links][dashboard] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 16px 0; padding: 1rem 0; background-color: #FFF; position: absolute; left: 0; } [anchor-links][dashboard] a { width: auto; height: auto; min-height: 38px; margin: 0px 10px 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } [anchor-links][dashboard] a .pill { top: -2px; right: 0; position: relative; } @media (max-width: 1110px) { [anchor-links][dashboard] { padding: 0 0 0 1.5rem; background-color: transparent; position: relative; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 820px) { [anchor-links][dashboard] a.button-cart: nth-of-type(2) { margin-top: 0px; } } .horizontal-scroll { width: 100%; -webkit-overflow-scrolling: auto; display: grid; grid-gap: calc(var(--gutter) / 2); grid-template-columns: 10px; grid-template-rows: minmax(150px, 1fr); grid-auto-flow: column; grid-auto-columns: calc(50% - var(--gutter) * 2); overflow-x: scroll; scroll-snap-type: x proximity; padding-bottom: calc(.75 * var(--gutter)); margin-bottom: calc(-.25 * var(--gutter)); } .horizontal-scroll:before, .horizontal-scroll:after { content: ''; width: 10px; } .horizontal-scroll.no-scrollbar { scrollbar-width: none; margin-bottom: 0; padding-bottom: 0; } .horizontal-scroll.no-scrollbar::-webkit-scrollbar { display: none; } .horizontal-scroll>li { scroll-snap-align: center; padding: calc(var(--gutter) / 2 * 1.5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px; } .navigation { position: relative; z-index: 610; } .navigation .links li { display: inline; } .navigation .logo-link { outline: 0; padding: 0 10px; } .navigation__mobile-bar { position: fixed; top: 0; left: 0; height: 48px; height: 3rem; background-color: #232323; } .navigation__mobile-bar .actions { width: 50% } .navigation__mobile-bar .actions li { display: inline-block; width: 48px; width: 3rem; } .navigation__mobile-bar .actions.secondary { text-align: right; } .navigation__mobile-bar .actions.secondary .iconic-link, .navigation__mobile-bar .actions.secondary .iconic-link .link { display: inline-block; height: 48px; height: 3rem; width: 40px; width: 2.5rem; vertical-align: top; line-height: 1.2; color: #FFF; } .navigation__mobile-bar .actions.secondary .iconic-link:hover, .navigation__mobile-bar .actions.secondary .iconic-link .link:hover { background-color: #67b7bf; text-shadow: none; } .navigation__mobile-bar .actions.secondary .iconic-link:hover .pill, .navigation__mobile-bar .actions.secondary .iconic-link .link:hover .pill { color: #67b7bf; } .navigation__mobile-bar .actions.secondary .iconic-link:hover .pill::before, .navigation__mobile-bar .actions.secondary .iconic-link .link:hover .pill::before { background-color: #FFF; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div { display: table; height: 100%; width: 100%; text-align: center; vertical-align: middle; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div>div { display: table-cell; vertical-align: middle; text-align: center; position: relative; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div>div:first-child .icon-cart-new { font-size: 1.375rem; width: 1.375rem; height: 1.375rem; left: -3px; top: 1px; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div>div:last-child .pill { height: 14px; width: 14px; min-width: inherit; top: 8px; right: 6px; position: absolute; font-size: 10px; line-height: 1.6; font-family: "futurabold", Arial, sans-serif; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div>div:last-child .pill::before { border-radius: 50% } .navigation__mobile-bar .actions.secondary .iconic-link span { text-transform: uppercase; } .navigation__mobile-bar .action .icon { line-height: 3; height: 48px; height: 3rem; width: 48px; width: 3rem; } .navigation__mobile-bar label.action { margin: 0; } .navigation__mobile-bar label.action:hover { cursor: pointer; } .navigation__opener-check { display: none; } .navigation__opener-check:checked+.navigation__pane { left: 0; } .navigation__opener-check:checked+.navigation__pane+.navigation__mobile-overlay { visibility: visible; opacity: 0.95; filter: alpha(opacity=95); } .navigation__pane { position: fixed; top: 48px; top: 3rem; padding-bottom: 24px; padding-bottom: 1.5rem; bottom: 0; left: -85%; width: 85%; height: auto; overflow-y: auto; background-color: black; transition: left .3s linear; } .navigation__pane .logo-link { display: none; } .navigation__pane .link { display: block; background-color: transparent; color: #FFF; text-decoration: none; transition: background-color .25s linear; padding: 0 16px 0 24px; padding: 0 1rem 0 1.5rem; line-height: 3; } .navigation__pane .link:hover { background-color: #67b7bf; text-shadow: none; } .navigation__pane .link:focus { outline: none; } .navigation__pane .link.is-new { background-image: url(https://images.jamendo.com/jamendolicensing/static/navigation/new-on-menu.webp); background-repeat: no-repeat; background-color: #ffffff2b; padding-left: 40px; padding-left: 2.5rem; padding-top: 4px; padding-top: 0.25rem; padding-bottom: 4px; padding-bottom: 0.25rem; } .navigation__pane .link.is-new:hover { background-color: #67b7bf; } .navigation__pane .primary .link { text-transform: uppercase; } .navigation__pane .secondary { margin-top: 8px; margin-top: 0.5rem; } .navigation__pane .secondary .link { padding: 0 24px; padding: 0 1.5rem; } .navigation__pane .secondary .links.second-level li a, .navigation__pane .secondary .links.second-level li button { display: block; color: #FFF; text-decoration: none; transition: background-color .25s linear; padding: 0 16px 0 24px; padding: 0 1rem 0 1.5rem; text-transform: uppercase; line-height: 3; } .navigation__pane .secondary .links.second-level li a:hover, .navigation__pane .secondary .links.second-level li button:hover { background-color: #67b7bf; text-shadow: none; } .navigation__pane .secondary .links.second-level li a.is-current, .navigation__pane .secondary .links.second-level li button.is-current { position: relative; color: #8bc8ce; pointer-events: none; } .navigation__pane .secondary .links.second-level li button { width: 100%; text-align: left; } .navigation__pane .secondary .links.second-level.reseller { margin-top: 24px; margin-top: 1.5rem; } .navigation__pane .secondary .links.second-level.reseller li:first-of-type { text-transform: uppercase; padding-left: 16px; padding-left: 1rem; color: #FFF; } .navigation__pane .secondary .links.second-level.reseller li:first-of-type i { display: none; } @media (max-width: 1110px) { .navigation__pane .secondary .links.second-level div[anchor-links] .button-cart { border: none; width: 100%; padding: 0 0 0 12px; margin-bottom: 0; border-radius: 0; } .navigation__pane .secondary .links.second-level div[anchor-links] .button-cart .button-cart-text-container { padding: 0; text-align: left; } .navigation__pane .secondary .links.second-level div[anchor-links] .button-cart .button-cart-text-container p { font-family: "futurabook", Arial, sans-serif; font-size: 12px; color: #FFF; line-height: 3; } } .navigation__pane .top-level>li>a { padding: 0 16px; padding: 0 1rem; margin-top: 24px; margin-top: 1.5rem; line-height: 2.462; font-family: "futurademi", Arial, sans-serif; } .navigation__pane .aside-level .iconic-link { position: relative; height: auto; } .navigation__pane .aside-level .iconic-link, .navigation__pane .aside-level .iconic-link .link { display: inline-block; height: 64px; height: 4rem; vertical-align: top; line-height: 1.2; height: 4.5rem; } .navigation__pane .aside-level .iconic-link>a { min-width: 7.5rem; } .navigation__pane .aside-level .iconic-link>a>div { display: table; height: 100%; text-align: left; } .navigation__pane .aside-level .iconic-link>a>div>div { display: table-cell; vertical-align: middle; position: relative; } .navigation__pane .aside-level .iconic-link>a>div>div:first-child { padding-right: 8px; padding-right: 0.5rem; } .navigation__pane .aside-level .iconic-link>a>div>div:first-child .icon-cart-new { font-size: 30px; margin-left: 15px; } .navigation__pane .aside-level .iconic-link>a>div>div:last-child .pill { height: 20px; width: 20px; top: 8px; right: -2px; position: absolute; font-size: 12px; line-height: 1.6; font-family: "futurademi", Arial, sans-serif; padding: 0; } .navigation__pane .aside-level .iconic-link>a>div>div:last-child .pill::before { border-radius: 50% } .navigation__pane .aside-level .iconic-link span { text-transform: uppercase; top: 0; left: 1rem; margin-top: 1rem; white-space: nowrap; } .navigation__pane .aside-level .iconic-link:last-of-type .link>div { padding-top: 0; } .navigation__pane .aside-level .iconic-link:last-of-type .link>div .pill { top: 11px; right: 0px; left: -20px; } .navigation__pane .aside-level .button-link { display: inline-block; padding: 0 20px; padding: 0 1.25rem; height: 64px; height: 4rem; vertical-align: top; } .navigation__pane .aside-level .button-link .button.xsmall { margin-top: 20px; margin-top: 1.25rem; } .navigation__pane .aside-level .button-link .button.small { margin-top: 14px; margin-top: 0.875rem; } .navigation__pane .aside-level li:last-child .link:hover>div>div:last-child .pill { color: #67b7bf; } .navigation__pane .aside-level li:last-child .link:hover>div>div:last-child .pill:before { background: #fff; } .navigation__mobile-overlay { top: 48px; top: 3rem; overflow-y: initial; z-index: -1; } @media only screen and (min-width: 1110px) { .navigation { z-index: 425; } .navigation.no-nav .navigation__pane .top-level, .navigation.no-nav .navigation__pane .aside-level { visibility: hidden; } .navigation.translucid .navigation__pane { background-color: rgba(0, 0, 0, 0.7); } .navigation__mobile-bar { display: none; position: relative; } .navigation__pane { position: relative; display: table; top: 0; left: 0; padding: 0; width: 100%; transition: none; z-index: auto; } .navigation__pane .primary, .navigation__pane .logo-link, .navigation__pane .secondary { display: table-cell; vertical-align: middle; } .navigation__pane .primary, .navigation__pane .secondary { width: 50% } .navigation__pane .secondary { text-align: right; } .navigation__pane .secondary .iconic-link { height: 4rem; } .navigation__pane .secondary .iconic-link .link { height: 4rem; min-width: initial; } .navigation__pane .secondary .iconic-link .link>div { padding-top: 0; } .navigation__pane .secondary .iconic-link .link>div span { font-size: 10px; font-size: 0.625rem; position: static; display: inline; } .navigation__pane .secondary .iconic-link .link .icon-cart-new { margin-left: 0 !important; } .navigation__pane .secondary .iconic-link:last-of-type .link>div .pill { top: 11px; right: 21px; } .navigation__pane .links { font-size: 0; white-space: nowrap; } .navigation__pane .link { display: inline-block; } .navigation__pane .top-level .link { margin-top: 0; line-height: 4.923; padding: 1px 24px 0; padding: 0.0625rem 1.5rem 0; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); } .navigation__pane .top-level .link.is-current { position: relative; color: #8bc8ce; pointer-events: none; } .navigation__pane .top-level .link.is-current:after { content: ''; position: absolute; display: inline-block; width: 14px; height: 7px; bottom: 0; left: 50%; margin-left: -7px; background-repeat: no-repeat; background-position: center center; background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAA4AAAAHCAYAAAA4R3wZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEVJREFUeNpiYMAB3Nzc5oMwLnlmXJqAVAIQGygrKyvcvXt3I0GNSJpgAKtmZgKacGpmJkITVs3MRGrC0MxIgiZksAAgwABmjSJ+ECEgNgAAAABJRU5ErkJggg==); z-index: 1; } .navigation__pane .second-level { position: absolute; left: 0; right: 0; background-color: #464646; display: none; } .navigation__pane .second-level li:first-child .link { padding-left: 24px; padding-left: 1.5rem; } .navigation__pane .second-level .link { line-height: 3.923; padding: 1px 16px 0; padding: 0.0625rem 1rem 0; } .navigation__pane .second-level .link.is-current { pointer-events: none; } .navigation__pane .second-level.is-current { display: block; height: 48px; height: 3rem; } .navigation__pane .aside-level .link { line-height: 5.334; padding: 0rem 20px; padding: 0rem 1.25rem; } .navigation__pane .aside-level li:last-child .link { padding-right: 24px; padding-right: 1.5rem; } .navigation.has-second-level { padding-bottom: 48px; padding-bottom: 3rem; } .navigation__mobile-overlay { display: none; } } .section-sub-menu .sub-menu { position: relative; padding-top: 34px; padding-bottom: 34px; width: 200px; height: 100%; background-color: black; } @media only screen and (max-width: 1110px) { .section-sub-menu .sub-menu { display: none; } } .section-sub-menu .sub-menu.is-open { margin-bottom: 80px; } .section-sub-menu .sub-menu li { width: 100%; line-height: 2; margin-right: 24px; margin-right: 1.5rem; } .section-sub-menu .sub-menu li a, .section-sub-menu .sub-menu li button { padding-left: 25px; position: relative; display: block; text-decoration: none; color: white; width: 100%; text-align: left; } .section-sub-menu .sub-menu li a:hover, .section-sub-menu .sub-menu li button:hover { color: #67b7bf; } .section-sub-menu .sub-menu li a.is-current, .section-sub-menu .sub-menu li button.is-current { background-color: #464646; } .section-sub-menu .sub-menu li a.is-current:before, .section-sub-menu .sub-menu li button.is-current:before { content: ''; display: block; background: #67b7bf; width: 7px; height: 100%; position: absolute; left: 0; } .section-sub-menu .sub-menu li a.main, .section-sub-menu .sub-menu li button.main { text-transform: uppercase; margin-bottom: 8px; margin-bottom: 0.5rem; font-family: "futurademi", Arial, sans-serif; color: gray; } .section-sub-menu .sub-menu li a.is-disabled, .section-sub-menu .sub-menu li button.is-disabled { color: #999; } .section-sub-menu .sub-menu li a.is-disabled:hover, .section-sub-menu .sub-menu li button.is-disabled:hover { cursor: not-allowed; } .section-sub-menu .sub-menu li a .pill, .section-sub-menu .sub-menu li button .pill { position: absolute; top: 3px; right: 3px; } .section-sub-menu .sub-menu li .expend-menu { padding-left: 20px; margin-top: 16px; } .section-sub-menu .sub-menu li .expend-menu__action-container { margin-bottom: 16px; } .section-sub-menu .sub-menu li .expend-menu__action-container p { margin-bottom: 0; color: white; } .section-sub-menu .sub-menu li.bottom1 { position: absolute; bottom: 64px; } .section-sub-menu .sub-menu li.bottom2 { position: absolute; bottom: 34px; } .section-sub-menu .sub-menu.reseller { margin-top: 8px; margin-top: 0.5rem; } .section-sub-menu .sub-menu.reseller li:first-of-type { color: #ccc; margin-right: 0.5rem; } .section-sub-menu .sub-menu.reseller li:first-of-type i { color: #ccc; } .section-sub-menu .sub-menu.reseller li:first-of-type i::before { position: absolute; padding-top: 2px; } .next-steps-container { width: 100%; text-align: center; } .next-steps-container h2 { margin-top: 60px; margin-bottom: 60px; } .next-steps-container .steps { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .next-steps-container .steps .step { width: 270px; text-align: left; margin-bottom: 30px; } .next-steps-container .steps .step .header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: white; margin-bottom: 10px; } .next-steps-container .steps .step .header i.scheme__ball { font-style: normal; width: 40px; height: 40px; z-index: 10; padding: 4px 14px; font-size: 20px; } .next-steps-container .steps .step .header i.scheme__ball:before { background: linear-gradient(270deg, #9FDCE0 0%, #66B6BE 64.9%); background-color: inherit; } .next-steps-container .steps .step .header p { margin-left: 10px; color: black; margin-bottom: 0; } .next-steps-container .steps .step .more-info { color: gray; } .next-steps-container .steps .step .more-info a { color: gray; } .next-steps-container .steps .step .more-info a:hover { color: #ababab; } .next-steps-container .steps .step .button-example { cursor: default; background-color: #67b7bf; border-radius: 4px; border-radius: 0.25rem; padding: 0 12px; padding: 0 0.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; min-width: 155px; width: 155px; height: 2.75rem; min-height: 2.75rem; } .next-steps-container .steps .step .button-example>div { display: table; width: 100%; height: 100% } .next-steps-container .steps .step .button-example>div>div { display: table-cell; text-align: center; vertical-align: middle; margin: 0; padding: 0; white-space: initial; font-size: 12px; line-height: inherit; text-align: center; font-family: "futurademi", Arial, sans-serif, Arial, sans-serif; text-transform: uppercase; color: #fff; } .next-steps-contentid { padding: 24px; max-width: 1100px; } .next-steps-contentid__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0; font-family: "futurademi", Arial, sans-serif; } .next-steps-contentid__header--clickable { cursor: pointer; } .next-steps-contentid__header__text { margin-right: 15px; } .next-steps-contentid__header__icon { display: none; font-size: 24px; } .next-steps-contentid__header__icon--clickable { display: block; } .next-steps-contentid__header__icon--expand { -webkit-transform: translate(15px) rotate(90deg); transform: translate(15px) rotate(90deg); } .next-steps-contentid__content__steps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 992px) { .next-steps-contentid__content__steps { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .next-steps-contentid__content__steps--column { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .next-steps-contentid__content__steps__step { margin-top: 24px; width: 350px; padding: 0 1%; text-align: center; } @media only screen and (max-width: 992px) { .next-steps-contentid__content__steps__step { width: 100% } } .next-steps-contentid__content__steps__step--column { width: 100% } .next-steps-contentid__content__steps__step__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .next-steps-contentid__content__steps__step__header__title { text-transform: uppercase; margin: 0; font-family: "futurademi", Arial, sans-serif; } .next-steps-contentid__content__steps__step__header__icon { margin-top: 5px; width: 64px; height: 64px; background-color: #ff0202; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 32px; color: white; } .next-steps-contentid__content__steps__step__header__icon__upload { width: 40px; height: 40px; } .next-steps-contentid__content__steps__step__content { margin-top: 24px; } .next-steps-contentid__content__steps__step__content__title { color: #ff0202; text-transform: uppercase; font-family: "futurademi", Arial, sans-serif; } .next-steps-contentid__content__steps__step__content__text { margin-bottom: 0px; } .next-steps-contentid__content__steps__step__content__text--important { color: #ff0202; } .next-steps-contentid__content__download { margin-top: 24px; text-align: right; } .next-steps-contentid__content__download__link { color: #646464; text-decoration: none; cursor: pointer; } .next-steps-contentid__content__download__link:hover { color: #646464; text-decoration: none; cursor: pointer; } .next-steps-contentid__content__notice { margin-left: auto; margin-right: auto; margin-top: 24px; font-size: 12px; } .thank-you-contentid-text { margin-top: 32px; margin-bottom: 0; text-align: center; } .license-component { /*\*/ --color-main: black; --box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); --border-radius: 20px; --padding: 20px; --title-size: 20px; --default-font-family: "futurademi", Arial, sans-serif; --bold-font-family: "futurabold", Arial, sans-serif; --default-font-size: 14px; /*\*/ text-align: center; color: var(--color-main); font-family: var(--default-font-family); font-size: var(--default-font-size); } .license-component__description { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 340px; box-shadow: var(--box-shadow); border-radius: var(--border-radius); padding: var(--padding); } .license-component__description__top { height: 25%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .license-component__description__top h3 { font-family: var(--bold-font-family); font-size: var(--title-size); margin-bottom: 4px; } .license-component__description__top>div { margin: -5px 0 8px 0px; } .license-component__description__top hr { margin: 0; width: 100px; } .license-component__description__top hr.important { border: none; height: 4px; background: linear-gradient(206.99deg, #F4CC00 10.11%, #F76F00 65.06%); } .license-component__description__middle { height: 65%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .license-component__description__middle>div:first-of-type { min-height: 21px; margin-top: 35px; } .license-component__description__middle .price { font-family: "futurabold", Arial, sans-serif; font-size: 30px; } .license-component__description__bottom { height: 10% } .license-component__cta { padding: var(--padding); } .license-component__cta .button-checkbox { font-size: 14px; width: calc(100%+40px); margin-left: -20px; margin-top: 20px; } .license-component__cta .button-checkbox label { text-align: center; font-family: "futurabold", Arial, sans-serif; font-size: 14px; text-transform: none; white-space: initial; line-height: 1.5; } .license-component__cta .button-checkbox label i { line-height: 0.8; } @media only screen and (max-width: 400px) { .license-component__cta .button-checkbox label { font-size: 16px; } } .license-component[no-price] .license-component__description__middle { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .license-component[no-price] .license-component__description__middle>div:first-of-type { margin-top: 0; } .app-download { text-align: center; } .cart { border-collapse: collapse; width: 100%; margin-bottom: 24px; margin-bottom: 1.5rem; color: #999; font-family: "futurademi", Arial, sans-serif; line-height: 1.2; } .cart td { border-bottom: 1px solid #e6e6e6; } .cart td.no-border { border: none; } .cart .quantity { min-width: 70px; } .cart .amount { white-space: nowrap; text-align: right; letter-spacing: 1px; } .cart .label-info { margin: 0; } .cart .quantity-picker { margin-left: 16px; margin-left: 1rem; } .cart__item .information { border-right: none; } .cart__item .remove { border-left: none; white-space: nowrap; } .cart__item .remove__button { white-space: nowrap; } .cart__item .remove.has-button { padding: 0 4px 0 0; padding: 0 0.25rem 0 0; } .cart__total.exclude-tax, .cart__total.tax { color: #999; line-height: 1.2; letter-spacing: normal; } .cart__total.grand { color: #999; letter-spacing: normal; } .cart .tags>li { display: none; } .cart .tags>li:nth-of-type(1), .cart .tags>li:nth-of-type(2), .cart .tags>li:nth-of-type(3) { display: inline; } .cart .tags>li:after { content: ', '; margin-left: -3px; } .cart .tags>li:nth-of-type(3):after { content: '' } .cart-after__promocode { text-align: right; } .cart-after__promocode-trigger { color: #67b7bf; text-decoration: underline; } .cart-after__promocode-trigger:hover { color: #48a2ab; cursor: pointer; } .cart-after__checkout { text-align: center; margin-top: 24px; margin-top: 1.5rem; } .companies-list ul li { margin: 8px; } @media only screen and (max-width: 1200px) { .companies-list ul { width: 40% } } @media only screen and (max-width: 992px) { .companies-list ul { width: 60% } } @media only screen and (max-width: 600px) { .companies-list ul { width: 80% } } @media only screen and (max-width: 440px) { .companies-list ul { width: 100% } } .catalog-comparison { width: 100%; border-collapse: separate; } .catalog-comparison th, .catalog-comparison td { padding: 12px; padding: 0.75rem; text-align: center; } .catalog-comparison tr>* { border-right: 2px solid #8bc8ce; border-left: 2px solid #8bc8ce; border-bottom: 1px solid #ccc; } .catalog-comparison tr>*:nth-child(1) { border-top: none; border-right: none; border-left: none; padding-left: 0; } .catalog-comparison tr>*:nth-child(2) { border-left: 4px solid #e6e6e6; border-right: none; } .catalog-comparison tr>*:nth-child(3) { border-left-width: 4px; } .catalog-comparison tr>*:nth-child(5) { border-right-width: 4px; } .catalog-comparison .license { width: 15% } .catalog-comparison .global-parameter { vertical-align: bottom; text-align: left; color: #8bc8ce; } .catalog-comparison__category-row th { border: none !important; padding-top: 0; } .catalog-comparison__licenses-row .license { padding: 32px 16px; padding: 2rem 1rem; } .catalog-comparison__licenses-row .license.top { vertical-align: top; } .catalog-comparison__licenses-row th { border-top: 4px solid #8bc8ce; } .catalog-comparison__licenses-row th:nth-child(2) { border-top-color: #e6e6e6; } .catalog-comparison__licenses-row td { border-bottom: 4px solid #8bc8ce; } .catalog-comparison__licenses-row td:nth-child(1) { border-bottom: none; } .catalog-comparison__licenses-row td:nth-child(2) { border-bottom-color: #e6e6e6; } .catalog-comparison__licenses-row .offer-heading span { height: 38.4px; height: 2.4rem; display: inline-block; } .catalog-comparison__licenses-row .offer-subheading { margin-bottom: 0; } .catalog-comparison__licenses-row .price-tag { width: 72px; width: 4.5rem; height: 72px; height: 4.5rem; border-radius: 100%; background-color: #333; color: #FFF; line-height: 5; white-space: nowrap; display: inline-block; } .catalog-comparison__licenses-row .price-tag.regular-price { text-decoration: line-through; } .catalog-comparison__licenses-row .price-appendix { margin-top: 8px; margin-top: 0.5rem; color: #8bc8ce; } .catalog-comparison__coverage-row td { text-align: center; } .catalog-comparison__coverage-row td:first-child { text-align: left; } .catalog-comparison__coverage-row.custom td:first-child .quantity-picker { display: block; margin-bottom: 5px; } .catalog-comparison__coverage-row p { line-height: 1.334; margin-bottom: 0; } .catalog-comparison__coverage-row p+p { margin-top: 4px; margin-top: 0.25rem; } .catalog-comparison__coverage-row .heading { display: block; margin-bottom: 0; text-align: left; } .catalog-comparison__coverage-row .heading+p { margin-top: 8px; margin-top: 0.5rem; } .catalog-comparison__coverage-row .scale-price { display: block; margin-top: 8px; margin-top: 0.5rem; color: #b3b3b3; } .catalog-comparison__coverage-row .icon { width: 12px; width: 0.75rem; height: 12px; height: 0.75rem; } .catalog-comparison__coverage-row .icon-check { color: #67b7bf; } .catalog-comparison__coverage-row .icon-close { color: #ed795a; } .catalog-comparison__coverage-row.secondary-head td { padding-bottom: 0; border-bottom: none; margin-top: 0; } .catalog-comparison__coverage-row.secondary td { padding-top: 0; padding-bottom: 0; border-bottom: none; } .catalog-comparison__coverage-row.secondary td p { margin-top: 8px; margin-top: 0.5rem; } .catalog-comparison__coverage-row.secondary-last td { padding-top: 0; } .catalog-comparison__coverage-row.secondary-last td p { margin-top: 4px; margin-top: 0.25rem; } .catalog-comparison_packs .license { width: 20% } .catalog-comparison_packs .price-appendix { margin-top: 0; } .catalog-comparison_packs .catalog-comparison__coverage-row td { text-align: left; padding: 32px 16px 28px; padding: 2rem 1rem 1.75rem; } .catalog-comparison_packs .catalog-comparison__coverage-row:last-child td { border-bottom: 4px solid #8bc8ce; } .catalog-comparison_packs .catalog-comparison__coverage-row:last-child td:nth-child(1) { border-bottom: 1px solid #ccc; } .catalog-comparison_packs .catalog-comparison__coverage-row:last-child td:nth-child(2) { border-bottom-color: #e6e6e6; } .catalog-comparison .quantity-picker { margin-right: 16px; margin-right: 1rem; } .button-custom-pack { margin-top: 24px; margin-top: 1.5rem; } .button-custom-pack-help { margin-top: 48px; margin-top: 3rem; } .catalog-comparison-v2 { width: 100%; border-collapse: separate; padding-bottom: 1.5rem; } .catalog-comparison-v2 th, .catalog-comparison-v2 td { padding: 20px; padding: 1.25rem; text-align: center; font-weight: initial; } .catalog-comparison-v2 tr>* { border-right: 2px solid #67b7bf; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .catalog-comparison-v2 tr>*:nth-child(1) { border-top: none; border-right: none; border-left: none; padding: 0; } .catalog-comparison-v2 tr>*:nth-child(2) { border-left: 4px solid #67b7bf; border-right: none; } .catalog-comparison-v2 tr>*:nth-child(3) { border-right: none; } .catalog-comparison-v2 tr>*:nth-child(4) { border-right: none; } .catalog-comparison-v2 tr>*:nth-child(5) { border-right-width: 4px; } .catalog-comparison-v2 .offer-category { background-color: #67b7bf; color: #FFF; border-top-left-radius: 12px; border-top-right-radius: 12px; padding: 0; font-size: 24px; text-transform: capitalize; letter-spacing: initial; line-height: 2.25; } .catalog-comparison-v2 .offer-category:first-of-type { background-color: #FFF; } .catalog-comparison-v2 .offer-category div { background-color: #8bc8ce; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 40px; margin: 0 24px 0 0; border-top-left-radius: 12px; border-top-right-radius: 12px; } .catalog-comparison-v2 .license { width: 20% } .catalog-comparison-v2 .license:last-of-type { width: 15% } .catalog-comparison-v2 .license .button-cart { width: 100%; padding: 0 2.5rem; } .catalog-comparison-v2 .license .button-cart .button-cart-text-container p { font-size: 12px; line-height: 1.3; } .catalog-comparison-v2 .license .button-cart i { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); font-size: 15px; height: 15px; width: 15px; margin-top: -1px; margin-left: 8px; } .catalog-comparison-v2 .license .content-displaying { display: none; } .catalog-comparison-v2 .license .content-displaying li { text-align: left; font-size: 13px; } .catalog-comparison-v2 .license.active { height: 160px; } .catalog-comparison-v2 .license.active .button-cart i { -webkit-transform: none; transform: none; } .catalog-comparison-v2 .license.active .button-cart.transparent { border-color: #67b7bf; } .catalog-comparison-v2 .license.active .content-displaying { display: block; width: 200%; margin-top: 1rem; } .catalog-comparison-v2 .global-parameter { vertical-align: top; text-align: left; color: #8bc8ce; } .catalog-comparison-v2 .global-parameter:first-of-type { border-bottom: none; } .catalog-comparison-v2 .global-parameter:first-of-type .offer__product.licence .body { padding: 1.5rem 2rem; } .catalog-comparison-v2 .global-parameter .offer__product.licence { width: 100%; list-style-type: none; margin-left: -12px; } .catalog-comparison-v2 .global-parameter .offer__product.licence::before { border-top-left-radius: 0; border-top-right-radius: 0; border-top: 0; } .catalog-comparison-v2 .global-parameter .offer__product.licence:hover::before { background-color: #FFF; } .catalog-comparison-v2 .global-parameter .offer__product.licence .body { padding: 1rem 2rem; } .catalog-comparison-v2 .global-parameter .offer__product.licence .body h2 { color: #646464; text-transform: uppercase; } .catalog-comparison-v2 .global-parameter .offer__product.licence .body h3 { -webkit-transform: none; transform: none; margin: 0 auto 20px; } .catalog-comparison-v2 .global-parameter .offer__product.licence .body .advantages { margin-top: 4rem; line-height: 1.15; } .catalog-comparison-v2 .global-parameter .offer__product.licence .body .offer-subheading { min-height: initial; font-size: 13px; text-align: left; margin: 7px 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; line-height: 1.4; letter-spacing: 1px; } .catalog-comparison-v2 .global-parameter .offer__product.licence .body .offer-subheading .icon-check { color: #67b7bf; margin: 0 6px 0 0; font-size: 14px; height: 14px; width: 14px; } .catalog-comparison-v2 .global-parameter .offer__product.licence .body .offer-subheading .icon-wrong { color: red; margin: 0 6px 0 0; } .catalog-comparison-v2 .global-parameter.license .offer__product.licence { margin-left: 0; } .catalog-comparison-v2 .global-parameter.license .offer__product.licence:before { content: none; } .catalog-comparison-v2 .global-parameter.license .offer__product.licence .body { padding: 0.5rem 0; } @media only screen and (max-width: 1200px) { .catalog-comparison-v2 .global-parameter.license .offer__product.licence .body .button-cart { padding: 0 0.75rem; } } .catalog-comparison-v2__category-row th { border: none !important; padding-top: 0; } .catalog-comparison-v2__licenses-row .license { padding: 16px; padding: 1rem; } .catalog-comparison-v2__licenses-row .license.top { vertical-align: top; } .catalog-comparison-v2__licenses-row th:nth-child(2) { border-top-color: #e6e6e6; } .catalog-comparison-v2__licenses-row td { border: none; } .catalog-comparison-v2__licenses-row td:nth-child(1) { border-bottom: none; } .catalog-comparison-v2__licenses-row td:nth-child(2) { border: none; } .catalog-comparison-v2__licenses-row .offer-heading span { height: 38.4px; height: 2.4rem; display: inline-block; } .catalog-comparison-v2__licenses-row .offer-subheading { margin-bottom: 0; } .catalog-comparison-v2__licenses-row .price-tag { width: 72px; width: 4.5rem; height: 72px; height: 4.5rem; border-radius: 100%; background-color: #333; color: #FFF; line-height: 5; white-space: nowrap; display: inline-block; } .catalog-comparison-v2__licenses-row .price-tag.regular-price { text-decoration: line-through; } .catalog-comparison-v2__licenses-row .price-appendix { margin-top: 8px; margin-top: 0.5rem; font-weight: "futurabook", Arial, sans-serif; color: #8bc8ce; } .catalog-comparison-v2__coverage-row:last-child { border-bottom: 4px solid #67b7bf !important; } .catalog-comparison-v2__coverage-row:last-child td:not(:first-of-type) { border-bottom: 4px solid #67b7bf; } .catalog-comparison-v2__coverage-row:last-child td:first-of-type { border-bottom: none; } .catalog-comparison-v2__coverage-row:last-child td:nth-child(2) { border-bottom-left-radius: 12px; } .catalog-comparison-v2__coverage-row td { text-align: center; line-height: 1.3; } .catalog-comparison-v2__coverage-row td:first-child { text-align: center; } .catalog-comparison-v2__coverage-row td[rowspan="9"] { border-bottom: 4px solid #67b7bf; border-bottom-right-radius: 12px; } .catalog-comparison-v2__coverage-row td>span { font-size: 13px; display: block; } .catalog-comparison-v2__coverage-row td:not(:first-of-type) span { margin-top: 6px; } .catalog-comparison-v2__coverage-row td .icon-wrong { color: red; width: auto; height: 28px; vertical-align: text-bottom; } .catalog-comparison-v2__coverage-row.custom td:first-child .quantity-picker { display: block; margin-bottom: 5px; } .catalog-comparison-v2__coverage-row p { line-height: 1.334; margin-bottom: 0; } .catalog-comparison-v2__coverage-row p+p { margin-top: 4px; margin-top: 0.25rem; } .catalog-comparison-v2__coverage-row .heading { font-weight: "futurabold", Arial, sans-serif; display: block; margin-bottom: 0; text-align: center; } .catalog-comparison-v2__coverage-row .heading+p { text-align: center; } .catalog-comparison-v2__coverage-row .scale-price { display: block; margin-top: 8px; margin-top: 0.5rem; color: #b3b3b3; } .catalog-comparison-v2__coverage-row .icon { width: 12px; width: 0.75rem; height: 12px; height: 0.75rem; } .catalog-comparison-v2__coverage-row .icon-check { color: #67b7bf; } .catalog-comparison-v2__coverage-row .icon-close { color: #ed795a; } .catalog-comparison-v2__coverage-row.secondary-head td { padding-bottom: 0; border-bottom: none; margin-top: 0; } .catalog-comparison-v2__coverage-row.secondary td { padding-top: 0; padding-bottom: 0; border-bottom: none; } .catalog-comparison-v2__coverage-row.secondary td p { margin-top: 8px; margin-top: 0.5rem; } .catalog-comparison-v2__coverage-row.secondary-last td { padding-top: 0; } .catalog-comparison-v2__coverage-row.secondary-last td p { margin-top: 4px; margin-top: 0.25rem; } .catalog-comparison-v2_packs .license { width: 20% } .catalog-comparison-v2_packs .price-appendix { margin-top: 0; } .catalog-comparison-v2_packs .catalog-comparison__coverage-row td { text-align: left; padding: 32px 16px 28px; padding: 2rem 1rem 1.75rem; } .catalog-comparison-v2_packs .catalog-comparison__coverage-row:last-child td { border-bottom: 4px solid #8bc8ce; } .catalog-comparison-v2_packs .catalog-comparison__coverage-row:last-child td:nth-child(1) { border-bottom: 1px solid #ccc; } .catalog-comparison-v2_packs .catalog-comparison__coverage-row:last-child td:nth-child(2) { border-bottom-color: #e6e6e6; } .catalog-comparison-v2 .quantity-picker { margin-right: 16px; margin-right: 1rem; } .button-custom-pack { margin-top: 24px; margin-top: 1.5rem; } .button-custom-pack-help { margin-top: 48px; margin-top: 3rem; } .emphasized-ribbon { padding: 48px 0; padding: 3rem 0; background-color: #67b7bf; color: #FFF; text-align: center; } .emphasized-ribbon__heading { border-bottom-width: 1px; border-bottom-width: 0.0625rem; border-bottom-color: #FFF; border-bottom-style: solid; padding-bottom: 16px; padding-bottom: 1rem; margin-bottom: 16px; margin-bottom: 1rem; } .emphasized-ribbon__heading div { line-height: 1.2; } .emphasized-ribbon__contact-item .by { margin-right: 12px; margin-right: 0.75rem; display: inline-block; vertical-align: middle; text-align: center; } .emphasized-ribbon__contact-item .data { line-height: 1; display: inline-block; white-space: nowrap; } .emphasized-ribbon__contact-item .data a:link, .emphasized-ribbon__contact-item .data a:visited { color: #FFF; text-decoration: none; } .emphasized-ribbon__contact-item .data a:hover, .emphasized-ribbon__contact-item .data a:active { color: #FFF; text-decoration: underline; } .emphasized-ribbon .perks { display: block; } .emphasized-ribbon .perks+.button { margin-top: 24px; margin-top: 1.5rem; } .emphasized-ribbon .perk { text-align: left; } .emphasized-ribbon .perk:before { font-family: "jamendo-all-icons"; content: ""; margin-right: 12px; margin-right: 0.75rem; display: inline-block; -webkit-transform: translateY(2px); transform: translateY(2px); } .emphasized-ribbon.inverted { color: #67b7bf; background-color: #FFF; } .emphasized-ribbon.inverted .emphasized-ribbon__heading { border-bottom-color: #67b7bf; } @media only screen and (min-width: 1200px) { .emphasized-ribbon__heading { padding-bottom: 0; margin-bottom: 0; border: none; } .emphasized-ribbon__contact-item { padding: 0 24px; padding: 0 1.5rem; display: inline-block; } .emphasized-ribbon__contact-item .by { border-width: 4px; border-width: 0.25rem; border-style: solid; width: 64px; width: 4rem; height: 64px; height: 4rem; padding-top: 12px; padding-top: 0.75rem; border-radius: 100%; border-color: #FFF; background-color: #8bc8ce; vertical-align: top; } .emphasized-ribbon__contact-item .by .icon { width: 32px; width: 2rem; height: 32px; height: 2rem; font-size: 32px; font-size: 2rem; } .emphasized-ribbon__contact-item .data { font-size: 24px; font-size: 1.5rem; line-height: 2.667; } .emphasized-ribbon .row { text-align: left; } .emphasized-ribbon .row>*:first-child { padding-right: 24px; } .emphasized-ribbon .row>*:last-child { padding-left: 24px; } } .footer.player-on { margin-bottom: 66px !important; transition: none !important; } .footer>div:first-child { background-color: #464646; padding: 48px 0 64px; padding: 3rem 0 4rem; } .footer>div:last-child { background-color: #333; padding: 28.96px 0; padding: 1.81rem 0; } .footer .link-group { color: #FFF; line-height: 1.334; margin-bottom: 16px; margin-bottom: 1rem; } .footer .link-group-heading { color: #FFF; font-family: "futurademi", Arial, sans-serif; letter-spacing: 1px; display: inline-block; padding-bottom: 8px; padding-bottom: 0.5rem; margin-bottom: 8px; margin-bottom: 0.5rem; margin-top: 16px; margin-top: 1rem; border-bottom-width: 1px; border-bottom-width: 0.0625rem; border-bottom-style: solid; border-bottom-color: #67b7bf; text-transform: uppercase; } .footer .link-group a { text-decoration: none; display: inline-block; padding: 4px 0; padding: 0.25rem 0; letter-spacing: 1px; } .footer .link-group a:link, .footer .link-group a:visited { color: #FFF; } .footer .link-group a:hover, .footer .link-group a:active { color: #afd9dd; } .footer .link-group li { display: inline; } .footer .link-group li:not(:last-child):after { content: " / " } .footer .social, .footer .language { text-align: center; } .footer .copyright p { display: block; text-align: center; margin: 0; line-height: 3.273; color: #b3b3b3; letter-spacing: 1px; } @media only screen and (min-width: 768px) { .footer>div: last-child { background-color: #333; padding: 12.96px 0; padding: 0.81rem 0; } .footer .social { text-align: right; } .footer .language { text-align: left; } } @media only screen and (min-width: 992px) { .footer.player-on { margin-bottom: 80px !important; transition: none !important; } .footer>div:last-child { background-color: #333; padding: 13px 0; padding: 0.8125rem 0; } .footer .link-group { margin: 0 12px; margin: 0 0.75rem; } .footer .link-group li, .footer .link-group a { display: block; } .footer .link-group li:after { display: none; } .footer .link-group-heading { display: block; margin-left: 12px; margin-left: 0.75rem; margin-right: 12px; margin-right: 0.75rem; } } @media only screen and (min-width: 1200px) { .footer .border-footer { display: none; } } .footer.is-lite { z-index: 3; } .footer.is-lite>div:first-child { display: none; } .footer.is-lite>div:last-child { background-color: transparent; padding: 32px 0; padding: 2rem 0; } .footer.is-lite>div:last-child>.container { margin: 0; width: 100% } .footer.is-lite .player { margin-bottom: 62px !important; transition: none !important; } .footer.is-lite .social .button-icon:hover, .footer.is-lite .language .button-icon:hover, .footer.is-lite .copyright p { color: #FFF; } @media only screen and (max-width: 479px) { .footer.is-lite .social, .footer.is-lite .copyright { display: none; } .footer.is-lite .language { margin-bottom: 15px; } } @media only screen and (max-width: 767px) { .footer.is-lite .language .button-icon { margin-bottom: 0px; } .footer.is-lite>div:last-child { padding: 16px 0; padding: 1rem 0; } } @media only screen and (min-width: 1200px) { .footer.is-lite .border-footer { width: 0px; float: none; } .footer.is-lite .social { text-align: left; } .footer.is-lite .language { text-align: right; } } .section+.footer { margin-top: 96px; margin-top: 6rem; } .grecaptcha-badge { visibility: hidden; } .fullscreen-content { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: table; z-index: 1; } .fullscreen-content>div { display: table-cell; text-align: center; vertical-align: middle; height: 100%; padding-top: 48px; padding-top: 3rem; } @media only screen and (min-width: 768px) { .fullscreen-content>div { padding-top: 64px; padding-top: 4rem; } } .fullscreen-hero { z-index: -2; } .fullscreen-hero.img-src-main-landing { background-image: url("https://images.jamendo.com/jamendolicensing/landing/fs-bg-img-portrait.webp"); } @media only screen and (orientation: landscape) { .fullscreen-hero.img-src-main-landing { background-image: url("https://images.jamendo.com/jamendolicensing/landing/fs-bg-img-landscape.webp"); } } @media only screen and (orientation: landscape) and (min-height: 801px) { .fullscreen-hero.img-src-main-landing { background-image: url("https://images.jamendo.com/jamendolicensing/landing/fs-bg-img-landscape-large.webp"); } } .hero { position: relative; } .hero-background { z-index: 0; overflow: hidden; } .hero-background img { width: 100%; height: 100% } .hero-background>picture.vector { display: block; background-repeat: no-repeat; background-position: center; background-size: 100%; background-color: transparent; height: 100%; width: 100%; padding: 0px; border: none; } .hero-background>picture.vector[paper-plane] { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/paper-plane.svg"); background-size: 18%; background-position: left center; } @media only screen and (max-width: 1400px) { .hero-background>picture.vector[paper-plane] { margin-left: -35px; } } @media only screen and (max-width: 992px) { .hero-background>picture.vector[paper-plane] { margin-left: -20px; background-size: 20%; opacity: .7; } } @media only screen and (max-width: 768px) { .hero-background>picture.vector[paper-plane] { margin-top: -45px; margin-left: -30px; background-size: 30% } } @media only screen and (max-width: 480px) { .hero-background>picture.vector[paper-plane] { display: none; } } .hero-background>picture.vector[spreaker] { background-image: url("https://images.jamendo.com/jamendolicensing/heroes/spreaker/hero-spreaker-d-xl.svg"); background-size: 100%; background-position: center center; } @media only screen and (max-width: 768px) { .hero-background>picture.vector[spreaker] { background-image: url("https://images.jamendo.com/jamendolicensing/heroes/spreaker/hero-spreaker-m.svg"); } } .hero-background>picture.vector[phone-video] { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/phone-video.svg"); background-size: 25%; background-position: left center; } .hero-background>picture.vector[copyright-free] { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/copyright-free.svg"); background-size: 12%; background-position: 96% bottom; height: 126%; display: none; } @media only screen and (max-width: 768px) { .hero-background>picture.vector[copyright-free] { background-position: center 8%; background-size: 24% } } @media only screen and (max-width: 540px) { .hero-background>picture.vector[copyright-free] { background-position: center 6%; background-size: 22% } } @media only screen and (max-width: 480px) { .hero-background>picture.vector[copyright-free] { background-position: center 4%; background-size: 21% } } .hero-background>picture.vector[music-box] { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/music-box.svg"); background-size: 11%; background-position: 94% center; margin-top: -10px; } @media only screen and (max-width: 1700px) { .hero-background>picture.vector[music-box] { background-size: 12%; background-position: 95% center; } } @media only screen and (max-width: 1500px) { .hero-background>picture.vector[music-box] { background-size: 13%; background-position: 95% center; } } @media only screen and (max-width: 1200px) { .hero-background>picture.vector[music-box] { background-size: 11%; background-position: 92% 21%; opacity: .7; } } @media only screen and (max-width: 1000px) { .hero-background>picture.vector[music-box] { background-position: 92% 25% } } @media only screen and (max-width: 768px) { .hero-background>picture.vector[music-box] { background-size: 18%; opacity: 1; background-position: 7% 93% } } @media only screen and (max-width: 480px) { .hero-background>picture.vector[music-box] { display: none; } } .hero-background>picture.vector[music-box]~div { width: 20%; height: 100%; z-index: -1; } .hero-background>picture.vector[music-box]~div::after { content: ""; position: absolute; width: 0; height: 0; left: -95px; top: 0px; border-right: 95px solid #4bd2e2; border-top: 120px solid transparent; border-bottom: 120px solid transparent; } @media only screen and (max-width: 1200px) { .hero-background>picture.vector[music-box]~div { display: none; } } .hero[sm-rectangle] { padding-bottom: 16% !important; } @media only screen and (max-width: 1200px) { .hero[sm-rectangle] { padding-bottom: 20% !important; } } @media only screen and (max-width: 992px) { .hero[sm-rectangle] { padding-bottom: 28% !important; } } @media only screen and (max-width: 768px) { .hero[sm-rectangle] { padding-bottom: 42% !important; } } @media only screen and (max-width: 600px) { .hero[sm-rectangle] { padding-bottom: 70% !important; } } @media only screen and (max-width: 480px) { .hero[sm-rectangle] { padding-bottom: 100% !important; } } .hero[h-240] { padding-bottom: 0 !important; } @media only screen and (max-width: 560px) { .hero[h-240] { height: 260px !important; } } .hero-content { padding: 0 16px; padding: 0 1rem; } .hero-content a.container:hover { text-decoration: none; } .hero-content a.container:hover h1, .hero-content a.container:hover p { color: #b7f7ff; } .hero-content.heavy p { display: none; max-width: 800px; max-width: 50rem; } .hero-content .hero-button { margin: 32px 0 0; margin: 2rem 0 0; } .hero-content picture { border: 1px solid red; } .hero .heading { margin-bottom: 14px; } .hero .cta { margin-top: 32px; margin-top: 2rem; } .hero .cta { text-align: center; } .hero .cta-overlay { display: table; position: absolute; width: 100%; bottom: 0; } .hero .cta-overlay .btn-img-background { margin: 0px auto -50px; } .hero .link-corner { padding: 0 16px 12px; padding: 0 1rem 0.75rem; text-align: right; } .hero .link-corner a:link, .hero .link-corner a:visited { color: #FFF; text-decoration: none; } .hero .link-corner a:hover, .hero .link-corner a:active { text-decoration: underline; } .hero p { max-width: 600px; max-width: 37.5rem; color: #FFF; margin: 0; line-height: 1.4; } @media only screen and (max-width: 480px) { .hero p { max-width: 100%; margin: 0rem 1.5rem; } } .hero a.hero-content { text-decoration: none; } .hero a.hero-content:hover h1, .hero a.hero-content:hover h2, .hero a.hero-content:hover p { color: #b7f7ff; } .hero a.hero-content.track-pack .container, .hero a.hero-content.subscription .container { width: 50%; margin: 0 0 0 160px; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .hero a.hero-content.track-pack .container h1, .hero a.hero-content.subscription .container h1 { margin: 0 !important; max-width: none !important; } .hero a.hero-content.track-pack .container h2, .hero a.hero-content.subscription .container h2 { margin: 0 0 25px 0 !important; max-width: none !important; } .hero a.hero-content.track-pack .container .heading.overlay, .hero a.hero-content.subscription .container .heading.overlay { text-shadow: none; } .hero a.hero-content.track-pack .container>div, .hero a.hero-content.subscription .container>div { width: 100% } .hero a.hero-content.track-pack .container>div p, .hero a.hero-content.subscription .container>div p { text-shadow: none; padding-right: 15px; } @media only screen and (max-width: 1600px) { .hero a.hero-content.track-pack .container, .hero a.hero-content.subscription .container { margin: 0 0 0 100px; width: 60% } } @media only screen and (max-width: 1400px) { .hero a.hero-content.track-pack .container, .hero a.hero-content.subscription .container { width: 65% } } @media only screen and (max-width: 1200px) { .hero a.hero-content.track-pack .container, .hero a.hero-content.subscription .container { width: 95%; margin: 0 auto; } } @media only screen and (max-width: 768px) { .hero a.hero-content.track-pack .container, .hero a.hero-content.subscription .container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hero a.hero-content.track-pack .container>div, .hero a.hero-content.subscription .container>div { -ms-flex-flow: column; flex-flow: column; } .hero a.hero-content.track-pack .container>div p[text-left], .hero a.hero-content.subscription .container>div p[text-left] { padding-right: 0px; display: none; } } @media only screen and (max-width: 480px) { .hero a.hero-content.track-pack .container h2, .hero a.hero-content.subscription .container h2 { font-size: 1.375rem !important; } .hero a.hero-content.track-pack .container button, .hero a.hero-content.subscription .container button { margin-bottom: 20px; } } .hero a.hero-content.track-pack:hover .container>div p, .hero a.hero-content.subscription:hover .container>div p { color: #FFF; } .hero a.hero-content.track-pack:hover .container>div .button-cart::before, .hero a.hero-content.subscription:hover .container>div .button-cart::before { content: none; } .hero a.hero-content.track-pack:hover .container>div .button-cart .button-cart-text-container p, .hero a.hero-content.subscription:hover .container>div .button-cart .button-cart-text-container p { color: #e78e03; } .hero a.hero-content.track-pack:hover .container>div .button-cart:hover, .hero a.hero-content.subscription:hover .container>div .button-cart:hover { transition-delay: 0s; } .hero a.hero-content.track-pack:hover .container>div .button-cart:hover .button-cart-text-container p, .hero a.hero-content.subscription:hover .container>div .button-cart:hover .button-cart-text-container p { color: #fdef16; } .hero a.hero-content.track-pack~.link-corner a, .hero a.hero-content.subscription~.link-corner a { color: #FFF; text-decoration: none; cursor: pointer; } .hero a.hero-content.track-pack~.link-corner a:hover, .hero a.hero-content.subscription~.link-corner a:hover { text-decoration: underline; } .hero.seo .search-module { max-width: 550px; margin-left: auto; margin-right: auto; background-color: white; font-size: 16px; color: black; border: 1px solid black; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } @media only screen and (max-width: 768px) { .hero.seo .search-module { margin-top: 80px; } } .hero.seo .search-module__left { padding-right: 10px; } .hero.seo .search-module__right { padding-left: 10px; } .hero.seo .search-module .icon-search { color: black; } .hero.seo .search-module input[type="text"] { color: black !important; } .hero.seo .search-module ::-webkit-input-placeholder { /**/ color: black; } .hero.seo .search-module :-ms-input-placeholder { color: black; } .hero.seo .search-module ::-moz-placeholder { color: black; } .hero.seo .search-module ::placeholder { color: black; } .hero.seo .search-module .chosen-choices { padding-top: 8px; padding-bottom: 8px; } .hero.catalog .hero-background { z-index: 0; } .hero.catalog .hero-content { width: 100% } @media only screen and (max-width: 700px) { .hero.catalog .hero-content { width: 100% } } .hero.catalog .hero-content>div { display: block; } .hero.catalog .hero-content .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 700px) { .hero.catalog .hero-content .container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .hero.catalog .hero-content .container h1 { font-size: 50px; line-height: 55px; margin-bottom: 0; color: #000; } @media only screen and (max-width: 700px) { .hero.catalog .hero-content .container h1 { font-size: 30px; line-height: 33px; text-align: center; margin-bottom: 30px; } } .hero.catalog .hero-content .container h2 { font-size: 20px; line-height: 62px; color: #000; } @media only screen and (max-width: 700px) { .hero.catalog .hero-content .container h2 { font-size: 16px; line-height: 30px; text-align: center; } } .hero.catalog .hero-content .container .search-module { max-width: 450px; margin-top: 0; background-color: white; font-size: 16px; color: black; border: 1px solid black; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } @media only screen and (max-width: 770px) { .hero.catalog .hero-content .container .search-module { margin-top: 80px; } } .hero.catalog .hero-content .container .search-module__left { padding-right: 10px; } .hero.catalog .hero-content .container .search-module__right { padding-left: 10px; } .hero.catalog .hero-content .container .search-module .icon-search { color: black; } .hero.catalog .hero-content .container .search-module input[type="text"] { color: black !important; } .hero.catalog .hero-content .container .search-module ::-webkit-input-placeholder { color: black; } .hero.catalog .hero-content .container .search-module :-ms-input-placeholder { color: black; } .hero.catalog .hero-content .container .search-module ::-moz-placeholder { color: black; } .hero.catalog .hero-content .container .search-module ::placeholder { color: black; } .hero.catalog .hero-content .container .search-module .chosen-choices { padding-top: 8px; padding-bottom: 8px; } .hero.instore .hero-background { z-index: 0; } .hero.instore .hero-content { width: 100%; max-width: 500px; } @media only screen and (max-width: 768px) { .hero.instore .hero-content { width: 100%; max-width: 100% } } .hero.instore .hero-content>div { display: block; } .hero.instore .hero-content .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 768px) { .hero.instore .hero-content .container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .hero.instore .hero-content .container .title { text-align: left; } .hero.instore .hero-content .container .title h1 { font-size: 50px; line-height: 55px; margin-bottom: 0; color: #000; } @media only screen and (max-width: 768px) { .hero.instore .hero-content .container .title h1 { font-size: 30px; line-height: 33px; text-align: center; margin-bottom: 30px; margin-top: 20% } } .hero.instore .hero-content .container .title h2 { font-size: 20px; line-height: 35px; color: #000; margin-top: 40px; margin-bottom: 0; } @media only screen and (max-width: 768px) { .hero.instore .hero-content .container .title h2 { font-size: 16px; line-height: 30px; text-align: center; margin-top: 0px; } } .hero.instore .hero-content .container .trial-cta { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 40px; } @media only screen and (max-width: 915px) { .hero.instore .hero-content .container .trial-cta { margin-top: 20px; } } @media only screen and (max-width: 768px) { .hero.instore .hero-content .container .trial-cta { margin-top: 0; position: absolute; bottom: 18% } } .hero.catalog, .hero.instore { padding-bottom: 130% !important; } @media only screen and (min-width: 768px) { .hero { padding-bottom: 27% !important; } .hero.catalog, .hero.instore { padding-bottom: 39% !important; } .hero .heading { font-size: 32px; font-size: 2rem; } .hero-content.heavy p { display: none; } } @media only screen and (min-width: 992px) { .hero .heading { font-size: 40px; font-size: 2.5rem; } .hero-content.heavy p { display: inline-block; } .hero p { font-size: 16px; font-size: 1rem; } .hero .search-module { margin-top: 16px; margin-top: 1rem; } } @media only screen and (min-width: 1200px) { .hero .search-module { margin-top: 32px; margin-top: 2rem; } } @media only screen and (min-width: 1600px) { .hero .heading { font-size: 48px; font-size: 3rem; } } .hero.filmora .how-to { margin-top: 30px; } .hero-catalog-ribbon { background-color: whitesmoke; min-height: 56px; border: 1px solid #D8D8D8; box-sizing: border-box; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); white-space: nowrap; } @media only screen and (max-width: 768px) { .hero-catalog-ribbon { box-shadow: none; border-bottom: 1px solid #DADADA; } } .hero-catalog-ribbon__container { min-height: 56px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 1.5rem; padding-right: 1.5rem; } @media only screen and (max-width: 768px) { .hero-catalog-ribbon__container { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 992px) { .hero-catalog-ribbon__container { -ms-overflow-style: none; scrollbar-width: none; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; } .hero-catalog-ribbon__container::-webkit-scrollbar { display: none; } } .hero-catalog-ribbon__container__home { color: black !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hero-catalog-ribbon__container__breadcrumb { vertical-align: middle; color: #C4C4C4; } .hero-catalog-ribbon__container__tree-item, .hero-catalog-ribbon__container__select { display: inline-block; margin: 0 8px; margin: 0 0.5rem; } .hero-catalog-ribbon__container__tree-item, .hero-catalog-ribbon__container__select select, .hero-catalog-ribbon__container__select:after { font-family: "futurademi", Arial, sans-serif; letter-spacing: 1px; text-transform: uppercase; color: black; line-height: 1; } .hero-catalog-ribbon__container__select { position: relative; display: inline-block; z-index: 0; } .hero-catalog-ribbon__container__select--last { margin-right: 25px; } @media only screen and (max-width: 768px) { .hero-catalog-ribbon__container__select--last { padding-right: 5px; } } .hero-catalog-ribbon__container__select select { padding: 10px 28px 10px 12px; padding: 0.625rem 1.75rem 0.625rem 0.75rem; border-width: 1px; border-width: 0.0625rem; border-style: solid; border-color: #ccc; text-transform: uppercase; background: transparent; color: black; outline: none; } .hero-catalog-ribbon__container__select select:hover { cursor: pointer; } .hero-catalog-ribbon__container__select select::-ms-expand { display: none; } .hero-catalog-ribbon__container__select:after { position: absolute; right: 12px; right: 0.75rem; top: 10px; top: 0.625rem; content: '\25BC'; color: black; z-index: -1; } .hero-catalog-ribbon__container__select:focus { outline-width: 0; } .hero-catalog-ribbon__container__select:hover { cursor: pointer; } .hero-catalog-ribbon__container__flex-spacing { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (max-width: 1300px) { .hero-catalog-ribbon__container__flex-spacing { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } } .hero-catalog-ribbon__container__filter-container { height: 56px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #636363; padding-left: 24px; margin: 0 !important; border-left: 1px solid #D8D8D8; } @media only screen and (max-width: 992px) { .hero-catalog-ribbon__container__filter-container { display: none; } } .hero-catalog-ribbon__container__filter-container__text { margin-right: 10px; } .hero-in-store-ribbon { padding: 18px 0; padding: 1.125rem 0; margin-bottom: 64px; margin-bottom: 4rem; background-color: #67b7bf; } .hero-in-store-ribbon p { text-align: center; display: block; margin-bottom: 10px; margin-bottom: 0.625rem; } .hero-in-store-ribbon h1, .hero-in-store-ribbon h2, .hero-in-store-ribbon h3 { margin: 0; } .hero-in-store-ribbon .button-list { text-align: center; } .hero-track { padding: 28px 0 12px; padding: 1.75rem 0 0.75rem; margin-bottom: 16px; margin-bottom: 1rem; position: relative; background-color: #333; color: #FFF; } .hero-track:after { position: absolute; content: ''; bottom: -13px; bottom: -0.8125rem; margin-left: -8px; margin-left: -0.5rem; left: 50%; width: 0; height: 0; border-left: 0.5rem solid transparent; border-right: 0.5rem solid transparent; border-top: 0.86rem solid #333; } .hero-track__waveform { position: relative; } .hero-track__waveform:hover { cursor: pointer; } .hero-track__waveform .button-play { margin-left: -32px; margin-left: -2rem; margin-top: -32px; margin-top: -2rem; } .hero-track__waveform>canvas { width: 100% } .hero-track__duration { text-align: right; } .hero-track__information .mobile-cart-cta { display: none; } .hero-track__information .mobile-cart-cta:focus { outline: none; } .hero-track__information .button-cart.transparent, .hero-track__information .button-cart.bordered { margin-top: 8px; } @media only screen and (max-width: 992px) { .hero-track__information .button-cart.transparent, .hero-track__information .button-cart.bordered { border-color: #FFF; margin-top: 12px; } } @media only screen and (max-width: 650px) { .hero-track__information .buy-buttons-container { float: left; margin: 12px 0px 0px 12px; } .hero-track__information .buy-buttons-container .button-cart:not(.transparent) { display: none; } .hero-track__information .buy-buttons-container .mobile-cart-cta { display: -webkit-box; display: -ms-flexbox; display: flex; } .hero-track__information .change-license-container { float: left; margin-top: -6px; } .hero-track__information .hero-track__actions { clear: both; margin-top: 66px; } } .hero-track__title { font-family: "futurademi", Arial, sans-serif; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .hero-track__title__contentid-icon { margin-top: 5px; margin-left: 5px; margin-right: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .hero-track__title__contentid-icon img { width: 20px; height: 20px; } .hero-track__artist-name { line-height: 1.714; } .hero-track__artist-name span { text-transform: uppercase; } .hero-track__tags { color: #b3b3b3; display: inline-block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; min-height: 16px; } .hero-track__tags li:nth-child(n+7) { display: none; } .hero-track__tags li:nth-child(6):after { content: '' } .hero-track__actions { margin-top: 14.4px; margin-top: 0.9rem; } .hero-track__actions .button.small { font-size: 14.4px; font-size: 0.9rem; min-width: 8rem; text-decoration: none; } .hero-track__actions>li:nth-child(2) { margin-bottom: 0.25rem; } .hero-track__actions>li:nth-child(2) .hero-track__action { font-size: 12.8px; font-size: 0.8rem; margin-bottom: 0.25rem; } .hero-track__action { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 12px 0; margin: 0.75rem 0; text-align: left; text-decoration: none; } .hero-track__action:link, .hero-track__action:visited { color: #FFF; } .hero-track__action:hover, .hero-track__action:active { color: #67b7bf; } .hero-track__action:focus { outline: none !important; } .hero-track__tease { color: gray; text-transform: uppercase; text-align: center; letter-spacing: 1px; } @media only screen and (min-width: 992px) { .hero-track__waveform { margin-top: 6px; margin-top: 0.375rem; } } @media only screen and (min-width: 1200px) { .hero-track__a { padding-right: 24px; padding-right: 1.5rem; } .hero-track__b { padding-left: 24px; padding-left: 1.5rem; } } .header-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-flow: column; flex-flow: column; height: 100%; width: 100%; position: relative; min-height: calc(100vh - 50vh); margin-bottom: 40px; } @media only screen and (max-width: 768px) { .header-2 { min-height: calc(100vh - 31vh); } } .header-2 .video-2 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); bottom: 0; left: 0; top: 0; right: 0; overflow: hidden; position: absolute; margin: 0; padding: 0; } .header-2 .video-2 video { min-height: 100%; min-width: 100% } .header-2 h1, .header-2 h2, .header-2 .search-module { z-index: 1; text-align: center; } .header-2 h1, .header-2 h2 { padding: 0 1rem; } .header-2 .search-module { width: 50% } @media only screen and (max-width: 880px) { .header-2 .search-module { display: none; } } @media only screen and (max-width: 1109px) { .header-2 { margin-top: -48px; margin-top: -3rem; } } .link-map { clear: both; } .link-map .tabs { text-align: center; border-bottom-width: 1px; border-bottom-width: 0.0625rem; border-bottom-style: solid; border-bottom-color: #e6e6e6; } .link-map .tabs li { display: inline; } .link-map .tabs li.is-active button { color: #67b7bf; } .link-map .tabs li.is-active button:before { position: absolute; bottom: -1px; bottom: -0.0625rem; height: 1px; height: 0.0625rem; left: 0; right: 0; content: ""; display: block; background-color: #67b7bf; } .link-map .tabs button { display: inline-block; padding: 8px 8px; padding: 0.5rem 0.5rem; margin: 0 8px; margin: 0 0.5rem; cursor: pointer; position: relative; color: #999; } .link-map .tabs button:focus { outline: none; } .link-map.discreet { padding-top: 16px; padding-top: 1rem; } .link-map.discreet .tabs { border-bottom: none; } .link-map.discreet .tabs button { display: inline; padding: 0; margin: 0; } .link-map.discreet .tabs button:after { content: " / " } .link-map.discreet .tabs li:last-child button:after, .link-map.discreet .tabs li.is-active button:before { display: none; } .link-map.discreet .tabs li.is-active button { color: #999; } .link-map .tabs-content { margin: 32px 0 0; margin: 2rem 0 0; } .link-map .tabs-content>li { display: none; width: 100%; text-align: center; } .link-map .tabs-content>li>div { display: inline-block; width: auto; } .link-map .tabs-content>li.is-active { display: block; } .link-map .tabs-content a { text-decoration: none; } .link-map .link-group a:not(.main):link, .link-map .link-group a:not(.main):visited, .link-map .link-group-unique a:not(.main):link, .link-map .link-group-unique a:not(.main):visited { color: #999; } .link-map .link-group a:not(.main):hover, .link-map .link-group a:not(.main):active, .link-map .link-group-unique a:not(.main):hover, .link-map .link-group-unique a:not(.main):active { color: gray; } .link-map .link-group { margin-bottom: 20px; margin-bottom: 1.25rem; float: left; text-align: left; width: 50% } .link-map .link-group li { float: left; clear: left; } .link-map .link-group li .main { line-height: 2; } .link-map .link-group li .more { line-height: 2.667; } .link-map .link-group-unique li { float: left; width: 50%; text-align: left; margin-bottom: 20px; margin-bottom: 1.25rem; } @media only screen and (min-width: 768px) and (max-width: 991px) { .link-map .link-group { width: 240px; } .link-map .link-group:nth-child(3n+3) { width: auto; } .link-map .link-group:nth-child(3n+4) { clear: left; } .link-map .link-group-unique li { width: 33% } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .link-map .link-group { width: 230px; } .link-map .link-group:nth-child(4n+4) { width: auto; } .link-map .link-group:nth-child(4n+5) { clear: left; } .link-map .link-group-unique li { width: 20% } } @media only screen and (min-width: 1200px) { .link-map .link-group { width: 220px; } .link-map .link-group:nth-child(5n+5) { width: auto; } .link-map .link-group:nth-child(5n+6) { clear: left; } .link-map .link-group-unique li { width: 14.2% } } @media only screen and (min-width: 992px) { .link-map .tabs button { padding: 20px 20px; padding: 1.25rem 1.25rem; margin: 0 16px; margin: 0 1rem; } } .link-map-v2 { position: relative; } .link-map-v2 h1 { text-transform: uppercase; } .link-map-v2>li { width: 20% } @media only screen and (max-width: 992px) { .link-map-v2>li { width: 25% } } .link-map-v2>li a { color: gray; text-decoration: none; cursor: pointer; } .link-map-v2>li a h2 { margin-bottom: 0.5rem; font-size: 20px; } .link-map-v2>li a:hover { color: #67b7bf; } .link-map-v2>li a.is-active h2 { font-family: "futurademi", Arial, sans-serif; } .link-map-v2>li .menu-list { display: block; max-height: 0px; overflow: hidden; transition: max-height 0.7s cubic-bezier(0, 1, 0, 1); } .link-map-v2>li .menu-list.is-active { padding-left: 0.75rem; border-left: 4px solid #f1f1f1; -webkit-animation: mymove 0.5s 0.1s cubic-bezier(0.5, 0, 0.5, 0) forwards; animation: mymove 0.5s 0.1s cubic-bezier(0.5, 0, 0.5, 0) forwards; } @-webkit-keyframes mymove { 0% { max-height: 0px; } 99% { max-height: 370px; } 100% { max-height: 370px; overflow: visible; } } @keyframes mymove { 0% { max-height: 0px; } 99% { max-height: 370px; } 100% { max-height: 370px; overflow: visible; } } .link-map-v2>li .menu-list li:last-of-type { margin-bottom: 1rem; } .link-map-v2>li .menu-list li a { position: relative; } .link-map-v2>li .menu-list li a::before { content: ''; position: absolute; width: 4px; margin-left: calc(-0.75rem - 4px); top: 0; left: 0; height: 0px; background-color: #67b7bf; -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; transition: -webkit-transform .5s; transition: transform .5s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .link-map-v2>li .menu-list li a h3 { font-size: 14px; margin-bottom: 0.5rem; } .link-map-v2>li .menu-list li a:hover::before { height: 21px; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .link-map-v2>li .menu-list li.is-active { border-left: 4px solid #67b7bf; z-index: 1; padding-left: 1.125rem; margin-left: calc(-0.75rem - 4px); } .link-map-v2>li .menu-list li.is-active a::before { content: none; } .link-map-v2>li .menu-list li.is-active a h3 { color: #67b7bf; } .link-map-v2>li .container-icons { display: none; opacity: 0; width: 80% } @media only screen and (max-width: 992px) { .link-map-v2>li .container-icons { width: 75% !important; } } .link-map-v2>li .container-icons.is-active { display: block; position: absolute; top: 0; right: 0; width: 80%; -webkit-animation: fadeicons .5s forwards; animation: fadeicons .5s forwards; } @-webkit-keyframes fadeicons { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeicons { 0% { opacity: 0; } 100% { opacity: 1; } } .link-map-v2>li .container-icons.is-active p { margin-left: 2%; margin-bottom: 0.5rem; } @media only screen and (max-width: 992px) { .link-map-v2>li .container-icons.is-active p { margin-left: 3.33% } } .link-map-v2>li .container-icons.is-active .icons-display { display: none; overflow: hidden; } .link-map-v2>li .container-icons.is-active .icons-display.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .link-map-v2>li .container-icons.is-active .icons-display li { width: 18%; margin-left: 2%; margin-bottom: 2%; overflow: hidden; } @media only screen and (max-width: 1200px) { .link-map-v2>li .container-icons.is-active .icons-display li { width: 23%; margin-left: 2%; margin-bottom: 2% } } @media only screen and (max-width: 992px) { .link-map-v2>li .container-icons.is-active .icons-display li { width: 30%; margin-left: 3.33%; margin-bottom: 3.33% } } .link-map-v2>li .container-icons.is-active .icons-display li a { display: block; position: relative; height: 100%; text-align: center; color: #FFF; text-decoration: none; text-transform: uppercase; cursor: url("https://images.jamendo.com/jamendolicensing/static/png-imgs/magnifying-glass-icon.webp"), pointer; transition: background-color .2s ease-in-out; } .link-map-v2>li .container-icons.is-active .icons-display li a::before { content: none; } .link-map-v2>li .container-icons.is-active .icons-display li a h4 { margin: 0; } .link-map-v2>li .container-icons.is-active .icons-display li a figure { display: block; background-size: contain; background-position: center; background-repeat: no-repeat; margin: 0; height: 100%; width: 100%; position: relative; } .link-map-v2>li .container-icons.is-active .icons-display li a figure::after { content: ''; position: absolute; z-index: 2; right: 0; top: 0; left: 0; bottom: 0; background-color: #67b7bf; opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); transition: opacity .17s, -webkit-transform .17s ease-out; transition: opacity .17s, transform .17s ease-out; } .link-map-v2>li .container-icons.is-active .icons-display li a figure img { position: absolute; width: 100%; height: 100%; left: 0; max-height: 90px; transition: all .2s ease-in-out; top: calc((100% - 46px - 90px)/2); } .link-map-v2>li .container-icons.is-active .icons-display li a figure figcaption { display: table-cell; vertical-align: middle; word-break: break-all; padding: 5%; width: 100%; font-size: 14px; font-family: "futurabook", Arial, sans-serif; padding: 0 8px; margin: 0; text-shadow: none; text-transform: capitalize; line-height: 1.3; background-color: #67b7bf; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 46px; text-align: center; position: absolute; bottom: 0; white-space: normal; word-break: break-word; background-color: #67b7bf; transition: height .1s ease-out .1s; } .link-map-v2>li .container-icons.is-active .icons-display li a figure[rock] { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/paper-plane.svg"); } .link-map-v2>li .container-icons.is-active .icons-display li:hover figure::after { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); opacity: .75; -webkit-filter: brightness(100%) saturate(100%); filter: brightness(100%) saturate(100%); } .link-map-v2>li .container-icons.is-active .icons-display li:hover figure img { -webkit-filter: saturate(135%) brightness(125%); filter: saturate(135%) brightness(125%); z-index: 10; -webkit-transform: translateZ(0) scale(1.05, 1.05); transform: translateZ(0) scale(1.05, 1.05); margin-top: -1px; } @media only screen and (max-width: 1110px) { .link-map-v2>li .container-icons.is-active .icons-display li: hover figure img { margin-top: -3px; } } .link-map-v2>li .container-icons.is-active .icons-display li:hover figure figcaption { color: #FFF; background-color: #4bd2e2; height: 54px; z-index: 3; } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo { display: initial; overflow: hidden; } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a { overflow: hidden; position: relative; width: 100%; height: 100% } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a>div:first-child { z-index: -1; position: absolute; right: 0; top: 0; left: 0; bottom: 0; height: 100% } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a>div:first-child:after { content: ''; position: absolute; z-index: 2; right: 0; top: 0; left: 0; bottom: 0; background-color: #67b7bf; opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); transition: opacity .17s, -webkit-transform .17s ease-out; transition: opacity .17s, transform .17s ease-out; } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a>div:first-child img { transition: all .2s ease-in-out; width: 100%; height: auto; } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a>div:last-child { position: absolute; right: 0; top: 0; left: 0; bottom: 0; height: 100% } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a>div:last-child>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 46px; padding: 0; text-align: center; position: absolute; bottom: 0; white-space: normal; word-break: break-word; background-color: #67b7bf; transition: height .1s ease-out .1s; } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a>div:last-child>div h2 { font-size: 14px; font-family: "futurabook", Arial, sans-serif; padding: 0 8px; margin: 0; text-shadow: none; text-transform: capitalize; line-height: 1.3; } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a:hover { cursor: url("https://images.jamendo.com/jamendolicensing/static/png-imgs/magnifying-glass-icon.webp"), pointer; } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a:hover>div:first-child:after { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); opacity: .75; } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a:hover img { -webkit-transform: translateZ(0) scale(1.06, 1.06); transform: translateZ(0) scale(1.06, 1.06); } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a:hover>div:last-child>div { color: #FFF; background-color: #4bd2e2; height: 54px; } @media only screen and (max-width: 768px) { .link-map-v2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .link-map-v2>li { width: 30%; height: 50px; margin: 1.666% } .link-map-v2>li a { height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: center; border: 1px solid gray; border-radius: 6px; } .link-map-v2>li a.is-active { background-color: gray; border-color: gray; color: #FFF; } .link-map-v2>li a h2 { width: 100%; margin: 0; padding: 0 8px; line-height: 1.3; } .link-map-v2>li .menu-list, .link-map-v2>li .menu-list.is-active { position: absolute; top: 160px; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; border-left: none; padding-left: 0; } .link-map-v2>li .menu-list>li, .link-map-v2>li .menu-list.is-active>li { width: 30%; margin: 1.666%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .link-map-v2>li .menu-list>li>a, .link-map-v2>li .menu-list.is-active>li>a { min-height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #67b7bf; color: #67b7bf; } .link-map-v2>li .menu-list>li>a:hover::before, .link-map-v2>li .menu-list.is-active>li>a:hover::before { content: none; } .link-map-v2>li .menu-list>li>a h3, .link-map-v2>li .menu-list.is-active>li>a h3 { text-align: center; margin: 0; padding: 0 8px; font-size: 20px; line-height: 1.3; } .link-map-v2>li .menu-list>li.is-active, .link-map-v2>li .menu-list.is-active>li.is-active { border-left: 0; padding: 0; } .link-map-v2>li .menu-list>li.is-active>a, .link-map-v2>li .menu-list.is-active>li.is-active>a { background-color: gray; } .link-map-v2>li .menu-list>li.is-active>a h3, .link-map-v2>li .menu-list.is-active>li.is-active>a h3 { font-family: "futurabold", Arial, sans-serif; color: #FFF; } .link-map-v2>li .container-icons.is-active { width: 100% !important; display: block; } .link-map-v2>li .container-icons.is-active p { margin-left: 1.666%; margin-bottom: 0; } .link-map-v2>li .container-icons.is-active p:first-of-type { margin-bottom: 20px; } .link-map-v2>li .container-icons.is-active .icons-display.is-active { width: 100%; background-color: bisque; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .link-map-v2>li .container-icons.is-active .icons-display.is-active>li { width: 30%; margin: 0 1.666%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .link-map-v2>li .container-icons.is-active .icons-display.is-active>li a { min-height: 52px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FFF; color: gray; cursor: default; border-radius: 0; border-bottom: 0; border-left: 0; border-right: 0; border-top-width: 1px; border-color: #e6e6e6; } .link-map-v2>li .container-icons.is-active .icons-display.is-active>li a:hover { cursor: pointer; background-color: #FFF; color: black; } .link-map-v2>li .container-icons.is-active .icons-display.is-active>li a h4 { margin: 0; text-transform: capitalize; font-size: 14px; } .link-map-v2>li .container-icons.is-active .icons-display.is-active>li:nth-of-type(1) a, .link-map-v2>li .container-icons.is-active .icons-display.is-active>li:nth-of-type(2) a, .link-map-v2>li .container-icons.is-active .icons-display.is-active>li:nth-of-type(3) a { border-top-width: 0px; } .link-map-v2>li .container-icons.first-level { display: none; } } @media only screen and (max-width: 650px) { .link-map-v2>li { width: 47%; margin: 1.5% } .link-map-v2>li .menu-list>li, .link-map-v2>li .menu-list.is-active>li { width: 47%; margin: 1.5% } .link-map-v2>li .menu-list.is-active { top: 220px; } .link-map-v2>li .container-icons.is-active p { margin-left: 1.5%; margin-bottom: 0; } .link-map-v2>li .container-icons.is-active .icons-display.is-active>li { width: 47%; margin: 0 1.5% } .link-map-v2>li .container-icons.is-active .icons-display.is-active>li:nth-of-type(3) a { border-top-width: 1px; } } @media only screen and (max-width: 420px) { .link-map-v2>li { width: 90%; margin: 8px 5% } .link-map-v2>li .menu-list>li, .link-map-v2>li .menu-list.is-active>li { width: 90%; margin: 8px 5% } .link-map-v2>li .menu-list.is-active { top: 410px; } .link-map-v2>li .container-icons.is-active p { margin-left: 5% } .link-map-v2>li .container-icons.is-active .icons-display.is-active>li { width: 90%; margin: 0 5% } .link-map-v2>li .container-icons.is-active .icons-display.is-active>li:nth-of-type(2) a { border-top-width: 1px; } } .mini-player { padding: 6px 8px 6px 6px; padding: 0.375rem 0.5rem 0.375rem 0.375rem; bottom: -64px; bottom: -4rem; width: 100%; position: fixed; right: 0; background-color: #232323; z-index: 100; color: #FFF; transition: bottom .25s ease-out; } .mini-player__cover { width: 50px; width: 3.125rem; height: 50px; height: 3.125rem; } .mini-player__track { padding: 0 16px 0 8px; padding: 0 1rem 0 0.5rem; width: 100%; line-height: 1; } .mini-player__track .title { line-height: 1.143; } .mini-player__track .artist { text-transform: uppercase; line-height: 1.455; } .mini-player__actions { white-space: nowrap; } .mini-player__actions li { display: inline-block; } .mini-player.is-visible { bottom: 0; } .mini-player.mobile { z-index: 750 !important; } @media only screen and (min-width: 992px) { .mini-player { width: 304px; width: 19rem; } } .player-full { padding: 6px 8px 6px 6px; padding: 0.375rem 0.5rem 0.375rem 0.375rem; bottom: -80px; width: 100%; position: fixed; right: 0; background-color: black; z-index: 100; color: #FFF; transition: bottom .25s ease-out; padding: 8px 22px 8px 8px; } .player-full.is-visible { bottom: 0; } .player-full.mobile { z-index: 750 !important; } @media only screen and (max-width: 410px) { .player-full { padding: 8px; } } .player-full .btn-icon-data.is-active:after, .player-full .btn-icon-data:focus:after { content: ""; position: absolute; border-radius: 100%; background-color: #fff; -webkit-animation: active-btn1 .4s linear; animation: active-btn1 .4s linear; } @-webkit-keyframes active-btn1 { 0% { width: 35%; height: 35%; opacity: 0; } 50% { width: 50%; height: 50%; opacity: .20; } 100% { width: 125%; height: 125%; opacity: 0; } } @keyframes active-btn1 { 0% { width: 35%; height: 35%; opacity: 0; } 50% { width: 50%; height: 50%; opacity: .20; } 100% { width: 125%; height: 125%; opacity: 0; } } .player-full .track-container { width: 22%; max-width: 22%; white-space: nowrap; } @media only screen and (max-width: 1300px) { .player-full .track-container { width: 27%; max-width: 27% } } @media only screen and (max-width: 1200px) { .player-full .track-container { width: 25%; max-width: 25% } } @media only screen and (max-width: 992px) { .player-full .track-container { width: calc(100% - 176px); max-width: calc(100% - 176px); } } @media only screen and (max-width: 410px) { .player-full .track-container { padding-right: 8px; } } .player-full .track-container .cover { width: 50px; height: 50px; min-width: 50px; } .player-full .track-container .track-text { padding: 0 0 0 8px; padding: 0 0 0 0.5rem; width: 100%; line-height: 1; text-decoration: none; color: white; } .player-full .track-container .track-text:hover { color: #67b7bf; } .player-full .track-container .track-text .title { line-height: 1.143; } .player-full .track-container .track-text .artist { text-transform: uppercase; line-height: 1.455; } .player-full .commands-container { padding: 0 60px; } @media only screen and (max-width: 1200px) { .player-full .commands-container { padding: 0 20px; } } @media only screen and (max-width: 992px) { .player-full .commands-container { padding: 0; } } .player-full .commands-container .track__waveform { width: 100%; height: auto; } .player-full .commands-container .track__waveform .track__waveform-wrap { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .player-full .commands-container .track__waveform .track__waveform-wrap canvas { width: 100%; max-height: 50px; display: block; } @media only screen and (max-width: 992px) { .player-full .commands-container>div { display: none; } } @media only screen and (max-width: 410px) { .player-full .commands-container>ul li: first-of-type { display: none; } } .player-full .commands-container .button-play.round.animated.player-full i { font-size: 42px; } .player-full .actions-container .actions { white-space: nowrap; } .player-full .actions-container .actions li { display: inline-block; } .player-full .actions-container .actions li.item { display: list-item; } @media only screen and (max-width: 992px) { .player-full .actions-container .actions { right: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; position: absolute; width: 100%; z-index: 100; height: 66px; top: -66px; right: -100%; background-color: #1b1b1b; transition: right .25s ease; } .player-full .actions-container .actions.is-visible { right: 0% } .player-full .actions-container .actions.is-visible~.mobile-cart-cta i { color: #67b7bf; } } .player-full .actions-container .actions .pop-in-wrapper.top-right { bottom: 39px; right: 3px; } .player-full .actions-container .actions .pop-in-wrapper.top-center { bottom: 39px; } .player-full .actions-container .actions .pop-in-wrapper .pop-in__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .player-full .actions-container .actions .pop-in-wrapper .pop-in.pin-small.pin-top.pin-second-corner:after, .player-full .actions-container .actions .pop-in-wrapper .pop-in.pin-small.pin-bottom.pin-second-corner:after { bottom: -10px; } .player-full .actions-container .actions .btn-icon-data[disabled] { opacity: 1; } .player-full .actions-container .actions .btn-icon-data .icon-cart-new2-added { color: #4bd2e2; } .player-full .actions-container>button { display: none; } @media only screen and (max-width: 992px) { .player-full .actions-container>button { display: -webkit-box; display: -ms-flexbox; display: flex; } } .player-full.instore { padding: 15px 8px; } .player-full.instore .track-container { max-width: initial; } .player-full.instore .track-container a { white-space: normal; width: auto; } .player-full.instore .track-container a .title { font-size: 16px; margin-left: 12px; line-height: 1.7; } @media only screen and (max-width: 500px) { .player-full.instore .track-container { width: calc(100% - 192px); max-width: calc(100% - 192px); } .player-full.instore .track-container a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .player-full.instore .commands-container { -webkit-box-flex: initial; -ms-flex-positive: initial; flex-grow: initial; padding: 0 0 0 16px; } @media only screen and (max-width: 400px) { .player-full.instore .commands-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } .navigation { position: relative; z-index: 610; } .navigation .links li { display: inline; } .navigation .logo-link { outline: 0; padding: 0 10px; } .navigation__mobile-bar { position: fixed; top: 0; left: 0; height: 48px; height: 3rem; background-color: #232323; } .navigation__mobile-bar .actions { width: 50% } .navigation__mobile-bar .actions li { display: inline-block; width: 48px; width: 3rem; } .navigation__mobile-bar .actions.secondary { text-align: right; } .navigation__mobile-bar .actions.secondary .iconic-link, .navigation__mobile-bar .actions.secondary .iconic-link .link { display: inline-block; height: 48px; height: 3rem; width: 40px; width: 2.5rem; vertical-align: top; line-height: 1.2; color: #FFF; } .navigation__mobile-bar .actions.secondary .iconic-link:hover, .navigation__mobile-bar .actions.secondary .iconic-link .link:hover { background-color: #67b7bf; text-shadow: none; } .navigation__mobile-bar .actions.secondary .iconic-link:hover .pill, .navigation__mobile-bar .actions.secondary .iconic-link .link:hover .pill { color: #67b7bf; } .navigation__mobile-bar .actions.secondary .iconic-link:hover .pill::before, .navigation__mobile-bar .actions.secondary .iconic-link .link:hover .pill::before { background-color: #FFF; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div { display: table; height: 100%; width: 100%; text-align: center; vertical-align: middle; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div>div { display: table-cell; vertical-align: middle; text-align: center; position: relative; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div>div:first-child .icon-cart-new { font-size: 1.375rem; width: 1.375rem; height: 1.375rem; left: -3px; top: 1px; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div>div:last-child .pill { height: 14px; width: 14px; min-width: inherit; top: 8px; right: 6px; position: absolute; font-size: 10px; line-height: 1.6; font-family: "futurabold", Arial, sans-serif; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div>div:last-child .pill::before { border-radius: 50% } .navigation__mobile-bar .actions.secondary .iconic-link span { text-transform: uppercase; } .navigation__mobile-bar .action .icon { line-height: 3; height: 48px; height: 3rem; width: 48px; width: 3rem; } .navigation__mobile-bar label.action { margin: 0; } .navigation__mobile-bar label.action:hover { cursor: pointer; } .navigation__opener-check { display: none; } .navigation__opener-check:checked+.navigation__pane { left: 0; } .navigation__opener-check:checked+.navigation__pane+.navigation__mobile-overlay { visibility: visible; opacity: 0.95; filter: alpha(opacity=95); } .navigation__pane { position: fixed; top: 48px; top: 3rem; padding-bottom: 24px; padding-bottom: 1.5rem; bottom: 0; left: -85%; width: 85%; height: auto; overflow-y: auto; background-color: black; transition: left .3s linear; } .navigation__pane .logo-link { display: none; } .navigation__pane .link { display: block; background-color: transparent; color: #FFF; text-decoration: none; transition: background-color .25s linear; padding: 0 16px 0 24px; padding: 0 1rem 0 1.5rem; line-height: 3; } .navigation__pane .link:hover { background-color: #67b7bf; text-shadow: none; } .navigation__pane .link:focus { outline: none; } .navigation__pane .link.is-new { background-image: url(https://images.jamendo.com/jamendolicensing/static/navigation/new-on-menu.webp); background-repeat: no-repeat; background-color: #ffffff2b; padding-left: 40px; padding-left: 2.5rem; padding-top: 4px; padding-top: 0.25rem; padding-bottom: 4px; padding-bottom: 0.25rem; } .navigation__pane .link.is-new:hover { background-color: #67b7bf; } .navigation__pane .primary .link { text-transform: uppercase; } .navigation__pane .secondary { margin-top: 8px; margin-top: 0.5rem; } .navigation__pane .secondary .link { padding: 0 24px; padding: 0 1.5rem; } .navigation__pane .secondary .links.second-level li a, .navigation__pane .secondary .links.second-level li button { display: block; color: #FFF; text-decoration: none; transition: background-color .25s linear; padding: 0 16px 0 24px; padding: 0 1rem 0 1.5rem; text-transform: uppercase; line-height: 3; } .navigation__pane .secondary .links.second-level li a:hover, .navigation__pane .secondary .links.second-level li button:hover { background-color: #67b7bf; text-shadow: none; } .navigation__pane .secondary .links.second-level li a.is-current, .navigation__pane .secondary .links.second-level li button.is-current { position: relative; color: #8bc8ce; pointer-events: none; } .navigation__pane .secondary .links.second-level li button { width: 100%; text-align: left; } .navigation__pane .secondary .links.second-level.reseller { margin-top: 24px; margin-top: 1.5rem; } .navigation__pane .secondary .links.second-level.reseller li:first-of-type { text-transform: uppercase; padding-left: 16px; padding-left: 1rem; color: #FFF; } .navigation__pane .secondary .links.second-level.reseller li:first-of-type i { display: none; } @media (max-width: 1110px) { .navigation__pane .secondary .links.second-level div[anchor-links] .button-cart { border: none; width: 100%; padding: 0 0 0 12px; margin-bottom: 0; border-radius: 0; } .navigation__pane .secondary .links.second-level div[anchor-links] .button-cart .button-cart-text-container { padding: 0; text-align: left; } .navigation__pane .secondary .links.second-level div[anchor-links] .button-cart .button-cart-text-container p { font-family: "futurabook", Arial, sans-serif; font-size: 12px; color: #FFF; line-height: 3; } } .navigation__pane .top-level>li>a { padding: 0 16px; padding: 0 1rem; margin-top: 24px; margin-top: 1.5rem; line-height: 2.462; font-family: "futurademi", Arial, sans-serif; } .navigation__pane .aside-level .iconic-link { position: relative; height: auto; } .navigation__pane .aside-level .iconic-link, .navigation__pane .aside-level .iconic-link .link { display: inline-block; height: 64px; height: 4rem; vertical-align: top; line-height: 1.2; height: 4.5rem; } .navigation__pane .aside-level .iconic-link>a { min-width: 7.5rem; } .navigation__pane .aside-level .iconic-link>a>div { display: table; height: 100%; text-align: left; } .navigation__pane .aside-level .iconic-link>a>div>div { display: table-cell; vertical-align: middle; position: relative; } .navigation__pane .aside-level .iconic-link>a>div>div:first-child { padding-right: 8px; padding-right: 0.5rem; } .navigation__pane .aside-level .iconic-link>a>div>div:first-child .icon-cart-new { font-size: 30px; margin-left: 15px; } .navigation__pane .aside-level .iconic-link>a>div>div:last-child .pill { height: 20px; width: 20px; top: 8px; right: -2px; position: absolute; font-size: 12px; line-height: 1.6; font-family: "futurademi", Arial, sans-serif; padding: 0; } .navigation__pane .aside-level .iconic-link>a>div>div:last-child .pill::before { border-radius: 50% } .navigation__pane .aside-level .iconic-link span { text-transform: uppercase; top: 0; left: 1rem; margin-top: 1rem; white-space: nowrap; } .navigation__pane .aside-level .iconic-link:last-of-type .link>div { padding-top: 0; } .navigation__pane .aside-level .iconic-link:last-of-type .link>div .pill { top: 11px; right: 0px; left: -20px; } .navigation__pane .aside-level .button-link { display: inline-block; padding: 0 20px; padding: 0 1.25rem; height: 64px; height: 4rem; vertical-align: top; } .navigation__pane .aside-level .button-link .button.xsmall { margin-top: 20px; margin-top: 1.25rem; } .navigation__pane .aside-level .button-link .button.small { margin-top: 14px; margin-top: 0.875rem; } .navigation__pane .aside-level li:last-child .link:hover>div>div:last-child .pill { color: #67b7bf; } .navigation__pane .aside-level li:last-child .link:hover>div>div:last-child .pill:before { background: #fff; } .navigation__mobile-overlay { top: 48px; top: 3rem; overflow-y: initial; z-index: -1; } @media only screen and (min-width: 1110px) { .navigation { z-index: 425; } .navigation.no-nav .navigation__pane .top-level, .navigation.no-nav .navigation__pane .aside-level { visibility: hidden; } .navigation.translucid .navigation__pane { background-color: rgba(0, 0, 0, 0.7); } .navigation__mobile-bar { display: none; position: relative; } .navigation__pane { position: relative; display: table; top: 0; left: 0; padding: 0; width: 100%; transition: none; z-index: auto; } .navigation__pane .primary, .navigation__pane .logo-link, .navigation__pane .secondary { display: table-cell; vertical-align: middle; } .navigation__pane .primary, .navigation__pane .secondary { width: 50% } .navigation__pane .secondary { text-align: right; } .navigation__pane .secondary .iconic-link { height: 4rem; } .navigation__pane .secondary .iconic-link .link { height: 4rem; min-width: initial; } .navigation__pane .secondary .iconic-link .link>div { padding-top: 0; } .navigation__pane .secondary .iconic-link .link>div span { font-size: 10px; font-size: 0.625rem; position: static; display: inline; } .navigation__pane .secondary .iconic-link .link .icon-cart-new { margin-left: 0 !important; } .navigation__pane .secondary .iconic-link:last-of-type .link>div .pill { top: 11px; right: 21px; } .navigation__pane .links { font-size: 0; white-space: nowrap; } .navigation__pane .link { display: inline-block; } .navigation__pane .top-level .link { margin-top: 0; line-height: 4.923; padding: 1px 24px 0; padding: 0.0625rem 1.5rem 0; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); } .navigation__pane .top-level .link.is-current { position: relative; color: #8bc8ce; pointer-events: none; } .navigation__pane .top-level .link.is-current:after { content: ''; position: absolute; display: inline-block; width: 14px; height: 7px; bottom: 0; left: 50%; margin-left: -7px; background-repeat: no-repeat; background-position: center center; background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAA4AAAAHCAYAAAA4R3wZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEVJREFUeNpiYMAB3Nzc5oMwLnlmXJqAVAIQGygrKyvcvXt3I0GNSJpgAKtmZgKacGpmJkITVs3MRGrC0MxIgiZksAAgwABmjSJ+ECEgNgAAAABJRU5ErkJggg==); z-index: 1; } .navigation__pane .second-level { position: absolute; left: 0; right: 0; background-color: #464646; display: none; } .navigation__pane .second-level li:first-child .link { padding-left: 24px; padding-left: 1.5rem; } .navigation__pane .second-level .link { line-height: 3.923; padding: 1px 16px 0; padding: 0.0625rem 1rem 0; } .navigation__pane .second-level .link.is-current { pointer-events: none; } .navigation__pane .second-level.is-current { display: block; height: 48px; height: 3rem; } .navigation__pane .aside-level .link { line-height: 5.334; padding: 0rem 20px; padding: 0rem 1.25rem; } .navigation__pane .aside-level li:last-child .link { padding-right: 24px; padding-right: 1.5rem; } .navigation.has-second-level { padding-bottom: 48px; padding-bottom: 3rem; } .navigation__mobile-overlay { display: none; } } .main-menu-container { background: black; color: #FFF; position: -webkit-sticky; position: sticky; top: 0px; width: 100%; z-index: 620; } .main-menu-container .logo { min-height: 64px; } .main-menu-container .logo div figure { margin: 0 20px 0 0; } .main-menu-container .logo div figure img { width: 123px; height: 43px; margin: 0; } @media only screen and (max-width: 1100px) { .main-menu-container .logo { margin-left: 0; } .main-menu-container .logo div { margin-left: 0; position: static; } .main-menu-container .logo div a { padding: 0 11px !important; } .main-menu-container .logo div a figure { margin: 0; } } .main-menu-container .main-menu { min-height: 64px; padding: 0 30px; } .main-menu-container .main-menu ul li:not(.account-actions) { position: relative; } .main-menu-container .main-menu ul li:not(.account-actions):hover>a { color: #FFF; cursor: pointer; } .main-menu-container .main-menu ul li:not(.account-actions) a { font-family: "futurabold", Arial, sans-serif; display: block; padding: 0 20px; font-size: 14px; font-size: 0.875rem; color: #FFF; text-decoration: none; text-transform: uppercase; line-height: 4.6; transition: background-color .2s linear; } .main-menu-container .main-menu ul li:not(.account-actions) a.active span { position: relative; } .main-menu-container .main-menu ul li:not(.account-actions) a.active span::after { content: ''; width: 100%; display: block; position: absolute; bottom: -3px; left: 0; border-bottom-width: 1px; border-bottom-color: #FFF; border-bottom-style: solid; } @-webkit-keyframes l-move-from-left1 { 0% { -webkit-transform: translateX(-15px); transform: translateX(-15px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes l-move-from-left1 { 0% { -webkit-transform: translateX(-15px); transform: translateX(-15px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .main-menu-container .main-menu ul li:not(.account-actions) ul { display: none; position: absolute; top: 64px; width: -webkit-max-content; width: -moz-max-content; width: max-content; min-width: 170px; -webkit-filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3)); filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3)); -webkit-animation: l-move-from-left1 .25s ease both; animation: l-move-from-left1 .25s ease both; } .main-menu-container .main-menu ul li:not(.account-actions) ul li { background-color: #FFF; } .main-menu-container .main-menu ul li:not(.account-actions) ul li a { font-family: "futurabook", Arial, sans-serif; color: gray; text-transform: none; line-height: 2.8; } .main-menu-container .main-menu ul li:not(.account-actions) ul li a::first-letter { text-transform: uppercase; } .main-menu-container .main-menu ul li:not(.account-actions) ul li a:hover { color: #4bd2e2; background-color: #ebebeb; } .main-menu-container .main-menu ul li:not(.account-actions) ul li a.active { color: #4bd2e2; } .main-menu-container .main-menu ul li:not(.account-actions) ul li:last-of-type, .main-menu-container .main-menu ul li:not(.account-actions) ul li:last-of-type a { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .main-menu-container .main-menu ul li:not(.account-actions):hover ul { display: block; } .main-menu-container .main-menu .menu_right>a, .main-menu-container .main-menu .menu_right button, .main-menu-container .main-menu .menu_right .button-checkbox { width: 24px; height: 24px; margin-left: 20px; color: white; } .main-menu-container .main-menu .menu_right>a .icon, .main-menu-container .main-menu .menu_right button .icon, .main-menu-container .main-menu .menu_right .button-checkbox .icon { font-size: 24px; width: 24px; height: 24px; } .main-menu-container .main-menu .menu_right>a [class*="hint--"]::before, .main-menu-container .main-menu .menu_right button [class*="hint--"]::before, .main-menu-container .main-menu .menu_right .button-checkbox [class*="hint--"]::before { border-bottom-color: #4bd2e2; } .main-menu-container .main-menu .menu_right>a [class*="hint--"]::after, .main-menu-container .main-menu .menu_right button [class*="hint--"]::after, .main-menu-container .main-menu .menu_right .button-checkbox [class*="hint--"]::after { font-size: 14px; font-weight: 300; text-transform: initial; border-radius: 4px; background-color: #4bd2e2; } .main-menu-container .main-menu .menu_right>a [class*="hint--"].warning::before, .main-menu-container .main-menu .menu_right button [class*="hint--"].warning::before, .main-menu-container .main-menu .menu_right .button-checkbox [class*="hint--"].warning::before { border-bottom-color: #ed795a; } .main-menu-container .main-menu .menu_right>a [class*="hint--"].warning::after, .main-menu-container .main-menu .menu_right button [class*="hint--"].warning::after, .main-menu-container .main-menu .menu_right .button-checkbox [class*="hint--"].warning::after { background-color: #ed795a; } .main-menu-container .main-menu .menu_right>a.cart, .main-menu-container .main-menu .menu_right button.cart, .main-menu-container .main-menu .menu_right .button-checkbox.cart { width: 28px; height: 28px; margin: 0 4px 0 14px; } .main-menu-container .main-menu .menu_right>a.cart .icon, .main-menu-container .main-menu .menu_right button.cart .icon, .main-menu-container .main-menu .menu_right .button-checkbox.cart .icon { width: 28px; height: 28px; font-size: 28px; } .main-menu-container .main-menu .menu_right>a.cart .pill, .main-menu-container .main-menu .menu_right button.cart .pill, .main-menu-container .main-menu .menu_right .button-checkbox.cart .pill { position: absolute; top: -7px; right: -8px; width: 20px; height: 20px; font-size: 12px; line-height: 1.8; color: black; } .main-menu-container .main-menu .menu_right>a.cart .pill::before, .main-menu-container .main-menu .menu_right button.cart .pill::before, .main-menu-container .main-menu .menu_right .button-checkbox.cart .pill::before { border-radius: 50%; background-color: white; } .main-menu-container .main-menu .menu_right>a.notification, .main-menu-container .main-menu .menu_right button.notification, .main-menu-container .main-menu .menu_right .button-checkbox.notification { width: 24px; height: 24px; margin: 0 4px 0 14px; background-color: transparent; } .main-menu-container .main-menu .menu_right>a.notification .icon, .main-menu-container .main-menu .menu_right button.notification .icon, .main-menu-container .main-menu .menu_right .button-checkbox.notification .icon { width: 24px; height: 24px; font-size: 24px; } .main-menu-container .main-menu .menu_right>a.notification .pill, .main-menu-container .main-menu .menu_right button.notification .pill, .main-menu-container .main-menu .menu_right .button-checkbox.notification .pill { position: absolute; top: -7px; right: -8px; width: 20px; height: 20px; font-size: 12px; line-height: 1.8; color: black; } .main-menu-container .main-menu .menu_right>a.notification .pill::before, .main-menu-container .main-menu .menu_right button.notification .pill::before, .main-menu-container .main-menu .menu_right .button-checkbox.notification .pill::before { background-color: white; border-radius: 50% } .main-menu-container .main-menu .menu_right>a[size-34], .main-menu-container .main-menu .menu_right button[size-34], .main-menu-container .main-menu .menu_right .button-checkbox[size-34] { width: 34px; height: 34px; margin: 0 0px 0 14px; } .main-menu-container .main-menu .menu_right>a[size-34] .icon, .main-menu-container .main-menu .menu_right button[size-34] .icon, .main-menu-container .main-menu .menu_right .button-checkbox[size-34] .icon { width: 34px; height: 34px; font-size: 34px; } .main-menu-container .main-menu .menu_right>a:focus, .main-menu-container .main-menu .menu_right button:focus, .main-menu-container .main-menu .menu_right .button-checkbox:focus { outline: none; } .main-menu-container .main-menu .menu_right>a:hover i:not(.pill):not(.icon-info-new2):not(.icon-chevron-new2), .main-menu-container .main-menu .menu_right button:hover i:not(.pill):not(.icon-info-new2):not(.icon-chevron-new2), .main-menu-container .main-menu .menu_right .button-checkbox:hover i:not(.pill):not(.icon-info-new2):not(.icon-chevron-new2) { color: #4bd2e2; } .main-menu-container .main-menu .menu_right>.user-name { margin-left: 10px; } .main-menu-container .main-menu .menu_right>.new { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-height: 33px; height: 33px; padding-left: 20px; padding-right: 20px; padding-top: 0; padding-bottom: 0; } .main-menu-container .main-menu .menu_right>.new div { min-height: 33px; height: 33px; line-height: 0; padding: 0; } .main-menu-container .main-menu .menu_right .button-checkbox input[type="checkbox"]:checked+label { color: #ed795a; } .main-menu-container .main-menu .menu_right .button-checkbox input[type="checkbox"]:checked+label span { pointer-events: none; } .main-menu-container .main-menu .menu_right .button-checkbox input[type="checkbox"]:checked+label span::before, .main-menu-container .main-menu .menu_right .button-checkbox input[type="checkbox"]:checked+label span::after { transition-duration: .1s; transition-delay: 0ms; } .main-menu-container .main-menu .menu_right .button-checkbox.switch input[type="checkbox"]:checked+label span { pointer-events: all; } .main-menu-container .main-menu .menu_right .button-checkbox.no-content-displaying input[type="checkbox"]:checked+label { color: #4bd2e2; } .main-menu-container .main-menu .menu_right .button-checkbox.no-content-displaying input[type="checkbox"]:checked+label span { pointer-events: all; } .main-menu-container .main-menu .menu_right .button-checkbox.pop-in-expand ul li a { line-height: 2; font-family: "futurabook", Arial, sans-serif; } .main-menu-container .main-menu .menu_right .button-checkbox.pop-in-expand input[type="checkbox"]:checked+label { color: #4bd2e2; } .main-menu-container .main-menu .menu_right .mobile-search { display: none; } .main-menu-container .main-menu .menu_right .button-burger { display: none; z-index: 1; margin-left: 10px; } .main-menu-container .main-menu .menu_right .button-burger .hamburger { z-index: 2; } .main-menu-container .main-menu .menu_right .mobile-nav { background-color: #48a2ab; display: block; overflow: auto; width: 0px; right: -100%; -webkit-transform: translateZ(0); transform: translateZ(0); transition: right 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .main-menu-container .main-menu .menu_right .mobile-nav .mobile-nav-content { display: none; } .main-menu-container .main-menu .menu_right .mobile-nav .sub-sub-menu { padding-top: 24px; padding-bottom: 0px; } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: .6; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: .6; } } .main-menu-container .main-menu .menu_right .background-overlay { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -1; background-color: #000; -webkit-animation: fade-in .5s; animation: fade-in .5s; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked+label { position: absolute; top: 16px; right: 16px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav { display: block; position: fixed; height: 100%; width: 90%; top: 0; right: 0; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content { display: block; padding: 2.5rem; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .mobile-client-menu { width: 100% } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .mobile-client-menu li a.is-disabled { color: #777 !important; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .mobile-client-menu li a.is-disabled:hover { cursor: not-allowed; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .account-actions ul li { background: none; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .account-actions ul li:nth-of-type(1) a { line-height: 1.8; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .account-actions ul li:nth-of-type(2) { margin-left: 0.75rem; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .account-actions ul li:nth-of-type(2) a { color: #FFF; letter-spacing: 1px; padding: 0 0.75rem; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .account-actions ul li:nth-of-type(2) a:hover { background-color: transparent; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .account-actions+li { margin-bottom: 20px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .account-actions+li[hidden] { display: none !important; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .account-actions+li i { margin-right: 12px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content li.new { padding-top: 20px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content li.new .new { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-height: 33px; height: 33px; padding-left: 20px; padding-right: 20px; padding-top: 0; padding-bottom: 0; margin-left: auto; margin-right: auto; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content li.new .new div { min-height: 33px; height: 33px; line-height: 0; padding: 0; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; width: 100%; height: 100%; min-height: 46px; margin-top: 4px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox::after { content: ''; border-bottom: 1px solid #FFF; width: 100%; bottom: 0px; position: absolute; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox label { color: #FFF; font-size: 16px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox label span { line-height: 2; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox label i { font-size: 20px; width: 20px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox label i::before { top: 0; right: -2px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul { display: block; position: relative; top: 0; -webkit-filter: none; filter: none; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li { background-color: transparent; margin-left: 10px; margin-bottom: 4px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li:last-of-type { margin-bottom: 12px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li a, .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li button { width: auto; height: auto; margin: 0; display: block; padding: 0 12px; position: relative; background-color: transparent; color: white; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li a.active:before, .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li button.active:before { content: ""; position: absolute; width: 3px; height: 19px; background-color: white; left: 0; margin-top: 10px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li div { background-color: transparent; padding-left: 10px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li div a { border: none; -ms-flex-item-align: stretch; align-self: stretch; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li div a div { text-align: left; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li div a p { color: white; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox input[type="radio"]:checked~label { margin-top: 10px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox input[type="radio"]:checked~label i { -webkit-transform: rotate(180deg); transform: rotate(180deg); color: #FFF; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox input[type="radio"]:checked~label i::before { top: 0; right: -2px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox input[type="radio"]:checked~.content-displaying { max-height: 1000px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.background-overlay { display: block; opacity: .6; } @media only screen and (max-width: 1100px) { .main-menu-container .main-menu { padding: 0 15px; } .main-menu-container .main-menu .menu_left ul li { display: none; } .main-menu-container .main-menu .menu_left ul li:first-child { display: block; } .main-menu-container .main-menu .menu_right .hide-on-mobile { display: none; } .main-menu-container .main-menu .menu_right>.new { display: none; } .main-menu-container .main-menu .menu_right .button-burger, .main-menu-container .main-menu .menu_right .mobile-search, .main-menu-container .main-menu .menu_right .cart { display: block; } } .not-contractual-ribbon { background-color: #464646; color: #646464; text-align: center; padding: 4px; padding: 0.25rem; } .offer__category { height: 32px; height: 2rem; margin-bottom: 8px; margin-bottom: 0.5rem; } .offer__product-row { width: auto; } .offer.container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; margin-left: -12px; margin-right: -12px; padding: 0; } @media only screen and (max-width: 1200px) { .offer.container { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .offer__product { position: relative; } .offer__product:before { border-width: 4px; border-width: 0.25rem; border-style: solid; border-color: #afd9dd; content: ''; position: absolute; top: 0; bottom: 0; left: 12px; right: 12px; background-color: #FFF; z-index: -1; } .offer__product.no-border::before { border: none; } .offer__product .body { padding: 48px 24px 16px; padding: 3rem 1.5rem 1rem; text-align: center; } .offer__product.licence { width: 25% } .offer__product.licence:before { border-width: 3px; border-width: 0.1875rem; border-radius: 10px; } .offer__product.licence:hover { cursor: default; } .offer__product.licence:hover:before { background-color: #ebf6f7; } .offer__product.licence.abtesting { width: 50% } .offer__product.licence.highlight:before { border-color: #ebf6f7; background-color: #ebf6f7; } .offer__product.licence .body { padding: 32px 48px 16px; padding: 2rem 3rem 1rem; } @media only screen and (max-width: 768px) { .offer__product.licence .body { padding: 32px 32px 16px; padding: 2rem 2rem 1rem; } } .offer__product.licence .body .offer-subheading { color: #646464; } .offer__product.licence .body h3 { display: inline-block; color: #67b7bf; font-family: "futurademi", Arial, sans-serif; line-height: 1.2; margin-bottom: 1.5rem; margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } @media only screen and (max-width: 1200px) { .offer__product.licence .body h3 { margin-left: 0; -webkit-transform: none; transform: none; } } .offer__product.licence .body h3 div { color: #646464; } .offer__product.licence .body h3 .cut-price { display: inline-block; text-decoration: line-through; color: #646464; margin-bottom: 0; } .offer__product.licence .body .button-list { max-width: 250px; } .offer__product.licence .body .button-price-tag>div>div:last-child { background-color: #67b7bf; } .offer__product.licence .body .button-price-tag>div>div:last-child:hover { background-color: #48a2ab; } .offer__product.licence .body .button.bordered:hover { background-color: #FFF; color: #67b7bf; } .offer__product.licence[promo] .body h3 { color: #4bd2e2; } .offer__product.licence[promo] .body .button-price-tag>div>div:last-child { background-color: #4bd2e2; } .offer__product.licence[promo] .body .button-price-tag>div>div:last-child:hover { background-color: #0ec6dc; } .offer__product.licence[promo] .button-cart { background-color: #4bd2e2; } .offer__product.licence[promo] .button-cart:hover { background-color: #0ec6dc; } @media only screen and (max-width: 1200px) { .offer__product.licence { width: 50%; margin-bottom: 1.5rem; } } @media only screen and (max-width: 620px) { .offer__product.licence { width: 100%; margin-bottom: 1.5rem; } } .offer__product.trackpacks { width: 100%; display: block; padding: 4px 16px; } .offer__product.trackpacks::before { border-radius: 10px; } @media only screen and (max-width: 1200px) { .offer__product.trackpacks { margin-bottom: 1.5rem; } } .offer__product.trackpacks .pack-selector { margin-bottom: 30px; } .offer__product.trackpacks .pack-selector .pack { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 32px 32px 0rem 32px; padding: 2rem 2rem 0rem 2rem; } .offer__product.trackpacks .pack-selector .pack>* { width: 12rem; text-align: center; } .offer__product.trackpacks .pack-selector .pack .quantity-picker { margin-bottom: 12px; margin-bottom: 0.75rem; } .offer__product.trackpacks .pack-selector .pack .offer-heading { font-size: 1rem; margin-bottom: 8px; margin-bottom: 0.5rem; } .offer__product.trackpacks .pack-selector .pack .button-checkbox { margin: 0 7px; } .offer__product.trackpacks .pack-selector .pack .discount { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 8px 0rem 0rem 0rem; margin: 0.5rem 0rem 0rem 0rem; text-transform: uppercase; white-space: nowrap; } .offer__product.trackpacks .pack-selector .pack .discount .discount-amount { font-family: "futurabold", Arial, sans-serif; margin-left: 8px; } .offer__product.trackpacks .pack-displaying { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 20px 4rem 0 4rem; } @media only screen and (max-width: 992px) { .offer__product.trackpacks .pack-displaying { -ms-flex-flow: column; flex-flow: column; margin: 0 3rem; } } .offer__product.trackpacks .pack-displaying .pack { padding: 8px 32px 40px 32px; padding: 0.5rem 2rem 2.5rem 2rem; text-align: center; width: 100% } @media only screen and (max-width: 992px) { .offer__product.trackpacks .pack-displaying .pack { padding: 16px; padding: 1rem; } .offer__product.trackpacks .pack-displaying .pack:last-child { padding-bottom: 40px; padding-bottom: 2.5rem; } } .offer__product.trackpacks .pack-displaying .pack .offer-heading { text-align: center; } .offer__product.trackpacks .pack-displaying .pack h3 { display: inline-block; color: #67b7bf; font-family: "futurabook", Arial, sans-serif; line-height: 1.2; margin-bottom: 1rem; min-height: 56px; } @media only screen and (max-width: 992px) { .offer__product.trackpacks .pack-displaying .pack h3 { margin-bottom: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: initial; } } .offer__product.trackpacks .pack-displaying .pack h3 div { color: #646464; display: inline-block; } @media only screen and (max-width: 992px) { .offer__product.trackpacks .pack-displaying .pack h3 div { margin-left: 8px; } } .offer__product.trackpacks .pack-displaying .pack .button-list { margin: 0; width: auto; } @media only screen and (max-width: 992px) { .offer__product.trackpacks .pack-displaying .pack .button-list { max-width: 250px; margin: 0 auto; } } .offer__product.trackpacks .pack-displaying.all-licences .pack { padding: 8px 16px 40px 16px; padding: 0.5rem 1rem 2.5rem 1rem; } .offer__product.trackpacks .pack-displaying.all-licences .pack:nth-of-type(1) { padding: 8px 16px 40px 64px; padding: 0.5rem 1rem 2.5rem 4rem; } .offer__product.trackpacks .pack-displaying.all-licences .pack:nth-of-type(4) { padding: 8px 64px 40px 16px; padding: 0.5rem 4rem 2.5rem 1rem; } @media only screen and (max-width: 992px) { .offer__product.trackpacks .pack-displaying.all-licences .pack: nth-of-type(1), .offer__product.trackpacks .pack-displaying.all-licences .pack:nth-of-type(2), .offer__product.trackpacks .pack-displaying.all-licences .pack:nth-of-type(3), .offer__product.trackpacks .pack-displaying.all-licences .pack:nth-of-type(4) { padding: 8px 64px 12px 64px; padding: 0.5rem 4rem 0.75rem 4rem; } .offer__product.trackpacks .pack-displaying.all-licences .pack:nth-of-type(4) { padding: 8px 64px 40px 64px; padding: 0.5rem 4rem 2.5rem 4rem; } } .offer__product.exclusive { width: 50%; display: block; padding: 4px 16px; } .offer__product.exclusive::before { border-radius: 10px; } @media only screen and (max-width: 1200px) { .offer__product.exclusive { margin-bottom: 1.5rem; } } @media only screen and (max-width: 992px) { .offer__product.exclusive { width: 90% } } .offer__product.exclusive .exclusive-offer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; } @media only screen and (max-width: 992px) { .offer__product.exclusive .exclusive-offer { -ms-flex-flow: column; flex-flow: column; } } .offer__product.exclusive .exclusive-offer .pack { padding: 32px; padding: 2rem; text-align: center; width: 100% } @media only screen and (max-width: 992px) { .offer__product.exclusive .exclusive-offer .pack { padding: 32px; padding: 2rem; } } .offer__product.exclusive .exclusive-offer .pack .offer-heading { text-align: center; margin-bottom: 1.5rem; } .offer__product.exclusive .exclusive-offer .pack h1 { line-height: 1; margin-bottom: 0.5rem; } .offer__product.exclusive .exclusive-offer .pack h3 { display: inline-block; color: #4bd2e2; font-family: "futurademi", Arial, sans-serif; line-height: 1.2; margin-bottom: 1.5rem; } .offer__product.exclusive .exclusive-offer .pack h3 div { color: #646464; } @media only screen and (max-width: 992px) { .offer__product.exclusive .exclusive-offer .pack h3 div { display: inline-block; } } .offer__product.exclusive .exclusive-offer .pack h3.cut-price { display: block; text-decoration: line-through; color: #646464; margin-bottom: 0; } .offer__product.exclusive .exclusive-offer .pack .button-list { margin: 0; width: auto; } @media only screen and (max-width: 992px) { .offer__product.exclusive .exclusive-offer .pack .button-list { max-width: 250px; margin: 0 auto; } } .offer__product .button-list.vertical { margin-bottom: 1rem; margin: 0rem auto 1.5rem; } .offer__product .button-list.vertical .button-price-tag>div>div { text-align: center; } .offer__product .price, .offer__product .old-price { font-size: 26px; color: #67b7bf; } .offer__product .price, .offer__product .price-year, .offer__product .old-price, .offer__product .old-price-year { display: inline-block; } .offer__product .price-year, .offer__product .old-price-year { margin-bottom: 16px; margin-bottom: 1rem; color: #b3b3b3; line-height: 3.182; } .offer__product .old-price { border: none; color: #999; font-size: 1.5rem; position: relative; display: inline-block; margin-right: 8px; } .offer__product .old-price::before { content: ''; width: 100%; position: absolute; right: 0; top: 50%; border-bottom: 1px solid; -webkit-transform: skewY(-10deg); transform: skewY(-10deg); } .offer__product .price-condition { color: #67b7bf; font-size: 0.75rem; padding-bottom: 1.25rem; margin-top: -0.5rem; } .offer__product .information { text-align: left; line-height: 1.334; } @media only screen and (max-width: 620px) { .offer__product .information { text-align: center; } } .offer__product .information p { color: gray; font-family: "futurademi", Arial, sans-serif; margin-bottom: 8px; margin-bottom: 0.5rem; } .offer__product .information ul { color: #646464; margin-bottom: 16px; margin-bottom: 1rem; } .offer__product .information ul>li { margin-bottom: 6px; margin-bottom: 0.375rem; font-size: 13px; } .offer__product .information .button-checkbox { min-width: 200px; } @media only screen and (max-width: 620px) { .offer__product .information .button-checkbox>label { text-align: center; } } .offer__product.no-year-price .body { padding: 2rem 1.5rem 1rem; } .offer__product.no-year-price .price { margin-bottom: 20px; } .offer__alternative-cta { margin: 32px auto; margin: 2rem auto; } .button-checkbox.expand>.licences-displaying { transition: all 0.1s ease-in; height: 0px; display: block; opacity: 0; margin-top: 2rem; } .button-checkbox.expand>.licences-displaying>ul { display: none; } .button-checkbox.expand .separator { display: block; margin: 0 auto 2rem; width: 2.5rem; height: 0.5rem; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; content: ""; display: table; } .button-checkbox.expand .offer__alternative-cta { margin-bottom: 4rem; } .button-checkbox.expand input[type="checkbox"]:checked~.licences-displaying { opacity: 1; transition-property: all; height: 100%; margin-bottom: 2rem; } .button-checkbox.expand input[type="checkbox"]:checked~.licences-displaying>ul { display: block; } .button-checkbox.expand input[type="checkbox"]:checked~.offer__alternative-cta { -webkit-animation-name: opak; animation-name: opak; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; } @-webkit-keyframes opak { 0%, 68% { opacity: 0; } 68%, 100% { opacity: 1; } } @keyframes opak { 0%, 68% { opacity: 0; } 68%, 100% { opacity: 1; } } .offer-category { line-height: 1.334; color: #b3b3b3; text-transform: uppercase; letter-spacing: 1px; text-align: center; } .offer-category.highlight { color: #8bc8ce; } .offer-heading { margin-bottom: 8px; margin-bottom: 0.5rem; font-family: "futurademi", Arial, sans-serif; line-height: 1.2; } .offer-heading.highlight { color: #48a2ab; } .offer-subheading { margin: 8px 0 16px; margin: 0.5rem 0 1rem; min-height: 41px; min-height: 2.5625rem; display: block; line-height: 1.5; } .offer-subheading.highlight { color: #48a2ab; } .pagination { width: 100%; text-align: center; margin-top: 48px; margin-top: 3rem; } .collapse-section { position: relative; width: 100%; max-height: 0; visibility: hidden; display: none; opacity: 0; overflow: hidden; transition-duration: .3s; } .collapse-section.active { visibility: visible; max-height: 350px; opacity: 1; display: block; } .refine-results { line-height: 0.8; } @-webkit-keyframes text-color-less { 0% { color: #b3b3b3; } 100% { color: #b3b3b3; } } @keyframes text-color-less { 0% { color: #b3b3b3; } 100% { color: #b3b3b3; } } .refine-results .main-refine-btn { margin: 0.5rem 0; } .refine-results .button-checkbox.expand label[for=refine-content] { padding: 0rem 0 0.75rem 0; } @media only screen and (max-width: 768px) { .refine-results .button-checkbox.expand label[for=refine-content] { padding: 0.75rem 0; } } .refine-results .button-checkbox.expand .content-displaying { width: 100%; font-size: 0.875rem; } @media only screen and (max-width: 768px) { .refine-results .button-checkbox.expand .content-displaying { margin-top: 10px; padding-left: 5px; padding-right: 10px; } } .refine-results .button-checkbox.expand .content-displaying section { border-bottom: 1px solid #ebebeb; padding-top: 0.75rem; padding-bottom: 0.5rem; margin-bottom: 0; font-size: 14px; font-size: 0.875rem; } .refine-results .button-checkbox.expand .content-displaying section h2 { color: gray; } .refine-results .button-checkbox.expand .content-displaying[visible] { max-height: 999px; transition: max-height 0.6s cubic-bezier(1, 0, 1, 0); } .refine-results .button-checkbox.expand .content-displaying[visible] .see-more-less span { -webkit-animation: text-color-less .1s linear .5s; animation: text-color-less .1s linear .5s; color: #b3b3b3; } .refine-results .button-checkbox.expand .content-displaying[no-animation] { transition: none; } .refine-results .button-checkbox.expand .content-displaying[no-animation] .tgl-light+.tgl-btn, .refine-results .button-checkbox.expand .content-displaying[no-animation] .tgl-light+.tgl-btn:after { transition: none; } .refine-results .button-checkbox.expand .content-displaying-tags { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-height: 0; overflow: hidden; } .refine-results .button-checkbox.expand .content-displaying-tags[visible] { max-height: 500px; transition: max-height 0.6s cubic-bezier(1, 0, 1, 0); } .refine-results .button-checkbox.expand input[type="checkbox"]:checked~.content-displaying { max-height: 2999px; -webkit-animation: text-color-less .1s linear .5s; animation: text-color-less .1s linear .5s; } .refine-results .button-checkbox.expand input[type="checkbox"]:checked~.content-displaying[visible] { max-height: 1870px; transition: max-height 0.6s cubic-bezier(1, 0, 1, 0); } @media screen and (max-width: 768px) { .refine-results .button-checkbox.expand input[type="checkbox"]: checked~.content-displaying[visible] { max-height: 1870px; } } .refine-results .button-checkbox.expand input[type="checkbox"]:checked~.content-displaying[no-animation] { transition: none; } .refine-results .button-checkbox.expand input[type="checkbox"]:checked~.content-displaying[no-animation] .tgl-light+.tgl-btn, .refine-results .button-checkbox.expand input[type="checkbox"]:checked~.content-displaying[no-animation] .tgl-light+.tgl-btn:after { transition: none; } .refine-results .content-displaying.toggle-actions [flex-raw-space-between] { margin-bottom: 0.5rem; } .refine-results .content-displaying.toggle-actions h3 { margin: 0; font-size: 15px; font-size: 0.9375rem; color: gray; } .refine-results .content-displaying.toggle-actions .content-displaying h3 { padding-left: 12px; } .refine-results .content-displaying.toggle-actions .tgl-light+.tgl-btn { background: #ccc !important; padding: 2px; } .refine-results .content-displaying.toggle-actions .tgl-light:checked+.tgl-btn { background: #67b7bf !important; } @media screen and (max-width: 768px) { .refine-results .content-displaying.toggle-actions[visible] { min-height: calc(100vh - 167px); max-height: 1870px; } @-webkit-keyframes toggle-height { 0% { min-height: 0px; max-height: 0px; } 100% { min-height: calc(100vh - 167px); max-height: 1870px; } } @keyframes toggle-height { 0% { min-height: 0px; max-height: 0px; } 100% { min-height: calc(100vh - 167px); max-height: 1870px; } } } .refine-results .content-displaying.toggle-actions>button { margin: 1.5rem auto; display: block; } @media screen and (min-width: 768px) { .refine-results .content-displaying.toggle-actions>button { display: none; } } .refine-results .form-checkbox-buttons-group { position: relative; margin-bottom: 0.5rem; } .refine-results .form-checkbox-buttons-group .button-checkbox { margin: 3px 0px; padding: 0; width: calc((100% - 12px) / 3); } .refine-results .form-checkbox-buttons-group .button-checkbox:nth-child(3n+1) { margin-right: 6px; } .refine-results .form-checkbox-buttons-group .button-checkbox:nth-child(3n+3) { margin-left: 6px; } .refine-results .form-checkbox-buttons-group .button-checkbox.right-position { margin-left: 6px; margin-right: 0px; } .refine-results .form-checkbox-buttons-group .button-checkbox label span { color: #FFF; background-color: #b3b3b3; width: 100%; text-align: center; font-size: 14px; font-size: 0.875rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 10px 5px; height: 49px; line-height: 2.1; font-size: 13px; } .refine-results .form-checkbox-buttons-group .button-checkbox input[type="checkbox"]:checked+label span { background-color: #67b7bf; } .refine-results .form-checkbox-buttons-group .button-checkbox.see-more-less label { position: relative; } .refine-results .form-checkbox-buttons-group .button-checkbox.see-more-less label::after { content: ''; position: absolute; border: 1px solid #b3b3b3; border-radius: 4px; width: 100%; height: 100%; background-color: transparent; display: block; } .refine-results .form-checkbox-buttons-group .button-checkbox.see-more-less label span { background-color: transparent; color: #b3b3b3; line-height: 1; white-space: initial; z-index: 1; overflow: visible; text-overflow: initial; line-height: 2.1; font-size: 13px; } .refine-results .form-checkbox-buttons-group .button-checkbox.see-more-less~.content-displaying, .refine-results .form-checkbox-buttons-group .button-checkbox.see-more-less~.content-displaying[visible] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .refine-results .form-group { margin-bottom: 0; } .refine-results .form-group label { font-size: 15px; font-size: 0.9375rem; color: gray; font-weight: initial; text-transform: capitalize; } .refine-results .form-group label[for=track_speed] { margin-top: 0.75rem; margin-bottom: 0.75rem; } .refine-results .form-group label[for=track_duration] { margin-top: 0.75rem; margin-bottom: 0.75rem; } .refine-results .form-group .ui-widget-content { width: calc(100% - 20px); margin-left: 8px; } .refine-results .form-group .scale .start, .refine-results .form-group .scale .end { margin-top: 1rem; } .refine-results .form-group .scale .intermediate { margin-top: 0.5rem; left: 6%; right: 6% } .refine-results .form-group .scale.scale10 { margin-bottom: 1rem; left: 8px; right: 8px; width: calc(100% - 16px); } .refine-results .form-group .ui-slider-horizontal .ui-slider-handle { width: 26px; height: 26px; top: -10px; margin-left: -8px; border-width: 2px; } .refine-results .form-group .ui-slider-horizontal .ui-slider-handle:last-of-type { margin-left: -14px; } .section-promote { padding: 2rem; } .section-promote * { color: #FFF; } .section-promote>div { max-width: 75%; margin: 0 auto; } @media screen and (max-width: 1400px) { .section-promote>div { max-width: 80% } } @media screen and (max-width: 1400px) { .section-promote>div { max-width: 85% } } @media screen and (max-width: 1300px) { .section-promote>div { max-width: 95% } } @media screen and (max-width: 950px) { .section-promote>div { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 460px) { .section-promote>div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .section-promote>div figure { margin: 0; } .section-promote>div figure.phone-video { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/phone-video.svg"); height: 115px; width: 65px; min-width: 65px; } .section-promote>div .text-container { padding: 0 2.5rem; } .section-promote>div .text-container h1 { font-size: 22px; font-size: 1.375rem; line-height: 1.3; } .section-promote>div .text-container h1 span { color: #87edf9; font-family: "futurabold", Arial, sans-serif; } .section-promote>div .text-container>p { line-height: 1.4; } .section-promote>div .text-container>p:last-of-type { margin-bottom: 0; } @media screen and (max-width: 950px) { .section-promote>div .text-container { padding-right: 0; width: calc(100% - 65px); } } @media screen and (max-width: 460px) { .section-promote>div .text-container { padding-left: 0; width: 100%; margin-top: 1rem; text-align: center; } } .section-promote>div button { width: 250px; min-width: 250px; } @media screen and (max-width: 950px) { .section-promote>div button { margin-left: calc(2.5rem + 65px); margin-top: 1rem; } } @media screen and (max-width: 460px) { .section-promote>div button { margin-left: 0; } } @media screen and (max-width: 992px) { .section-promote.no-picture h1 { font-size: 32px; } .section-promote.no-picture h2 { font-size: 18px; } } @media screen and (max-width: 950px) { .section-promote.no-picture button { margin-left: 0; margin-top: 1rem; } } .banner-promote { background-color: #67b7bf; width: 100%; max-height: 100%; position: fixed; bottom: 0; z-index: 770; padding: 2.5rem 2rem; transition-duration: .6s; transition-property: -webkit-transform; transition-property: transform; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-transform: translate3d(0px, 100%, 0px); transform: translate3d(0px, 100%, 0px); overflow: auto !important; } .banner-promote.active { -webkit-transform: translate3d(0px, 0%, 0px); transform: translate3d(0px, 0%, 0px); } .banner-promote__close-action { float: right; margin: -1.5rem -1rem 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .banner-promote__close-action__text { margin: 0; color: white; font-size: 15px; } .banner-promote__close-action__icon { transition-duration: .4s; transition-property: -webkit-transform; transition-property: transform; font-size: 12px; color: white; margin-left: 10px; } .banner-promote__close-action:hover { text-decoration: none; } .banner-promote__close-action:hover__icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .banner-promote__container { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 992px) { .banner-promote__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .banner-promote__container__text-container { margin-right: 2.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 992px) { .banner-promote__container__text-container { margin-right: 0; width: 100%; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .banner-promote__container__text-container__text1 { font-size: 33px; margin-bottom: 8px; color: white; } @media screen and (max-width: 992px) { .banner-promote__container__text-container__text1 { font-size: 25px; } } @media screen and (max-width: 480px) { .banner-promote__container__text-container__text1 { font-size: 20px; } } .banner-promote__container__text-container__text2 { font-size: 24px; color: white; } @media screen and (max-width: 992px) { .banner-promote__container__text-container__text2 { font-size: 20px; } } @media screen and (max-width: 480px) { .banner-promote__container__text-container__text2 { font-size: 18px; } } .banner-promote__container__cta-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .btn-icon .icon+.icon, .btn-pill .icon+.icon, .is-on.btn-icon .icon, .is-on.btn-pill .icon, .is-toggled.btn-icon .icon, .is-toggled.btn-pill .icon { display: none } .is-on.btn-icon .icon+.icon, .is-on.btn-pill .icon+.icon, .is-toggled.btn-icon .icon+.icon, .is-toggled.btn-pill .icon+.icon { display: inline } .is-on.btn-icon, .is-on.btn-icon:hover, .is-on.btn-pill, .is-on.btn-pill:hover { color: } .btn-social:after, .btn:after { z-index: -3 } .btn-social.is-active:after, .btn.btn--lg.is-active:after { -webkit-animation: btn-lg-active-outer .8s linear; animation: btn-lg-active-outer .8s linear } .btn-icon { width: 32px; height: 48px } .btn-icon::-moz-focus-inner { border: 0; outline: 0 } .btn-icon .icon { display: inline; line-height: 48px } .btn-icon .notification-count { padding: 3px; color: #FFF; position: absolute; top: 8px; right: 4px; background-color:; border-radius: 2px; text-align: center; line-height: 1 } .btn-icon:after { background-color: #737373 } .btn-icon.btn--overlay.is-active:after, .btn-pill:after { background-color: #FFF } .btn-icon.is-active:after { border-radius: 100%; opacity: 0; filter: alpha(opacity=0); margin: -28px 0 0 -28px; height: 56px; width: 56px; z-index: -2; content: ""; -webkit-animation: btn-icon-is-active .8s linear; animation: btn-icon-is-active .8s linear } @-webkit-keyframes btn-icon-is-active { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0) } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: .2; filter: alpha(opacity=20) } 100% { opacity: 0; filter: alpha(opacity=0) } } @keyframes btn-icon-is-active { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0) } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: .2; filter: alpha(opacity=20) } 100% { opacity: 0; filter: alpha(opacity=0) } } .btn-like { height: 32px; padding: 0 16px } .btn-like .icon { margin-right: 8px } .btn-like.is-on { color: } .btn-link { color: #262626; text-decoration: underline; line-height: 1; padding: 18px 12px } .author a, .btn-secondary-menu { text-decoration: none } .btn-link:hover { color: #000 } .btn-link.btn--brand { color: } .btn-link.btn--brand:hover { color: #d20036 } .btn-link.is-disabled, .btn-link[disabled] { color: #bfbfbf !important; pointer-events: none } .btn-link.is-disabled:hover, .btn-link[disabled]:hover { color: #bfbfbf !important; cursor: not-allowed } .button-checkbox label, .player-volume input[type=range]:hover, .range input[type=range]:hover, .social-cta { cursor: pointer } .btn-pill { width: 48px; height: 48px } .btn-pill:after, .btn-pill:before { border-radius: 24px; top: 2px; right: 2px; bottom: 2px; left: 2px } .btn-pill:after { z-index: -1; -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0) } .btn-pill .icon { display: inline; line-height: 48px } .btn-pill.btn--sm:after, .btn-pill.btn--sm:before { top: 12px; right: 12px; bottom: 12px; left: 12px } .btn-pill.btn--xs:after, .btn-pill.btn--xs:before { top: 16px; right: 16px; bottom: 16px; left: 16px } .btn-social:after, .btn-social:before { top: 8px; bottom: 8px; left: 0; right: 0 } .btn-pill.btn--xs .icon { font-size: 8px } .btn-pill.btn--hybrid { width: auto; padding: 0 16px } .btn-pill.btn--hybrid span { line-height: 48px; vertical-align: top; margin-left: 6px } .btn-social { padding: 8px 0 } .btn-social>div { padding: 8px 10px } .btn-social>div:first-child { line-height: 1; border-right: 1px solid #FFF; color: #FFF } .btn-social>div:last-child { width: 100% } .btn-social:after { background-color: #737373 } .social-cta { width: 180px; height: 43px; background-size: cover; background-color: #FFF; border-radius: 5px } .icon-donation, .logo { background-repeat: no-repeat; background-size: contain } .btn.btn--discreet--tag:before, .btn.btn--discreet:before { background-color: #bfbfbf } .btn.btn--discreet--tag:after, .btn.btn--discreet:after { background-color: transparent } .btn.btn--discreet--tag:active:before, .btn.btn--discreet--tag:hover:before, .btn.btn--discreet:active:before, .btn.btn--discreet:hover:before { background-color: #999 } .btn-icon.btn--discreet, .btn-icon.btn--discreet:link, .btn-icon.btn--discreet:visited, .btn-like, .btn-like:link, .btn-like:visited { color: #999 } .btn-icon.btn--discreet:active, .btn-icon.btn--discreet:hover, .btn-like:active, .btn-like:hover { color: } .btn.btn--discreet--tag.selected:before, .btn.btn--discreet--tag:active:before, .btn.btn--discreet--tag:hover:before { background-color: #bfbfbf } .btn-icon .icon+.icon, .btn-pill .icon+.icon, .is-on.btn-icon .icon, .is-on.btn-pill .icon, .is-toggled.btn-icon .icon, .is-toggled.btn-pill .icon { display: none } .is-on.btn-icon .icon+.icon, .is-on.btn-pill .icon+.icon, .is-toggled.btn-icon .icon+.icon, .is-toggled.btn-pill .icon+.icon { display: inline } .is-on.btn-icon, .is-on.btn-icon:hover, .is-on.btn-pill, .is-on.btn-pill:hover { color: } .icon-add:before { content: "" } .icon-add-to-playlist:before { content: "" } .icon-add-to-queue:before { content: "" } .icon-alert-full:before { content: "" } .icon-alert-line:before { content: "" } .icon-archive:before { content: "" } .icon-arrow-bullet:before { content: "" } .icon-breadcrumb:before { content: "" } .icon-camera:before { content: "" } .icon-cart:before { content: "" } .icon-cart-new:before { content: "" } .icon-cart-new2:before { content: "" } .icon-cart-new-add:before { content: "" } .icon-cc:before { content: "" } .icon-cc-by:before { content: "" } .icon-cc-nc:before { content: "" } .icon-cc-nd:before { content: "" } .icon-cc-sa:before { content: "" } .icon-certificate:before { content: "" } .icon-check:before { content: "" } .icon-checkbox-checked-bordered:before { content: "" } .icon-checkbox-checked-plain:before { content: "" } .icon-checkbox-unchecked:before { content: "" } .icon-chevron-down:before { content: "" } .icon-chevron-left:before { content: "" } .icon-chevron-new2:before { content: "" } .icon-chevron-right:before { content: "" } .icon-chevron-up:before { content: "" } .icon-clockwise:before { content: "" } .icon-close:before { content: "" } .icon-comment:before { content: "" } .icon-copy:before { content: "" } .icon-counterclockwise:before { content: "" } .icon-credit-card-back:before { content: "" } .icon-credit-card-front:before { content: "" } .icon-cross-delete:before { content: "" } .icon-date:before { content: "" } .icon-download:before { content: "" } .icon-download-thin:before { content: "" } .icon-duration:before { content: "" } .icon-edit:before { content: "" } .icon-error-4xx:before { content: "" } .icon-error-5xx:before { content: "" } .icon-external-link:before { content: "" } .icon-facebook:before { content: "" } .icon-filter:before { content: "" } .icon-flag:before { content: "" } .icon-follow:before { content: "" } .icon-globe:before { content: "" } .icon-google:before { content: "" } .icon-go-to:before { content: "" } .icon-handle:before { content: "" } .icon-heart:before { content: "" } .icon-heart-on:before { content: "" } .icon-hexagon:before { content: "" } .icon-hexagon-mask:before { content: "" } .icon-hexagon-on:before { content: "" } .icon-history:before { content: "" } .icon-home:before { content: "" } .icon-info-full-new2:before { content: "" } .icon-info-new2:before { content: "" } .icon-information:before { content: "" } .icon-instagram:before { content: "" } .icon-licence-l:before { content: "" } .icon-licence-p:before { content: "" } .icon-licence-std:before { content: "" } .icon-link:before { content: "" } .icon-linkedin:before { content: "" } .icon-lock:before { content: "" } .icon-mail:before { content: "" } .icon-menu:before { content: "" } .icon-menu-secondary:before { content: "" } .icon-menu-tradingdesk:before { content: "" } .icon-messenger:before { content: "" } .icon-music-note:before { content: "" } .icon-mute:before { content: "" } .icon-my-music-tradingdesk:before { content: "" } .icon-my-music-tradingdesk2:before { content: "" } .icon-next:before { content: "" } .icon-pause:before { content: "" } .icon-pdf:before { content: "" } .icon-phone:before { content: "" } .icon-picture:before { content: "" } .icon-play:before { content: "" } .icon-playlist-access:before { content: "" } .icon-play-next:before { content: "" } .icon-previous:before { content: "" } .icon-queue:before { content: "" } .icon-queue-access:before { content: "" } .icon-radio-checked-chevron:before { content: "" } .icon-radio-checked-chevron-plain:before { content: "" } .icon-radio-checked-round:before { content: "" } .icon-radio-unchecked:before { content: "" } .icon-reddit:before { content: "" } .icon-refine:before { content: "" } .icon-remove:before { content: "" } .icon-remove-from-playlist:before { content: "" } .icon-repeat:before { content: "" } .icon-repeat-one:before { content: "" } .icon-repost:before { content: "" } .icon-sad:before { content: "" } .icon-search:before { content: "" } .icon-send:before { content: "" } .icon-share:before { content: "" } .icon-share-video:before { content: "" } .icon-shuffle:before { content: "" } .icon-similar:before { content: "" } .icon-sort:before { content: "" } .icon-sound:before { content: "" } .icon-streaming:before { content: "" } .icon-thumbs-down:before { content: "" } .icon-thumbs-up:before { content: "" } .icon-too-old:before { content: "" } .icon-trash:before { content: "" } .icon-twitter:before { content: "" } .icon-undo:before { content: "" } .icon-user:before { content: "" } .icon-user-new2:before { content: "" } .icon-video:before { content: "" } .icon-vk:before { content: "" } .icon-volume:before { content: "" } .icon-warning:before { content: "" } .icon-wrong:before { content: "" } .icon-youtube:before { content: "" } .icon-apple:before { content: "" } .icon-add-to-playlist-s:before { content: "" } .icon-add-to-queue-s:before { content: "" } .icon-close-s:before { content: "" } .icon-comment-s:before { content: "" } .icon-date-s:before { content: "" } .icon-download-s:before { content: "" } .icon-duration-s:before { content: "" } .icon-external-link-s:before { content: "" } .icon-flag-s:before { content: "" } .icon-follow-s:before { content: "" } .icon-handle-s:before { content: "" } .icon-heart-on-s:before { content: "" } .icon-lock-s:before { content: "" } .icon-menu-secondary-s:before { content: "" } .icon-pause-s:before { content: "" } .icon-picture-s:before { content: "" } .icon-playlist-access-s:before { content: "" } .icon-queue-access-s:before { content: "" } .icon-repost-s:before { content: "" } .icon-send-s:before { content: "" } .icon-share-s:before { content: "" } .icon-sort-s:before { content: "" } .icon-thumbs-down-s:before { content: "" } .icon-thumbs-up-s:before { content: "" } .icon-play-s:before { content: "" } .icon-user-s:before { content: "" } .icon-data-add:before { content: "" } .icon-data-add-to-playlist:before { content: "" } .icon-data-add-to-queue:before { content: "" } .icon-data-alert-full:before { content: "" } .icon-data-alert-line:before { content: "" } .icon-data-archive:before { content: "" } .icon-data-arrow-bullet:before { content: "" } .icon-data-breadcrumb:before { content: "" } .icon-data-camera:before { content: "" } .icon-data-cart:before { content: "" } .icon-data-cart-new:before { content: "" } .icon-data-cart-new2:before { content: "" } .icon-data-cart-new-add:before { content: "" } .icon-data-cc:before { content: "" } .icon-data-cc-by:before { content: "" } .icon-data-cc-nc:before { content: "" } .icon-data-cc-nd:before { content: "" } .icon-data-cc-sa:before { content: "" } .icon-data-certificate:before { content: "" } .icon-data-check:before { content: "" } .icon-data-checkbox-checked-bordered:before { content: "" } .icon-data-checkbox-checked-plain:before { content: "" } .icon-data-checkbox-unchecked:before { content: "" } .icon-data-chevron-down:before { content: "" } .icon-data-chevron-left:before { content: "" } .icon-data-chevron-new2:before { content: "" } .icon-data-chevron-right:before { content: "" } .icon-data-chevron-up:before { content: "" } .icon-data-clockwise:before { content: "" } .icon-data-close:before { content: "" } .icon-data-comment:before { content: "" } .icon-data-copy:before { content: "" } .icon-data-counterclockwise:before { content: "" } .icon-data-credit-card-back:before { content: "" } .icon-data-credit-card-front:before { content: "" } .icon-data-cross-delete:before { content: "" } .icon-data-date:before { content: "" } .icon-data-download:before { content: "" } .icon-data-download-thin:before { content: "" } .icon-data-duration:before { content: "" } .icon-data-edit:before { content: "" } .icon-data-error-4xx:before { content: "" } .icon-data-error-5xx:before { content: "" } .icon-data-external-link:before { content: "" } .icon-data-facebook:before { content: "" } .icon-data-filter:before { content: "" } .icon-data-flag:before { content: "" } .icon-data-follow:before { content: "" } .icon-data-globe:before { content: "" } .icon-data-google:before { content: "" } .icon-data-go-to:before { content: "" } .icon-data-handle:before { content: "" } .icon-data-heart:before { content: "" } .icon-data-heart-on:before { content: "" } .icon-data-hexagon:before { content: "" } .icon-data-hexagon-mask:before { content: "" } .icon-data-hexagon-on:before { content: "" } .icon-data-history:before { content: "" } .icon-data-home:before { content: "" } .icon-data-info-full-new2:before { content: "" } .icon-data-info-new2:before { content: "" } .icon-data-information:before { content: "" } .icon-data-instagram:before { content: "" } .icon-data-licence-l:before { content: "" } .icon-data-licence-p:before { content: "" } .icon-data-licence-std:before { content: "" } .icon-data-link:before { content: "" } .icon-data-linkedin:before { content: "" } .icon-data-lock:before { content: "" } .icon-data-mail:before { content: "" } .icon-data-menu:before { content: "" } .icon-data-menu-secondary:before { content: "" } .icon-data-menu-tradingdesk:before { content: "" } .icon-data-messenger:before { content: "" } .icon-data-music-note:before { content: "" } .icon-data-mute:before { content: "" } .icon-data-my-music-tradingdesk:before { content: "" } .icon-data-my-music-tradingdesk2:before { content: "" } .icon-data-next:before { content: "" } .icon-data-pause:before { content: "" } .icon-data-pdf:before { content: "" } .icon-data-phone:before { content: "" } .icon-data-picture:before { content: "" } .icon-data-play:before { content: "" } .icon-data-playlist-access:before { content: "" } .icon-data-play-next:before { content: "" } .icon-data-previous:before { content: "" } .icon-data-queue:before { content: "" } .icon-data-queue-access:before { content: "" } .icon-data-radio-checked-chevron:before { content: "" } .icon-data-radio-checked-chevron-plain:before { content: "" } .icon-data-radio-checked-round:before { content: "" } .icon-data-radio-unchecked:before { content: "" } .icon-data-reddit:before { content: "" } .icon-data-refine:before { content: "" } .icon-data-remove:before { content: "" } .icon-data-remove-from-playlist:before { content: "" } .icon-data-repeat:before { content: "" } .icon-data-repeat-one:before { content: "" } .icon-data-repost:before { content: "" } .icon-data-sad:before { content: "" } .icon-data-search:before { content: "" } .icon-data-send:before { content: "" } .icon-data-share:before { content: "" } .icon-data-share-video:before { content: "" } .icon-data-shuffle:before { content: "" } .icon-data-similar:before { content: "" } .icon-data-sort:before { content: "" } .icon-data-sound:before { content: "" } .icon-data-streaming:before { content: "" } .icon-data-thumbs-down:before { content: "" } .icon-data-thumbs-up:before { content: "" } .icon-data-too-old:before { content: "" } .icon-data-trash:before { content: "" } .icon-data-twitter:before { content: "" } .icon-data-undo:before { content: "" } .icon-data-user:before { content: "" } .icon-data-user-new2:before { content: "" } .icon-data-video:before { content: "" } .icon-data-vk:before { content: "" } .icon-data-volume:before { content: "" } .icon-data-warning:before { content: "" } .icon-data-wrong:before { content: "" } .icon-data-youtube:before { content: "" } .icon-data-apple:before { content: "" } .icon-data-add-to-playlist-s:before { content: "" } .icon-data-add-to-queue-s:before { content: "" } .icon-data-close-s:before { content: "" } .icon-data-comment-s:before { content: "" } .icon-data-date-s:before { content: "" } .icon-data-download-s:before { content: "" } .icon-data-duration-s:before { content: "" } .icon-data-external-link-s:before { content: "" } .icon-data-flag-s:before { content: "" } .icon-data-follow-s:before { content: "" } .icon-data-handle-s:before { content: "" } .icon-data-heart-on-s:before { content: "" } .icon-data-lock-s:before { content: "" } .icon-data-menu-secondary-s:before { content: "" } .icon-data-pause-s:before { content: "" } .icon-data-picture-s:before { content: "" } .icon-data-playlist-access-s:before { content: "" } .icon-data-queue-access-s:before { content: "" } .icon-data-repost-s:before { content: "" } .icon-data-send-s:before { content: "" } .icon-data-share-s:before { content: "" } .icon-data-sort-s:before { content: "" } .icon-data-thumbs-down-s:before { content: "" } .icon-data-thumbs-up-s:before { content: "" } .icon-data-play-s:before { content: "" } .icon-data-user-s:before { content: "" } .icon[class$="-s"] { font-size: 12px; width: 12px; height: 12px } .icon--24 { font-size: 24px; width: 24px; height: 24px } .icon--32 { font-size: 32px; width: 32px; height: 32px } .icon--48 { font-size: 48px; width: 48px; height: 48px } .icon--72 { font-size: 72px; width: 72px; height: 72px } .btn.btn--bordered:before { border-width: 1px; border-style: solid; background-color: transparent; } .btn.btn--bordered:before { border-color: #262626; } .btn:before { top: 12px; right: 0; bottom: 12px; left: 0; } .btn-fixed_btn:before, .btn-pill:before, .btn:before, .highlighted:before { background-color: #262626; } .btn-fixed_btn:after, .btn-fixed_btn:before, .btn-pill:after, .btn-pill:before, .btn-social:after, .btn-social:before, .btn-tag:before, .btn:after, .btn:before, .highlighted:before { position: absolute; z-index: -2; content: ""; } .icon-menu-secondary:before { content: ":"; font-size: 20px; font-weight: 900; } .icon-play-s:before { content: "▶"; } @media only screen and (max-width:750px) { [responsive~="750-reset-background"] { background-color: initial; } } .entry .more:after, .entry .more:before, .section-secondary .cc:after, .section-secondary .cc:before, .section-secondary:after, .section-secondary:before { content: " "; display: table; } .entry .more:after, .section-secondary .cc:after, .section-secondary:after { clear: both; } .section-header .select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } #p-year-in-review header, .entity_visual .avatar { background-size: cover; background-position: center center; } .player_background_img { -webkit-filter: blur(60px); filter: blur(60px); filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='60'); } .entry .feature .background:before, .hero-mobile_cover:after, .p-welcome .main .bg:before, .player_background:after, .post_entity:before, .tile_body:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .16; filter: alpha(opacity=16); background-color: #000; content: ""; z-index: 1; } #skeleton-notifications-followers, #skeleton-notifications-generic, #skeleton-overlay, #skeleton-player-full { position: fixed; max-width: 100%; right: 0; overflow-x: hidden; } .dispatcher .link-wrap:active, .dispatcher .link-wrap:hover, .form-search_suggestions a:active, .form-search_suggestions a:hover { background-color: #f0f0f0; } #skeleton-overlay, #skeleton-player-full { height: 100%; top: 0; left: 0; overflow-y: scroll; } .entry .type .text:focus, .form-control:focus { border-color: rgba(255, 31, 89, .7); outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 31, 89, .3); } .avatar, .entity_visual, .hero-cover { position: relative; width: 100%; padding-bottom: 100% } .loader, .player, .player_background, .player_background_img, .post_entity_content { position: relative; width: 100%; height: 100% } .avatar>div, .entity.entity--artist .entity_visual, .entity.entity--user .entity_visual, .entity_visual .avatar { width: 100%; height: 100%; border-radius: 100% } .range .thumb-path>div, .tile_body_content { display: table; width: 100%; height: 100% } #o-download .informational, #p-year-in-review header .body>div, .app-bar_wrap, .btn-social, .entity-overlay, .entity-secondary-menu .layout, .entity_information, .entry, .entry .expand-replies, .hero-plain_structure, .notifications .notification, .notifications .notification-target, .overlay-bar, .player-mini, .section-header, .section-tertiary, .track, .track .link-wrap>div { display: table; width: 100% } .edit-image-thumb-layer>div, .form-search { display: table; width: 100%; height: 100% } #o-download .informational>div, .app-bar_wrap>*, .dispatcher .icon, .dispatcher_body, .entity-overlay_body, .entity-secondary-menu .layout_body, .entity_information>div:first-child, .entry .expand-replies>div, .entry .feature .cover, .form-search_suggestions_statistic, .form-search_suggestions_text, .notifications .notification-target>div, .notifications .notification>div, .overlay-bar>*, .player-mini>*, .section-header_left, .section-header_mono, .section-header_right, .track .link-wrap, .track.track--playlist-deleted>*, .track_actions, .track_chart-position, .track_duration, .track_information, .track_tags { display: table-cell; vertical-align: middle; } .entry .feature .information, .hero-plain_structure>div { display: table-cell; vertical-align: bottom; } .entry .type>div, .entry>div { display: table-cell; vertical-align: top; } #p-year-in-review header .body>div>div, .btn-social>div, .edit-image-thumb-layer>div>div, .form-search_input, .form-search_left, .form-search_right, .p-welcome .licensing_content, .p-welcome .licensing_logo, .p-welcome .main .content, .tile_body_content_descriptive, .tile_body_content_standalone-title, .track.track--playlist-edition .track_handle { display: table-cell; text-align: center; vertical-align: middle; } .entity-overlay_body, .entity-secondary-menu .layout_body, .entity_information>div:first-child, .entry .feature .information, .overlay-bar_information, .player-mini_track_information>:first-child, .track_information { width: 100%; max-width: 50px; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: auto; margin-right: auto; color: inherit; } #p-year-in-review header .body, .edit-image-thumb-layer, .edit-image-thumb-layer:before, .entity_visual .avatar, .entity_visual .playlist-cover-grid, .entity_visual>div, .entry .feature .background, .entry .feature .content, .hero-cover>div, .hero-desktop_cover, .hero-desktop_wrap, .hero-mobile_cover>div, .p-welcome .main .bg, .post_entity:before, .post_entity>:first-child, .post_entity>:last-child, .range .thumb-path, .tile_body:before, .tile_body>:first-child, .tile_body>:last-child { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .avatar>div, .pivot-bar ul, .player-mini_volume_layer, .post .quick-play, .social-links li .icon, .track_play img { position: absolute; top: 0; left: 0; } .player_progress_current { position: absolute; bottom: 0; left: 0; } .licensing-img-insert-desktop>div, .p-welcome .licensing { position: absolute; top: 0; right: 0; } .player_progress_running { position: absolute; bottom: 0; right: 0; } .pivot-bar li.is-active a:before, .pivot-bar:before { position: absolute; bottom: 0; right: 0; left: 0; } .btn-action:after { position: absolute; bottom: 0; right: 0; left: 0; top: 0; } .btn-icon.is-active:after, .loader>div { position: absolute; left: 50%; top: 50% } #skeleton-content-veil { position: fixed; height: 100%; top: 0; left: 0; right: 0; } #skeleton-bar-new, #skeleton-bars { top: 0; right: 0; left: 0; } #skeleton-content-messages, #skeleton-player-mini, #skeleton-secondary-menu-mobile, #skeleton-toast { position: fixed; right: 0; bottom: 0; left: 0; } .btn-like .icon, .btn-like span { display: inline-block; vertical-align: middle; } .pivot-bar li { display: inline-block; vertical-align: top; } .player-mini_volume_layer { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .player-mini .player-volume_mute { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .app-bar .avatar-button, .app-bar-new .avatar-button, .app-bar-new2 .avatar-button, .btn, .btn-fixed_btn, .btn-icon, .btn-like, .btn-link, .btn-pill, .btn-secondary-menu, .btn-social, .btn-store, .btn-tag, .highlighted, .list-entity-overlay button, a.link-action:link { position: relative; display: inline-block; vertical-align: top; text-align: center; text-decoration: none; z-index: 0; } .app-bar .avatar-button:hover, .app-bar-new .avatar-button:hover, .app-bar-new2 .avatar-button:hover, .btn-fixed_btn:hover, .btn-icon:hover, .btn-like:hover, .btn-link:hover, .btn-pill:hover, .btn-secondary-menu:hover, .btn-social:hover, .btn-store:hover, .btn-tag:hover, .btn:hover, .highlighted:hover, .list-entity-overlay button:hover, a.link-action:hover:link { cursor: pointer; } .btn-fixed_btn:after, .btn-fixed_btn:before, .btn-pill:after, .btn-pill:before, .btn-social:after, .btn-social:before, .btn-tag:before, .btn:after, .btn:before, .highlighted:before { position: absolute; z-index: -2; content: ""; border-radius: 3px; } .btn, .btn-fixed_btn, .btn-pill.btn--hybrid span, .btn-social>div:last-child, .highlighted { text-transform: uppercase; line-height: 1.6; color: #FFF!important; letter-spacing: 1px; } .btn.btn--discreet--tag:before, .btn.btn--discreet:before { background-color: #bfbfbf; } .btn.btn--discreet--tag:after, .btn.btn--discreet:after { background-color: transparent; } .btn.btn--discreet--tag:active:before, .btn.btn--discreet--tag:hover:before, .btn.btn--discreet:active:before, .btn.btn--discreet:hover:before { background-color: #999; } .btn-fixed_btn:before, .btn-pill:before, .btn:before, .highlighted:before { background-color: #262626; } .btn-fixed_btn:after, .btn-pill:after, .btn:after, .highlighted:after { background-color: transparent; } .btn-fixed_btn:active:before, .btn-fixed_btn:hover:before, .btn-pill:active:before, .btn-pill:hover:before, .btn:active:before, .btn:hover:before, .highlighted:active:before, .highlighted:hover:before { background-color: #000; } .btn-fixed_btn.btn--brand:before, .btn-pill.btn--brand:before, .btn.btn--brand:before { background-color:; } .btn-fixed_btn.btn--brand:after, .btn-pill.btn--brand:after, .btn.btn--brand:after { background-color: transparent; } .btn-fixed_btn.btn--brand:active:before, .btn-fixed_btn.btn--brand:hover:before, .btn-pill.btn--brand:active:before, .btn-pill.btn--brand:hover:before, .btn.btn--brand:active:before, .btn.btn--brand:hover:before { background-color: #d20036; } .btn.btn--licensing-2:before, .btn.btn--licensing:before { background-color: #67b7bf; } .btn.btn--licensing-2:after, .btn.btn--licensing:after { background-color: transparent; } .btn.btn--licensing-2:active:before, .btn.btn--licensing-2:hover:before, .btn.btn--licensing:active:before, .btn.btn--licensing:hover:before { background-color: #409199; } .btn.btn--licensing-white { color: #67b7bf!important; } .btn.btn--licensing-white:before { background-color: #FFF; } .btn.btn--licensing-white:after { background-color: transparent; } .btn.btn--licensing-white:active:before, .btn.btn--licensing-white:hover:before { background-color: #000; } .btn.btn--licensing-white:hover { color: #FFF!important; } .btn.btn--licensing-white:hover::before { background-color: #409199; } .btn.btn--highlight:before, .highlighted:before { background-color: #f07a25; } .btn.btn--highlight:after, .highlighted:after { background-color: transparent; } .btn.btn--highlight:active:before, .btn.btn--highlight:hover:before, .highlighted:active:before, .highlighted:hover:before { background-color: #bc560d; } .btn-pill.btn--facebook:before, .btn-social.btn--facebook:before { background-color: #5f78ab; } .btn-pill.btn--facebook:after, .btn-social.btn--facebook:after { background-color: transparent; } .btn-pill.btn--facebook:active:before, .btn-pill.btn--facebook:hover:before, .btn-social.btn--facebook:active:before, .btn-social.btn--facebook:hover:before { background-color: #41557c; } .btn-pill.btn--twitter:before, .btn-social.btn--twitter:before { background-color: #4099FF; } .btn-pill.btn--twitter:after, .btn-social.btn--twitter:after { background-color: transparent; } .btn-pill.btn--twitter:active:before, .btn-pill.btn--twitter:hover:before, .btn-social.btn--twitter:active:before, .btn-social.btn--twitter:hover:before { background-color: #0071f3; } .btn-pill.btn--google:before, .btn-social.btn--google:before { background-color: #dd4b39; } .btn-pill.btn--google:after, .btn-social.btn--google:after { background-color: transparent; } .btn-pill.btn--google:active:before, .btn-pill.btn--google:hover:before, .btn-social.btn--google:active:before, .btn-social.btn--google:hover:before { background-color: #ac2d1e; } .btn-pill.btn--apple:before, .btn-social.btn--apple:before { background-color: #000; } .btn-pill.btn--apple:after, .btn-social.btn--apple:after { background-color: transparent; } .btn-pill.btn--apple:active:before, .btn-pill.btn--apple:hover:before, .btn-social.btn--apple:active:before, .btn-social.btn--apple:hover:before { background-color: #000; } .btn-pill.btn--vk:before, .btn-social.btn--vk:before { background-color: #507299; } .btn-pill.btn--vk:after, .btn-social.btn--vk:after { background-color: transparent; } .btn-pill.btn--vk:active:before, .btn-pill.btn--vk:hover:before, .btn-social.btn--vk:active:before, .btn-social.btn--vk:hover:before { background-color: #364d67; } .btn-pill.btn--instagram:before { background-color: #e0176c; } .btn-pill.btn--instagram:after { background-color: transparent; } .btn-pill.btn--instagram:active:before, .btn-pill.btn--instagram:hover:before { background-color: #9b104b; } .btn.is-disabled:active:before, .btn.is-disabled:before, .btn.is-disabled:hover:before, .btn[disabled]:active:before, .btn[disabled]:before, .btn[disabled]:hover:before { background-color: #bfbfbf!important; } .btn.btn--bordered:before { border-color: #262626; } .btn.btn--bordered:after { background-color: transparent; } .btn.btn--bordered:active:before, .btn.btn--bordered:hover:before { background-color: #262626; } .btn.btn--bordered.btn--brand { color: black!important; } .btn.btn--bordered.btn--brand:before { border-color: #00000; } .btn.btn--bordered.btn--brand:after { background-color: transparent; } .btn.btn--bordered.btn--brand:active:before, .btn.btn--bordered.btn--brand:hover:before { background-color: #00000; } .btn.btn--bordered.btn--white { color: #f9f9f9!important; } .btn.btn--bordered.btn--white:before { border-color: #f9f9f9; } .btn.btn--bordered.btn--white:after { background-color: transparent; } .btn.btn--bordered.btn--white:active:before, .btn.btn--bordered.btn--white:hover:before { background-color: #f9f9f9; } .btn.btn--bordered.btn--lightgrey-brand { color: #d1d1d1!important; } .btn.btn--bordered.btn--lightgrey-brand:before { border-color: #d1d1d1; } .form-group-submit, form hr { border-top: 1px solid #e8e8e8; } .btn.btn--bordered.btn--lightgrey-brand:after { background-color: transparent; } .btn.btn--bordered.btn--lightgrey-brand:active:before, .btn.btn--bordered.btn--lightgrey-brand:hover:before { background-color: #d1d1d1; } .btn.btn--bordered.btn--lightgrey-brand::before { top: 8px; bottom: 8px; } .btn-icon, .btn-icon:link, .btn-icon:visited, a.link-action:link, a.link-action:visited:link { color: #4d4d4d; } .btn-icon:active, .btn-icon:hover, a.link-action:active:link, a.link-action:hover:link { color: #00000; } .btn-icon.btn--discreet, .btn-icon.btn--discreet:link, .btn-icon.btn--discreet:visited, .btn-like, .btn-like:link, .btn-like:visited { color: #999; } .btn-icon.btn--discreet:active, .btn-icon.btn--discreet:hover, .btn-like:active, .btn-like:hover { color: #00000; } .btn-icon.btn--overlay, .btn-icon.btn--overlay:active, .btn-icon.btn--overlay:hover, .btn-icon.btn--overlay:link, .btn-icon.btn--overlay:visited, .btn-pill, .btn-pill:active, .btn-pill:hover, .btn-pill:link, .btn-pill:visited, .btn-social, .btn-social:active, .btn-social:hover, .btn-social:link, .btn-social:visited { color: #FFF; } .btn-icon .icon+.icon, .btn-pill .icon+.icon, .is-on.btn-icon .icon, .is-on.btn-pill .icon, .is-toggled.btn-icon .icon, .is-toggled.btn-pill .icon { display: none; } .is-on.btn-icon .icon+.icon, .is-on.btn-pill .icon+.icon, .is-toggled.btn-icon .icon+.icon, .is-toggled.btn-pill .icon+.icon { display: inline; } .is-on.btn-icon, .is-on.btn-icon:hover, .is-on.btn-pill, .is-on.btn-pill:hover { color: #00000; } .btn-social:after, .btn:after { z-index: -3; } .btn-social.is-active:after, .btn.btn--lg.is-active:after { -webkit-animation: btn-lg-active-outer .8s linear; animation: btn-lg-active-outer .8s linear; } @-webkit-keyframes btn-lg-active-outer { 0% { top: 8px; right: 0; bottom: 8px; left: 0; opacity: 0; filter: alpha(opacity=0); } 25% { top: 0; right: -8px; bottom: 0; left: -8px; opacity: .2; filter: alpha(opacity=20); } 100% { top: 0; right: -8px; bottom: 0; left: -8px; opacity: 0; filter: alpha(opacity=0); } } @keyframes btn-lg-active-outer { 0% { top: 8px; right: 0; bottom: 8px; left: 0; opacity: 0; filter: alpha(opacity=0); } 25% { top: 0; right: -8px; bottom: 0; left: -8px; opacity: .2; filter: alpha(opacity=20); } 100% { top: 0; right: -8px; bottom: 0; left: -8px; opacity: 0; filter: alpha(opacity=0); } } .btn-fixed_btn.is-active:after, .btn-pill.is-active:after { -webkit-animation: btn-active-inner .8s linear; animation: btn-active-inner .8s linear; } @-webkit-keyframes btn-active-inner { 0% { -webkit-transform: scale(.5); transform: scale(.5); opacity: 0; filter: alpha(opacity=0); } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: .3; filter: alpha(opacity=30); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; filter: alpha(opacity=0); } } @keyframes btn-active-inner { 0% { -webkit-transform: scale(.5); transform: scale(.5); opacity: 0; filter: alpha(opacity=0); } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: .3; filter: alpha(opacity=30); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; filter: alpha(opacity=0); } } .entity-overlay_cover_img, .entity-secondary-menu .layout_cover_img, .entity_visual_image, .entry .feature .cover>div img, .hero-desktop_cover img, .player-mini_cover img, .player_background_img, .playlist-cover-grid>li img, .post_entity>:first-child img, .row--list-image img, .tile_body>:first-child img, .track_play img { width: 100%; height: auto; } .avatar img, .entity_visual_image.entity_visual_image--avatar, .entry .avatar img { width: 100%; height: auto; border-radius: 100% } .post_entity_background.post_entity_background--fitted img { max-width: 100%; min-height: 100%; width: auto; } .entity .btn-pill, .tile .button-icon-round--play { position: absolute; z-index: 2; } .logo.logo--color { fill: #00000; } .logo.logo--dark { fill: #262626; } .hero-entity-description, .player_entity-information>*, .post_entity_content>div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tile_body_content_descriptive_title, .tile_body_content_standalone-title { -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .track.track--playlist-edition, .unselectable-text { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #skeleton-player-mini, .chosen-container { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .tile_body_content_descriptive, .tile_body_content_standalone-title { color: #FFF; font-size: 14px; font-size: 1rem; font-family: futurademi, Arial, sans-serif; -webkit-text-shadow: 0 1px 8px #000; -moz-text-shadow: 0 1px 8px #000; -ms-text-shadow: 0 1px 8px #000; -o-text-shadow: 0 1px 8px #000; text-shadow: 0 1px 8px #000; } .list-link.list-link--small a, a.small, p.small { font-size: 12px; font-size: .85714rem; } p.xsmall { font-size: .78571rem; } .dispatcher_body_title, .section-header .select select, .section-header h1, legend { font-size: 11px; font-size: .78571rem; letter-spacing: 1px; line-height: 1.3636; text-transform: uppercase; } .entity-overlay_body_title, .entity-secondary-menu .layout_body_title, .entity_information_title { margin-bottom: .42857rem; text-transform: capitalize; font-weight: 600; font-family: futurabook, Arial, sans-serif; } .entity-overlay_body_title, .entity-secondary-menu .layout_body_title { font-size: 13px; font-size: .92857rem; } .entity_information_title { font-size: 12px; font-size: .85714rem; } .player-mini_track_information_play_source a, .player-mini_track_information_title, .track_information_title { font-size: 13px; font-size: .92857rem; margin-bottom: .28571rem; font-family: futurabook, Arial, sans-serif; font-weight: 600; } .entity-overlay_body_secondary, .entity-secondary-menu .layout_body_secondary, .entity_information_secondary, .track_information_artist { font-size: 10px; font-size: .71429rem; font-family: futurabook, Arial, sans-serif; text-transform: uppercase; } #p-jobs .no-positions, #p-jobs .positions .location, #p-jobs .positions .type, .btn-icon .notification-count, .btn-like, .section-secondary .stats { font-size: 9px; font-size: .64286rem; } .btn-tag, .entry .expand-replies, .entry .info .date, .entry .type .remaining-chars, .p-welcome .licensing, .player-mini_track_duration, .post_entity_content_tag, .track_tags { font-size: 10px; font-size: .71429rem; } .btn, .btn-fixed_btn, .btn-pill.btn--hybrid span, .btn-social>div:last-child, .highlighted, a.link-action:link { font-size: 10px; font-size: .71429rem; font-family: futurabold, Arial, sans-serif; } #p-legal .clauses p, .author, .dispatcher_body_description, .edit-image-cover a span, .edit-image-thumb-layer .text, .help-block, .post_body p, .tile_body_content_descriptive_description, .toasts p, .track_duration { font-size: 11px; font-size: .78571rem; } #p-legal .clauses li li, .author a, .beta-badge, .post_body p a { font-size: 11px; font-size: .78571rem; font-family: futurabold, Arial, sans-serif; } #p-creative-commons .conditions li, #p-privacy-policy, #p-terms-of-use, #p-year-in-review .entity p, .app-bar .avatar-button_username, .app-bar .user-menu a, .app-bar-new .avatar-button_username, .app-bar-new .user-menu a, .app-bar-new2 .avatar-button_username, .app-bar-new2 .user-menu a, .btn-link, .entry .source, .entry .type .text, .form-search input, .form-search_suggestions_statistic, .messages_message_text, .notifications .notification-target, .pivot-bar a, .player-mini_track_information_play_source, .player-mini_track_information_text-by, .player_progress_current, .player_progress_running, .section-secondary .date, .section-secondary .stats .count, .social-links li, .t-static .bullet-list, .t-static .company-information, .track.track--playlist-deleted>div:nth-child(2), p.small { font-size: 12px; font-size: .85714rem; font-family: futurabook, Arial, sans-serif; } #p-legal .clauses li, #p-year-in-review .entity_for, .btn-action, .empty-message, .form-group .as-label, .form-group label:not(.radio-inline), .form-inline .as-label, .form-inline label:not(.radio-inline), .notifications .notification-target span { font-size: 12px; font-size: .85714rem; font-family: futurabold, Arial, sans-serif; } .btn-secondary-menu, .section-tertiary { font-size: 13px; font-size: .92857rem; font-family: futurabook, Arial, sans-serif; } .entry .text .title, .section-tertiary .heading { font-size: 14px; font-size: 1rem; font-family: futurademi, Arial, sans-serif; } a.a--search { font-size: 18px; font-size: 1.28571rem; font-family: futurabold, Arial, sans-serif; } a.a--search span:first-child { font-size: 24px; font-size: 1.71429rem; font-family: futurademi, Arial, sans-serif; } .overlay-bar_information_prefix { font-size: 9px; font-size: .64286rem; font-family: futurabook, Arial, sans-serif; } .entry .feature .author, .navigation .language select, .navigation .primary .btn--brand, .navigation .primary .btn--lightgrey-brand, .navigation .secondary, .player_entity-information_author { font-size: 10px; font-size: .71429rem; font-family: futurabook, Arial, sans-serif; } .player-mini_track_information_artist { font-size: 11px; font-size: .78571rem; font-family: futurabook, Arial, sans-serif; } .navigation .primary .primary-title>span, .navigation .primary a, .post_entity_content_author, .post_entity_content_name>span { font-size: 12px; font-size: .85714rem; font-family: futurabook, Arial, sans-serif; } .overlay-bar_information_title { font-size: 12px; font-size: .85714rem; font-family: futurabold, Arial, sans-serif; } .entry .feature .title, .player_entity-information_title { font-size: 13px; font-size: .92857rem; font-family: futurabook, Arial, sans-serif; } .post_entity_content_name { font-size: 14px; font-size: 1rem; font-family: futurabold, Arial, sans-serif; } #p-year-in-review .entity_attr { font-size: 10px; font-size: .71429rem; font-family: futurabook, Arial, sans-serif; } #p-year-in-review .entity_month, #p-year-in-review .jump-to span, .p-welcome .main .content .button, .redirection-container .licensing-redirect .content .cta-catalog, .redirection-container .licensing-redirect .content .cta-in-store, .redirection-container .music-redirect .content .cta-music, .redirection-container-one-image .licensing-redirect .content .cta-catalog, .redirection-container-one-image .licensing-redirect .content .cta-in-store, .redirection-container-one-image .music-redirect .content .cta-music { font-size: 14px; font-size: 1rem; font-family: futurabook, Arial, sans-serif; } #p-year-in-review .entity_title span { font-size: 16px; font-size: 1.14286rem; font-family: futurabold, Arial, sans-serif; } #p-year-in-review .jump-to, #p-year-in-review h2 { font-size: 18px; font-size: 1.28571rem; font-family: futurabook, Arial, sans-serif; } #p-year-in-review .entity_title, .redirection-container-one-image .licensing-redirect .content .cta-link .cta-free-trial, .redirection-container-one-image .licensing-redirect .content .cta-link a, .redirection-container-one-image .music-redirect .content .cta-music { font-size: 18px; font-size: 1.28571rem; font-family: futurabold, Arial, sans-serif; } #p-year-in-review header h1 { font-size: 24px; font-size: 1.71429rem; font-family: futurabook, Arial, sans-serif; } .p-welcome .main .content .heading { font-size: 24px; font-size: 1.71429rem; font-family: futurabold, Arial, sans-serif; } .social-links .web a:link { color: #4d4d4d; } .social-links .web a:hover, .social-links .web a:visited { color: #272727; } .social-links .facebook a, .social-links .facebook a:link { color: #5f78ab; } .social-links .facebook a:hover, .social-links .facebook a:visited { color: #41557c; } .social-links .twitter a:link { color: #4099FF; } .social-links .twitter a:hover, .social-links .twitter a:visited { color: #0071f3; } .social-links .google a:link { color: #dd4b39; } .social-links .google a:hover, .social-links .google a:visited { color: #ac2d1e; } .social-links .apple a:hover, .social-links .apple a:link, .social-links .apple a:visited { color: #000; } .entry .feature .background>div, .post_entity_background>div { width: 100%; top: 50%; margin: auto 0; position: absolute; bottom: 50% } .entry .feature .background>div>div, .post_entity_background>div>div { width: 100%; top: -1000px; margin: auto 0; position: absolute; bottom: -1000px; display: block; } .entry .feature .background>div>div>div, .post_entity_background>div>div>div { display: table; width: 100%; height: 100% } .entry .feature .background>div>div>div>div, .post_entity_background>div>div>div>div { display: table-cell; vertical-align: middle; } .entry .feature .background>div img, .post_entity_background>div img { width: 100%; height: auto!important; display: block; } #p-jobs .positions>li, .dispatcher>li, .form-search_suggestions>li, .list-secondary-menu>li, .list-track>li { border-bottom: 1px solid #d1d1d1; } #p-jobs .positions>li:last-child, .dispatcher>li:last-child, .form-search_suggestions>li:last-child, .list-secondary-menu>li:last-child, .list-track>li:last-child { border-bottom: none; } .entry .actions .thumbs, .list-button-icon-fat { font-size: 0; display: inline-block; } .entry .actions .thumbs>li, .list-button-icon-fat>li { display: inline-block; } .entry .actions .thumbs>li { border-right: 1px solid #d1d1d1; } .entry .actions .thumbs>li:last-child { border-right: none; } .list-link>li { display: block; } .hero-entity-description .tags>li, .list-link-inline>li { display: inline; } .hero-entity-description .tags>li:after, .list-link-inline>li:after { content: ", " } .hero-entity-description .tags>li:last-child:after, .list-link-inline>li:last-child:after { content: "" } .post_entity, .tile_body { position: relative; padding-bottom: 100%; z-index: auto; } #skeleton-overlay, #skeleton-player-full, #skeleton-player-mini { padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); } .post_entity:before, .post_entity>:first-child, .post_entity>:last-child, .tile_body:before, .tile_body>:first-child, .tile_body>:last-child { display: block; } .post_entity>:last-child:not(:first-child), .post_entity>:only-child, .tile_body>:last-child:not(:first-child), .tile_body>:only-child { z-index: 2; } #skeleton-navigation { position: fixed; display: block; height: 100%; top: 0; bottom: 0; left: -300px; width: 300px; -webkit-overflow-scrolling: touch; overflow-x: hidden; z-index: 30; transition: left .15s linear; } #skeleton-navigation.is-visible { left: 0; height: 100%; background-color: #262626; } #skeleton-bar-new, #skeleton-bars { background-color: #e8e8e8; z-index: 10; } #skeleton-topbar-and-content { padding-left: 0; } #skeleton-bars { height: 48px; position: static; } #skeleton-bars.fixfixed { position: absolute; } #skeleton-bar-new { height: auto; position: fixed; padding-left: 0; padding-right: 16px; } #skeleton-bar-new.fixfixed { position: absolute; } #skeleton-bar-new.sticky { position: -webkit-sticky; position: sticky; top: 0; } #skeleton-content-messages { z-index: 10; } #skeleton-content-wrap { z-index: 0; padding: env(safe-area-inset-top) env(safe-area-inset-right) calc(env(safe-area-inset-bottom)+72px) env(safe-area-inset-left); } #skeleton-content-wrap>.container-fluid.no-query>.licensing-links, #skeleton-content-wrap>.container-fluid.no-query>.results-container, #skeleton-content-wrap>.container-fluid>.redirection-container-one-image { display: none; } #skeleton-content-wrap>.container-fluid.no-query>.redirection-container-one-image { display: block; } #skeleton-player-mini { bottom: -50px; visibility: hidden; z-index: 10; transition: all .3s linear; user-select: none; } #skeleton-player-mini.is-visible { visibility: visible; bottom: 0; } #skeleton-player-full { overflow: hidden; top: 100%; visibility: hidden; z-index: 40; transition: all .15s linear; } #skeleton-player-full.is-visible { visibility: visible; top: 0; } #skeleton-overlay { visibility: hidden; z-index: 50; background-color: #fff; overflow-y: auto; overflow-x: hidden; } #skeleton-overlay .overlay-content { padding: env(safe-area-inset-top) env(safe-area-inset-right) calc(env(safe-area-inset-bottom)+96px) env(safe-area-inset-left); } #skeleton-overlay .overlay-skip { text-align: right; } #skeleton-overlay.is-visible { visibility: visible; } #skeleton-notifications-followers, #skeleton-notifications-generic { width: 450px; height: auto; visibility: hidden; z-index: 45; overflow: visible; top: 48px; left: initial; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; background-color: #FFF; box-shadow: 0 3px 10px -2px rgba(0, 0, 0, .6); } #skeleton-notifications-followers.is-visible, #skeleton-notifications-generic.is-visible { visibility: visible; } #skeleton-notifications-followers.empty .notifications, #skeleton-notifications-generic.empty .notifications { display: none; } #skeleton-notifications-followers.empty .empty-message, #skeleton-notifications-generic.empty .empty-message { display: block; } #skeleton-toast { bottom: 96px; opacity: 0; filter: alpha(opacity=0); visibility: hidden; z-index: 60; transition: all .15s linear; } #skeleton-toast.is-visible { visibility: visible; opacity: 1; filter: alpha(opacity=100); } #skeleton-content-veil { opacity: 0; filter: alpha(opacity=0); background-color: #000; visibility: hidden; z-index: 20; } #skeleton-content-veil.is-visible { visibility: visible; opacity: .95; filter: alpha(opacity=95); } #skeleton-content-veil, #skeleton-secondary-menu-mobile { transition: all .15s linear; padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); } #skeleton-secondary-menu-mobile { bottom: -100%; visibility: hidden; z-index: 21; background-color: #FFF; } #skeleton-secondary-menu-mobile.is-visible { visibility: visible; bottom: 0; } @media only screen and (min-width:993px) { #skeleton-navigation { left: 0; width: 180px; } #skeleton-topbar-and-content { padding-left: 180px; } #skeleton-bar-new, #skeleton-bars { padding-left: 0; position: static; } #skeleton-bar-new>.container-fluid, #skeleton-bars>.container-fluid { padding-right: 32px; } #skeleton-content-messages { left: 180px; } #skeleton-content-wrap { position: static; } #skeleton-content-wrap>.container-fluid { padding: 0 32px; } #skeleton-content-wrap>.container-fluid.no-query { padding: 0; } #skeleton-content-wrap>.container-fluid.no-query .licensing-links, #skeleton-content-wrap>.container-fluid.no-query .results-container { display: none; } #skeleton-content-wrap>.container-fluid.no-query>.redirection-container-one-image { display: -webkit-box; display: -ms-flexbox; display: flex; } #skeleton-player-mini { visibility: visible; bottom: 0; padding-left: 180px; } } @media only screen and (max-width:768px) { #skeleton-notifications-followers, #skeleton-notifications-generic { width: 100%; left: 0!important; margin-right: 0!important; position: fixed; height: calc(100vh - 48px); } #skeleton-notifications-followers.empty, #skeleton-notifications-generic.empty { height: auto; } } html.has-player #skeleton-content-wrap { padding-bottom: 120px; } html.has-player #skeleton-content-messages { bottom: 48px; } html.noscroll { overflow: hidden; } .pivot { position: relative; width: 100% } .pivot .page { position: absolute; display: none; width: 100%; top: 0; left: 100% } .pivot .page.is-current { position: relative; display: block; left: 0; } body { height: 100% } .col-community-left, .col-community-right { padding-top: 32px; } @media only screen and (min-width:992px) { body .is-mini-player #skeleton-notifications-followers, body .is-mini-player #skeleton-notifications-generic { bottom: 50px; } .l-form-2-col-md>div:first-child { padding-right: 24px; } .l-form-2-col-md>div:last-child { padding-left: 24px; } .col-community-left { padding-right: 24px; border-right: 1px solid #d1d1d1; } .col-community-right { padding-left: 24px; border-left: 1px solid #d1d1d1; left: -1px; } } .container, .container-fluid { padding-left: 16px; padding-right: 16px; clear: both; } .container-fluid>.no-padding-x, .container>.no-padding-x { margin-left: -16px; margin-right: -16px; } @media only screen and (min-width:1334px) { .container.mod { margin-left: 0; padding-left: 32px; padding-right: 32px; width: auto; max-width: 1500px; } } .row--list-grid { margin: -8px; } .row--list-grid>[class*=col-] { padding: .57143rem; } .container-wrap-emphasize { background-color: #f0f0f0; padding-bottom: 48px; } @media only screen and (min-width:1334px) { .col-wide-gap { padding-right: 48px; } } @media only screen and (min-width:1646px) { .col-xl-force-8-split { width: 12.5% } } @media only screen and (max-width:992px) { .container { padding: 48px 0 72px; } } .form-group .as-label, .form-group label:not(.radio-inline), .form-inline .as-label, .form-inline label:not(.radio-inline) { line-height: 2; } .logo { pointer-events: none; height: 50px; width: 128px; background-image: url(https://images.jamendo.com/jamendomusic/static/svg/jamendo-music-logo-white.svg); } .logo.logo--sm { height: 40px; width: 100px; } .logo.logo--lg { height: 65px; width: 166px; } .logo.logo--licensing { height: 50px; width: 143px; } .logo.logo--licensing.logo--sm { height: 35px; width: 100px; } .logo.logo--licensing.logo--lg { height: 65px; width: 186px; } .highlighted { padding: 16px 12px; pointer-events: none; white-space: nowrap; } .highlighted:before { top: 12px; right: 0; bottom: 12px; left: 0; } .highlighted.lg:before { top: 8px; right: 0; bottom: 8px; left: 0; } .highlighted.block { width: 100% } .highlighted.xs { padding: 12px 5px; } .author { word-break: break-all; color: #bfbfbf; } .author a:link, .author a:visited { color: #737373; } .author a:active, .author a:hover { color: #00000; } .post { position: relative; z-index: 0; } .post h1, .post h2, .post h3 { display: inline; } .post .quick-play { z-index: 2; } .post .link-wrap { position: relative; z-index: 0; display: block; } .post_entity { padding-bottom: 75% } .post_entity_background { overflow: hidden; } .post_entity_content>div { position: absolute; left: 16px; left: 1.14286rem; right: 16px; right: 1.14286rem; bottom: 16px; bottom: 1.14286rem; color: #FFF; } .post_entity_content_tag { line-height: 1; } .post_bar, .post_body { background-color: #f0f0f0; } .post_body { padding: 1.14286rem; } .post_body p a { text-decoration: none; color: #00000; } .range { position: relative; height: 24px; z-index: 0; } .range>div { position: absolute; z-index: -1; } .range .bar-path { width: 100% } .range .bar { width: 0% } .range .thumb-path>div>div { display: table-cell; position: relative; } .range .thumb-path>div>div:first-child { width: 100% } .range.range--track .bar, .range.range--track .bar-path { transition: -webkit-transform .2s linear; transition: transform .2s linear; top: 11px; bottom: 11px; } .range.range--track:hover .bar, .range.range--track:hover .bar-path { -webkit-transform: scaleY(2); transform: scaleY(2); } .range.range--track .bar-path { background-color: #4d4d4d; } .range.range--track .bar { background-color: #00000; } .range input[type=range] { -webkit-appearance: none; margin: 0; background-color: transparent; width: 100%; height: 24px; } .section-header .select+.select, .section-header h1+.select { margin-left: 4px; } .range input[type=range]:focus { outline: 0; } .range input[type=range]:disabled { cursor: default; } .section-header .select select:hover, .section-header .select:hover { cursor: pointer; } .range input[type=range]::-ms-track { width: 100%; cursor: pointer; background: 0 0; border-color: transparent; } .range input[type=range]::-ms-tooltip { display: none; } .range input[type=range]::-moz-range-track { background-color: transparent; } .range input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 10px; height: 10px; border-radius: 100%; background-color: #FFF; } .range input[type=range]::-moz-range-thumb { -moz-appearance: none; appearance: none; width: 10px; height: 10px; border-radius: 100%; background-color: #FFF; } .range input[type=range]::-ms-thumb { -ms-appearance: none; appearance: none; width: 10px; height: 10px; border-radius: 100%; background-color: #FFF; } .section-no-header { margin-top: 32px; } @media only screen and (min-width:1334px) { .section-no-header { margin-top: 48px; } } .section-footer { text-align: right; margin-top: 20px; height: 24px; overflow-y: visible; } .section-footer .btn { margin-top: -12px; } .section-footer.cta { text-align: left; } .list-track+.section-footer { margin-top: 12px; } .section-header { margin-top: 18px; height: 48px; position: relative; color: #737373; } .section-header_left>div, .section-header_right>div { display: inline-block; background-color: #FFF; } .section-header_left { width: 100% } .section-header_left>div { padding-right: 12px; } .section-header_line { display: block; width: 100%; position: absolute; top: 50%; left: 0; border-top: 1px solid #e8e8e8; z-index: -1; } .app-bar .avatar-button .user-menu-pin, .app-bar-new .avatar-button .user-menu-pin, .app-bar-new2 .avatar-button .user-menu-pin { left: 10px; } .section-header_right { white-space: nowrap; } .section-header_right>div { padding-left: 12px; } .section-header h1 { color: inherit; } .section-header h1.reset { color: inherit; font-size: inherit; text-transform: inherit; } .section-header .select { position: relative; display: inline-block; z-index: 2; } .section-header .select select { border-radius: 3px; padding: 5px 32px 4px 6px; border: 1px solid #bfbfbf; text-transform: uppercase; background: 0 0; line-height: 1.2727; color: inherit; outline: 0; font-family: futurabook, Arial, sans-serif; } .section-header .select select::-ms-expand { display: none; } .section-header .select select:focus { box-shadow: 0 0 5px #bfbfbf; } .section-header .select .icon { top: 50%; margin-top: -6px; position: absolute; right: 10px; z-index: -1; font-size: 12px; color: #bfbfbf; width: 12px; height: 12px; } .section-header.dual-select, .section-header.mono-select { margin-bottom: 8px; } @media only screen and (max-width:767px) { .section-header.dual-select .section-header_left>div { padding-right: 0; width: 100% } .section-header.dual-select .section-header_left>div:after, .section-header.dual-select .section-header_left>div:before { content: " "; display: table; } .section-header.dual-select .section-header_left>div:after { clear: both; } .section-header.dual-select .select { width: 49%; float: left; } .section-header.dual-select .select+.select { margin-left: 0; } .section-header.dual-select .select:first-child { margin-right: 1% } .section-header.dual-select .select:last-child { margin-left: 1% } .section-header.dual-select select { width: 100% } } @media only screen and (min-width:992px) { .section-header { margin-top: 20px; } } .section-header.section-header-first { height: 32px; padding-top: 16px; } .section-header+.section-header { margin-top: 0; } .section-secondary .date .icon { margin-right: 8px; } .section-secondary .date, .section-secondary .numbers, .section-secondary .stats { padding: 8px 0 0; } .section-secondary .stats { text-align: left; text-transform: uppercase; line-height: 1; } .section-secondary .stats li { display: inline-block; margin: 0 8px 0 0; } .section-secondary .cc { margin-top: 36px; } .section-secondary .cc li { display: inline-block; float: right; margin-left: 8px; color: #bfbfbf; } .section-secondary .cc .icon { font-size: 24px; width: 24px; height: 24px; } @media only screen and (min-width:992px) { .section-secondary .numbers { display: table; width: 100% } .section-secondary .numbers .date { font-size: 11px; } .section-secondary .numbers .stats { font-size: 9px; } .section-secondary .numbers .date, .section-secondary .numbers .stats { display: table-cell; } .section-secondary .stats { font-size: 10px; font-size: .71429rem; text-align: right; } .section-secondary .stats li { margin: 0 0 0 8px; } .section-secondary .stats .count { font-size: 14px; font-size: 1rem; } } @media only screen and (min-width:1334px) { .section-secondary .date, .section-secondary .stats { padding-top: 40px; } } .section-tertiary { padding: 48px 0; color: #999; text-align: center; } .section-tertiary .s_wrap { display: inline-block; width: 100% } .section-tertiary .s__content, .section-tertiary .s__glyph { vertical-align: middle; text-align: center; } .app-bar .avatar-button_avatar, .app-bar .avatar-button_username, .app-bar .separator, .app-bar-new .avatar-button_avatar, .app-bar-new .avatar-button_username, .app-bar-new2 .avatar-button_avatar, .app-bar-new2 .avatar-button_username, .btn-action-list li, .edit-image-cover a span, .navigation .wrap>div:first-child>div { vertical-align: top; } .section-tertiary .glyph { display: inline-block; margin: 0 0 16px; } .section-tertiary .text { margin: 8px 0 4px; } .section-tertiary .actions { vertical-align: top; margin: 10px -6px -6px; } .section-tertiary .actions li { display: inline; margin: 0 6px; font-size: 0; } .section-tertiary .action { margin: 10px 0 -6px; } .section-tertiary .btn { padding-top: 10px; padding-bottom: 10px; } .section-tertiary .btn:before { top: 6px; bottom: 6px; } .section-tertiary.as-incentive { background-color: #f9f9f9; padding: 32px; } .section-tertiary.as-incentive .s_wrap { display: block; } .section-tertiary.as-incentive .glyph { width: 48px; height: 48px; padding: 16px; border-radius: 100%; background-color: #e8e8e8; } /*========== BASE ==========*/ *, ::before, ::after { box-sizing: border-box; } img { width: auto; height: auto; } .active { text-decoration: none; color: var(--first-color); } .nav__link { display: flex; align-items: center; color: var(--text-color); text-decoration: none; } h3 { margin: 0; } a { text-decoration: none; } /*========== HEADER ==========*/ .header { position: fixed; top: 0; left: 0; width: 100%; background-color: var(--container-color); box-shadow: 0 1px 0 rgba(22, 8, 43, 0.1); padding: 0 1rem; z-index: var(--z-fixed); } .header__container { display: flex; align-items: center; height: var(--header-height); justify-content: space-between; } .header__img { width: 35px; height: 35px; border-radius: 50%; } .header__logo { color: var(--title-color); font-weight: var(--font-medium); display: none; } .header__search { display: flex; padding: .40rem .75rem; background-color: var(--first-color-light); border-radius: .25rem; } .header__input { width: 100%; border: none; outline: none; background-color: var(--first-color-light); } .header__input::placeholder { font-family: var(--body-font); color: var(--text-color); } .header__icon, .header__toggle { font-size: 1.2rem; } .header__toggle { color: var(--title-color); cursor: pointer; } /*===== Show menu =====*/ .show-menu { left: 0; } /*===== Active link =====*/ .active { color: var(--first-color); } /* ========== MEDIA QUERIES ==========*/ /* For small devices reduce search*/ @media screen and (max-width: 320px) { .header__search { width: 70%; } } @media screen and (min-width: 768px) { body { padding: 0.5rem 2rem 0 3rem; } .header { padding: 0 3rem 0 6rem; } .header__container { height: calc(var(--header-height) + .5rem); } .header__search { width: 300px; padding: .55rem .75rem; } .header__toggle { display: none; } .header__logo { display: block; } .header__img { width: 40px; height: 40px; order: 1; } .pf { display: inline-block; font: normal normal normal 14px/1 PaymentFont; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pf-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .pf-2x { font-size: 2em; } .pf-3x { font-size: 3em; } .pf-4x { font-size: 4em; } .pf-5x { font-size: 5em; } .banner-size { width: * { box-sizing: border-box } body { font-family: Verdana, sans-serif; margin: 0 } .mySlides { display: none } img { vertical-align: middle; } /* Slideshow container */ .slideshow-container { max-width: 1000px; position: relative; margin: auto; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); } /* Caption text */ .text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center; } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } /* The dots/bullets/indicators */ .dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } .active, .dot:hover { background-color: #717171; } /* Fading animation */ .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } @-webkit-keyframes fade { from { opacity: .4 } to { opacity: 1 } } @keyframes fade { from { opacity: .4 } to { opacity: 1 } } /* On smaller screens, decrease text size */ @media only screen and (max-width: 300px) { .prev, .next, .text { font-size: 11px } } ; } .pf-amazon:before { content: "\f000"; } .pf-american-express:before { content: "\f001"; } .pf-american-express-alt:before { content: "\f002"; } .pf-atm:before { content: "\f003"; } .pf-bankomat:before { content: "\f004"; } .pf-bank-transfer:before { content: "\f005"; } .pf-bitcoin:before { content: "\f006"; } .pf-bitcoin-sign:before { content: "\f007"; } .pf-braintree:before { content: "\f008"; } .pf-btc:before { content: "\f009"; } .pf-card:before { content: "\f00a"; } .pf-carta-si:before { content: "\f00b"; } .pf-cash:before { content: "\f00c"; } .pf-cash-on-delivery:before { content: "\f00d"; } .pf-cb:before { content: "\f00e"; } .pf-cirrus:before { content: "\f00f"; } .pf-cirrus-alt:before { content: "\f010"; } .pf-clickandbuy:before { content: "\f011"; } .pf-credit-card:before { content: "\f012"; } .pf-diners:before { content: "\f013"; } .pf-discover:before { content: "\f014"; } .pf-ec:before { content: "\f015"; } .pf-eps:before { content: "\f016"; } .pf-eur:before { content: "\f017"; } .pf-facture:before { content: "\f018"; } .pf-fattura:before { content: "\f019"; } .pf-flattr:before { content: "\f01a"; } .pf-giropay:before { content: "\f01b"; } .pf-google-wallet:before { content: "\f01c"; } .pf-google-wallet-alt:before { content: "\f01d"; } .pf-gpb:before { content: "\f01e"; } .pf-gratipay:before { content: "\f01f"; } .pf-ideal:before { content: "\f020"; } .pf-ils:before { content: "\f021"; } .pf-inr:before { content: "\f022"; } .pf-invoice:before { content: "\f023"; } .pf-invoice-sign:before { content: "\f024"; } .pf-invoice-sign-alt:before { content: "\f025"; } .pf-invoice-sign-alt-o:before { content: "\f026"; } .pf-invoice-sign-o:before { content: "\f027"; } .pf-jcb:before { content: "\f028"; } .pf-jpy:before { content: "\f029"; } .pf-krw:before { content: "\f02a"; } .pf-maestro:before { content: "\f02b"; } .pf-maestro-alt:before { content: "\f02c"; } .pf-mastercard:before { content: "\f02d"; } .pf-mastercard-alt:before { content: "\f02e"; } .pf-mastercard-securecode:before { content: "\f02f"; } .pf-ogone:before { content: "\f030"; } .pf-paybox:before { content: "\f031"; } .pf-paylife:before { content: "\f032"; } .pf-paypal:before { content: "\f033"; } .pf-paypal-alt:before { content: "\f034"; } .pf-paysafecard:before { content: "\f035"; } .pf-postepay:before { content: "\f036"; } .pf-quick:before { content: "\f037"; } .pf-rechnung:before { content: "\f038"; } .pf-ripple:before { content: "\f039"; } .pf-rub:before { content: "\f03a"; } .pf-skrill:before { content: "\f03b"; } .pf-sofort:before { content: "\f03c"; } .pf-square:before { content: "\f03d"; } .pf-stripe:before { content: "\f03e"; } .pf-truste:before { content: "\f03f"; } .pf-try:before { content: "\f040"; } .pf-unionpay:before { content: "\f041"; } .pf-usd:before { content: "\f042"; } .pf-verified-by-visa:before { content: "\f043"; } .pf-verisign:before { content: "\f044"; } .pf-visa:before { content: "\f045"; } .pf-visa-electron:before { content: "\f046"; } .pf-western-union:before { content: "\f047"; } .pf-western-union-alt:before { content: "\f048"; } .pf-wirecard:before { content: "\f049"; } .pf-sepa:before { content: "\f04a"; } .pf-sepa-alt:before { content: "\f04b"; } .pf-apple-pay:before { content: "\f04c"; } .pf-interac:before { content: "\f04d"; } .pf-paymill:before { content: "\f04e"; } .pf-dankort:before { content: "\f04f"; } .pf-bancontact-mister-cash:before { content: "\f050"; } .pf-moip:before { content: "\f051"; } .pf-pagseguro:before { content: "\f052"; } .pf-cash-on-pickup:before { content: "\f053"; } .pf-sage:before { content: "\f054"; } .pf-elo:before { content: "\f055"; } .pf-elo-alt:before { content: "\f056"; } .pf-payu:before { content: "\f057"; } .pf-mercado-pago:before { content: "\f058"; } .pf-mercado-pago-sign:before { content: "\f059"; } .pf-payshop:before { content: "\f05a"; } .pf-multibanco:before { content: "\f05b"; } .pf-gratipay-sign:before { content: "\f05c"; } .pf-six:before { content: "\f05d"; } .pf-cashcloud:before { content: "\f05e"; } .pf-interac-alt:before { content: "\f05f"; } .pf-klarna:before { content: "\f060"; } .pf-bitpay:before { content: "\f061"; } .pf-venmo:before { content: "\f062"; } .pf-visa-debit:before { content: "\f063"; } .pf-alipay:before { content: "\f064"; } .pf-diners-alt:before { content: "\f065"; } .pf-hipercard:before { content: "\f066"; } .pf-skrill-alt:before { content: "\f067"; } .pf-shopify:before { content: "\f068"; } .pf-direct-debit:before { content: "\f069"; } .pf-sodexo:before { content: "\f06a"; } .pf-bpay:before { content: "\f06b"; } .pf-contactless:before { content: "\f06c"; } .pf-contactless-alt:before { content: "\f06d"; } .pf-eth:before { content: "\f06e"; } .pf-ltc:before { content: "\f06f"; } .pf-visa-pay:before { content: "\f070"; } .pf-wechat-pay:before { content: "\f071"; } .pf-amazon-pay:before { content: "\f072"; } .pf-amazon-pay-alt:before { content: "\f073"; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, body { height: 100%; } body { font-family: "Open Sans", sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; } /* REQUIRED STYLES */ .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; padding: 1px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role="group"] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled="true"] { color: #999; } .select2-container--default .select2-results__option[aria-selected="true"] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%); background-image: -o-linear-gradient(top, #fff 50%, #eee 100%); background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%); background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%); background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%); background-image: -o-linear-gradient(top, #fff 0%, #eee 50%); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%); background-image: -o-linear-gradient(top, #eee 50%, #fff 100%); background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role="group"] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled="true"] { color: grey; } /********************* NEW PLAYER ********************/ .icon-chevron-down:before { content: "" } .icon-chevron-left:before { content: "" } .icon-chevron-new2:before { content: "" } .icon-chevron-right:before { content: "" } .icon-close:before { content: "" } .icon-comment:before { content: "" } .icon-download:before { content: "" } .icon-duration:before { content: "" } .icon-facebook:before { content: "" } .icon-filter:before { content: "" } .icon-google:before { content: "" } .icon-heart:before { content: "" } .icon-heart-on:before { content: "" } .icon-home:before { content: "" } .icon-info-new2:before { content: "" } .icon-information:before { content: "" } .icon-instagram:before { content: "" } .icon-link:before { content: "" } .icon-mail:before { content: "" } .icon-menu:before { content: "" } .icon-menu-secondary:before { content: "" } .icon-next:before { content: "" } .icon-pause:before { content: "" } .icon-picture:before { content: "" } .icon-play:before { content: "" } .icon-play-next:before { content: "" } .icon-user:before { content: "" } .icon-user-new2:before { content: "" } .icon-video:before { content: "" } .icon-youtube:before { content: "" } .icon-close-s:before { content: "" } .icon-comment-s:before { content: "" } .icon-download-s:before { content: "" } .icon-duration-s:before { content: "" } .icon-heart-on-s:before { content: "" } .icon-menu-secondary-s:before { content: "" } .icon-pause-s:before { content: "" } .icon-picture-s:before { content: "" } .icon-play-s:before { content: "" } .icon-user-s:before { content: "" } .icon-data-chevron-down:before { content: "" } .icon-data-chevron-left:before { content: "" } .icon-data-chevron-new2:before { content: "" } .icon-data-chevron-right:before { content: "" } .icon-data-close:before { content: "" } .icon-data-comment:before { content: "" } .icon-data-download:before { content: "" } .icon-data-duration:before { content: "" } .icon-data-facebook:before { content: "" } .icon-data-filter:before { content: "" } .icon-data-google:before { content: "" } .icon-data-heart:before { content: "" } .icon-data-heart-on:before { content: "" } .icon-data-home:before { content: "" } .icon-data-info-new2:before { content: "" } .icon-data-information:before { content: "" } .icon-data-instagram:before { content: "" } .icon-data-link:before { content: "" } .icon-data-mail:before { content: "" } .icon-data-menu:before { content: "" } .icon-data-menu-secondary:before { content: "" } .icon-data-next:before { content: "" } .icon-data-pause:before { content: "" } .icon-data-picture:before { content: "" } .icon-data-play:before { content: "" } .icon-data-play-next:before { content: "" } .icon-data-user:before { content: "" } .icon-data-user-new2:before { content: "" } .icon-data-video:before { content: "" } .icon-data-youtube:before { content: "" } .icon-data-close-s:before { content: "" } .icon-data-comment-s:before { content: "" } .icon-data-download-s:before { content: "" } .icon-data-duration-s:before { content: "" } .icon-data-heart-on-s:before { content: "" } .icon-data-menu-secondary-s:before { content: "" } .icon-data-pause-s:before { content: "" } .icon-data-picture-s:before { content: "" } .icon-data-play-s:before { content: "" } .icon-data-user-s:before { content: "" } .icon[class$="-s"] { font-size: 12px; width: 12px; height: 12px } .icon--24 { font-size: 24px; width: 24px; height: 24px } .icon--32 { font-size: 32px; width: 32px; height: 32px } .icon--48 { font-size: 48px; width: 48px; height: 48px } .icon--72 { font-size: 72px; width: 72px; height: 72px } @-webkit-keyframes loader1 { 0%, 25%, 50% { -webkit-transform: scale(1); transform: scale(1) } 15%, 40% { -webkit-transform: scale(1.6); transform: scale(1.6) } } @keyframes loader1 { 0%, 25%, 50% { -webkit-transform: scale(1); transform: scale(1) } 15%, 40% { -webkit-transform: scale(1.6); transform: scale(1.6) } } @-webkit-keyframes loader2 { 0%, 51% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } 50% { opacity: 0; -webkit-transform: scale(3); transform: scale(3) } } @keyframes loader2 { 0%, 51% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } 50% { opacity: 0; -webkit-transform: scale(3); transform: scale(3) } } .logo { pointer-events: none; height: 50px; width: 128px; background-image: url(https://images.jamendo.com/jamendomusic/static/svg/jamendo-music-logo-white.svg) } .logo.logo--sm { height: 40px; width: 100px } .logo.logo--lg { height: 65px; width: 166px } .desktop-secondary-menu { visibility: hidden; position: absolute; z-index: 5; white-space: nowrap; background-color: #fff; border: 1px solid #d1d1d1; opacity: 0; transition: all .3s linear; top: 100%; right: 0 } .desktop-secondary-menu-wrap { position: relative; overflow: visible } .desktop-secondary-menu.top-left { bottom: 100%; top: initial; right: initial; left: 0 } .desktop-secondary-menu.top-right { bottom: 100%; top: initial } .entity { position: relative } .entity_menu { position: absolute; bottom: 0; right: 0 } .entity_information { background-color: #f9f9f9 } .entity_information>div:first-child { padding: 0 2.28571rem 0 .85714rem; height: 60px } .entity_information_title { width: 100%; overflow: hidden; text-overflow: ellipsis; display: inline } .entity_information_secondary { display: inline-block; margin-top: 8px } .entity_information_secondary>span { display: inline-block; margin-bottom: 4px } .entity.entity--artist .entity_information, .entity.entity--user .entity_information { background-color: transparent; text-align: center } .entity.entity--artist .entity_information>div, .entity.entity--user .entity_information>div { padding: 0 .85714rem } .entity-secondary-menu { padding: 1.14286rem; border-bottom: 1px solid #bfbfbf } .entity-secondary-menu .layout { color: #4d4d4d } .entity-secondary-menu .layout_cover { position: absolute; width: 50px; width: 3.57143rem } .entity-secondary-menu .layout_cover_img { display: block } .entity-secondary-menu .layout_body { padding: 0 1.14286rem 0 4.71429rem; text-align: left; height: 50px } .entity-secondary-menu .layout_body_secondary, .entity-secondary-menu .layout_body_title { display: inline } @-webkit-keyframes entryBlink { 0%, 100% { background-color: #fff } 25% { background-color: #e8e8e8 } } @keyframes entryBlink { 0%, 100% { background-color: #fff } 25% { background-color: #e8e8e8 } } .list-button, .list-button>li { display: inline-block } .list-button { height: 48px; height: 3.42857rem; white-space: nowrap; vertical-align: top } .list-button>li:first-child { margin-left: .57143rem } .player-controls li { display: inline-block } .list-link li { margin-bottom: .57143rem } .list-link.list-link--small li { margin-bottom: 0 } .player-controls.is-radio .player-controls_next .icon { opacity: .4 } .player-controls .player-controls_play .icon-play, .player-controls.is-pause .player-controls_play .icon-pause { display: none } .player-controls .player-controls_play .icon-pause, .player-controls.is-pause .player-controls_play .icon-play { display: inline } .player .player-controls .player-controls_play { width: 64px; width: 4.57143rem } .player .player-controls .player-controls_play .icon { font-size: 32px; font-size: 2.28571rem; width: 32px; width: 2.28571rem; height: 32px; height: 2.28571rem } .player .player-controls .player-controls_next { width: 56px; width: 4rem } .player .player-controls .player-controls_next .icon { font-size: 24px; font-size: 1.71429rem; width: 24px; width: 1.71429rem; height: 24px; height: 1.71429rem } .playlist-cover-grid { width: 100%; display: inline-block; overflow: hidden; font-size: 0 } .playlist-cover-grid>li { float: left; width: 50%; height: 50% } .section-header .select+.select, .section-header h1+.select { margin-left: 4px } .section-header .select select:hover, .section-header .select:hover { cursor: pointer } .section-no-header { margin-top: 32px } @media only screen and (min-width:1334px) { .section-no-header { margin-top: 48px } } .section-footer { text-align: right; margin-top: 20px; height: 24px; overflow-y: visible } .section-footer .btn { padding: 22px } .section-header { margin-top: 18px; height: 48px; position: relative; color: #737373 } .section-header_left>div, .section-header_right>div { display: inline-block; background-color: #fff } .section-header_left { width: 100% } .section-header_left>div { padding-right: 12px } .section-header_right { white-space: nowrap } .section-header_right>div { padding-left: 12px } .section-header h1 { color: inherit } .section-header .select { position: relative; display: inline-block; z-index: 2 } .section-header .select select { border-radius: 3px; padding: 5px 32px 4px 6px; border: 1px solid #bfbfbf; text-transform: uppercase; background: 0 0; line-height: 1.2727; color: inherit; outline: 0; font-family: futurabook, Arial, sans-serif } .section-header .select select::-ms-expand { display: none } .section-header .select select:focus { box-shadow: 0 0 5px #bfbfbf } .section-header .select .icon { top: 50%; margin-top: -6px; position: absolute; right: 10px; z-index: -1; font-size: 12px; color: #bfbfbf; width: 12px; height: 12px } .section-header.mono-select { margin-bottom: 8px } @media only screen and (min-width:992px) { .section-header { margin-top: 20px } } .section-header+.section-header { margin-top: 0 } .btn-action-list li, .navigation .wrap>div:first-child>div { vertical-align: top } .social-links { margin-top: 36px } .social-links li { margin-bottom: .85714rem; padding-left: 1.71429rem; position: relative } .social-links li:last-child { margin-bottom: 0 } .social-links .facebook { color: #5f78ab } .social-links .google { color: #dd4b39 } .navigation .wrap>div:first-of-type>a .logo:hover, .navigation a:hover { cursor: pointer } .selection_titles h1 { font-weight: 600; font-size: 17px; text-transform: initial; letter-spacing: 0 } .selection_titles h2 { font-size: 13px; font-weight: 400; margin-bottom: 10px } .btn-action-list, .btn-action-list li { display: inline-block } .btn-action-list li { margin-right: 12px; font-size: 0 } .btn-action-list li:last-child { margin-right: 0 } .btn-action-list li:empty { display: none } .btn-action-list.small li { margin-right: 8px } .btn-action-list.small .icon-pause-s, .btn-action-list.small .icon-play-s { top: 1px } .btn-expand { width: 36px; height: 36px; float: right } .btn-expand .icon { font-size: 12px; line-height: 36px } .navigation a, .player_entity-information>* { text-decoration: none } .messages, .messages_message_text a { color: #fff } .messages_message, .messages_message .container { position: relative } .messages:empty, .messages_message:not(:nth-last-child(-n+2)) .messages_message_dismiss, .messages_message:not(:nth-last-child(-n+2)) .messages_message_text, .messages_message:not(:nth-last-child(-n+4)) { display: none } .messages { background-color: #fff; margin: 8px } .messages_message { background-color: #262626; padding: .85714rem; border-top: 1px solid #fff } .messages_message_text { padding-right: 3.42857rem } .navigation a, .navigation a:link, .navigation a:visited { color: #d1d1d1 } .messages_message_dismiss { position: absolute; right: 0; top: 50%; margin-top: -1.71429rem; width: 36px; width: 2.57143rem; height: 36px; height: 2.57143rem } .messages_message_dismiss .icon { margin-left: -.42857rem; margin-top: -.42857rem } .messages_message:first-child { border-top: none } .messages_message:not(:nth-last-child(-n+2)) { padding: .14286rem 0 } .navigation { width: 180px; background-color: #262626; height: auto } .navigation a.is-active .icon, .navigation a.is-active:link, .navigation a.is-active:visited, .navigation a:active, .navigation a:active .icon, .navigation a:hover, .navigation a:hover .icon { color: #fff } .navigation .wrap>div:first-of-type>a { display: inline-block } .navigation .wrap>div:first-of-type>a .logo { margin: 12px 0 } .navigation .secondary { letter-spacing: .5px; width: 148px } .navigation .secondary li { display: inline; line-height: 1.5; white-space: nowrap; margin-right: 4px } .navigation .secondary li:last-child:after { display: none } .navigation .logo-link { padding: 16px 0; display: inline-block } .navigation .wrap { display: -webkit-box; display: -ms-flexbox } .navigation .wrap { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 16px; height: 100%; min-height: 100vh } .navigation .wrap>div:last-child>div { vertical-align: bottom; padding-bottom: 16px } .navigation .social { margin-left: -4px; text-align: center } .navigation .social li { display: inline-block } .navigation .social a:link, .navigation .social a:visited { color: #999; width: 34px; height: 27px } .navigation .social a:link .icon, .navigation .social a:visited .icon { line-height: 27px } .navigation .social a.btn--facebook:before, .navigation .social a.btn--google:before, .navigation .social a.btn--instagram:before { background-color: transparent } @media only screen and (max-width:992px) { .navigation { width: 300px; height: auto } .navigation .close { margin: 8px 0 0 8px; width: 48px; height: 48px } .navigation .wrap { padding: 0 24px 24px } .navigation .wrap>div>a { display: none } .navigation .secondary a { line-height: 1; display: block } .navigation .social { margin-left: -3px; text-align: left } .navigation .social li { display: inline-block } .navigation .social li a:link { width: 48px; height: 48px; color: #fff } .navigation .social li a:link .icon { line-height: 48px } .navigation .social a.btn--facebook:before { background-color: #5f78ab } .navigation .social a.btn--google:before { background-color: #dd4b39 } .navigation .social a.btn--instagram:before { background-color: #e0176c } } .arrow-top { position: absolute; top: -5px; width: 5px; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #d1d1d1 } .notifications { overflow-y: auto; width: 100%; height: 100%; max-height: 413px } .notifications .notification { border-bottom: 1px solid #d1d1d1 } .notifications .notification>div { padding: 0 12px } .notifications .notification>div:nth-child(2) { padding-left: 0 } .notifications .notification-target { color: #737373 } .notifications .notification-target span { color: #262626 } .notifications .notification-target>div { padding: 16px 0 } .notifications .notification-target>div:first-child { width: 36px } .notifications .notification-target>div:last-child { padding-left: 12px } .notifications .notification:hover { background-color: #e8e8e8 } .notifications .notification:last-child { border-bottom: none } .notifications .notification .btn { white-space: nowrap } @media only screen and (max-width:768px) { .notifications { width: 100%; height: 100%; max-height: 100%; overflow-y: auto } .notifications :hover { overflow-y: hidden } } .player { color: #fff; overflow: hidden } .player>* { position: absolute } .player_cover, .player_entity-information { left: 16px; left: 1.14286rem; right: 16px; right: 1.14286rem } .player_controls { left: 0; right: 0; text-align: center; font-size: 0 } .player_cover { top: 64px; top: 4.57143rem; bottom: 308px; bottom: 22rem; text-align: center } .player_cover img { width: auto; height: auto; max-width: 100%; max-height: 100%; display: inline-block; border: 1px solid #fff } .player_entity-information { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 36px; height: 2.57143rem; bottom: 256px; bottom: 18.28571rem } .player_entity-information>* { display: block; text-align: center } .player_entity-information>:hover { color: #fff!important; text-decoration: underline } .player_controls { height: 48px; height: 3.42857rem; bottom: 16px; bottom: 1.14286rem } @media only screen and (min-width:768px) { .player_entity-information { left: 48px; left: 3.42857rem; right: 48px; right: 3.42857rem } .player_cover { top: 112px; top: 8rem; bottom: 404px; bottom: 28.85714rem } .player_cover img { height: 100%; width: auto; display: inline-block; border: 1px solid #fff } .player_entity-information { height: 40px; height: 2.85714rem; bottom: 344px; bottom: 24.57143rem } .player_entity-information_title { font-size: 18px; font-size: 1.28571rem } .player_controls { bottom: 40px; bottom: 2.85714rem } } @media only screen and (min-width:992px) { .player_cover { top: 96px; top: 6.85714rem; bottom: 332px; bottom: 23.71429rem } .player_entity-information { bottom: 276px; bottom: 19.71429rem } .player_controls { bottom: 24px; bottom: 1.71429rem } } @media only screen and (min-width:1334px) { .player_cover { top: 112px; top: 8rem; bottom: 404px; bottom: 28.85714rem } .player_entity-information { bottom: 344px; bottom: 24.57143rem } .player_controls { bottom: 40px; bottom: 2.85714rem } } @media only screen and (max-height:430px) { .player_cover { display: none } } @media only screen and (min-width:768px) and (max-width:992px) and (max-height:550px) { .player_cover { display: none } } @media only screen and (min-width:992px) and (max-height:470px) { .player_cover { display: none } } @media only screen and (min-width:1334px) and (max-height:550px) { .player_cover { display: none } } .hidden { display: none!important } .container.right { text-align: right } .container.center { text-align: center } .container .section.container { padding: 0 } .container-1024 { width: 1024px; padding: 0; margin: 0 auto } @media only screen and (max-width:1110px) { .container-1024 { width: 100%; padding: 30px } } @media only screen and (max-width:480px) { .container-1024 { padding: 15px } } @media only screen and (max-width:350px) { .container-1024 { padding: 0 } } .align-right { text-align: right } .align-center { text-align: center } .row-height { display: table; table-layout: fixed; height: 100%; width: 100% } .col-height { display: table-cell; float: none; height: 100% } .col-top { vertical-align: top } .col-middle { vertical-align: middle } @media (min-width:480px) { .row-xs-height { display: table; table-layout: fixed; height: 100%; width: 100% } .col-xs-height { display: table-cell; float: none; height: 100% } .col-xs-top { vertical-align: top } .col-xs-middle { vertical-align: middle } } @media (min-width:768px) { .row-sm-height { display: table; table-layout: fixed; height: 100%; width: 100% } .col-sm-height { display: table-cell; float: none; height: 100% } .col-sm-top { vertical-align: top } .col-sm-middle { vertical-align: middle } } @media (min-width:992px) { .row-md-height { display: table; table-layout: fixed; height: 100%; width: 100% } .col-md-height { display: table-cell; float: none; height: 100% } .col-md-top { vertical-align: top } .col-md-middle { vertical-align: middle } } @media (min-width:1200px) { .row-lg-height { display: table; table-layout: fixed; height: 100%; width: 100% } .col-lg-height { display: table-cell; float: none; height: 100% } .col-lg-top { vertical-align: top } .col-lg-middle { vertical-align: middle } } .modal { z-index: 800 } [component-disabled] { cursor: not-allowed!important } [component-disabled]>* { -webkit-filter: grayscale(1)!important; filter: grayscale(1)!important; opacity: .4!important; cursor: not-allowed!important; pointer-events: none!important } [component-disabled]>*>*, [component-disabled]>*>*>* { cursor: not-allowed!important; pointer-events: none!important } [center] { margin: 0 auto } [center-important] { margin: 0 auto!important } [float-right] { float: right } [float-clear] { clear: both } [absolute] { position: absolute!important } [absolute-top-right] { position: absolute!important; top: 0; right: 0 } [overflow-allowed] { overflow: visible!important } [z-700] { z-index: 700!important } [z-600] { z-index: 600!important } [z-410] { z-index: 410!important } [block] { display: block!important } [no-display] { display: none!important } [relative-position] { position: relative } [flex-raw-space-between] { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } [flex-raw-space-between][wrap] { -ms-flex-wrap: wrap; flex-wrap: wrap } [flex-raw-space-between][start] { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } [flex-raw-start] { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } [flex-raw-start][wrap] { -ms-flex-wrap: wrap; flex-wrap: wrap } [flex-raw-center] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } [flex-raw-center][start] { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } [flex-raw-center][wrap] { -ms-flex-wrap: wrap; flex-wrap: wrap } [flex-raw-end] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } [flex-column-start] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } [flex-column-center] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } [data-flex^=flexOrder][data-flex*="1"] { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } [data-flex^=flexOrder][data-flex*="2"] { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } [data-flex^=flexOrder][data-flex*="3"] { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } [data-flex^=flexOrder][data-flex*="4"] { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } [data-flex^=flexOrder][data-flex*="5"] { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } [data-flex^=flexOrder][data-flex*="6"] { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6 } [img-contain] { display: block; background-repeat: no-repeat; background-position: center; background-size: contain; background-color: transparent; height: 100%; width: 100% } [not-visible] { visibility: hidden!important } [w-50] { width: 50% } [w-100] { width: 100%!important } [size^="w"][size*="-50%"] { width: 50% } [size^="w"][size*="-100%"] { width: 100% } [margin^=top][margin*="-24"] { margin-top: 24px } [no-padding] { padding: 0!important } [no-left-pad] { padding-left: 0!important } [no-right-pad] { padding-right: 0!important } [no-padding-top] { padding-top: 0!important } [padding-top-8] { padding-top: 8px!important } [color-primary] { background-color: #67b7bf!important } [color-primary-saturated] { background-color: #4bd2e2!important } [yellow-spreaker] { background-color: #ffc107!important } [whitesmoke] { background-color: #f5f5f5!important } [color-text-primary-saturated] { color: #4bd2e2!important } [color-text-medium-gray] { color: #646464!important } [color-black] { color: #000!important } [text-center] { text-align: center } [text-left] { text-align: left } [uppercase] { text-transform: uppercase } [no-border] { border: none!important } [size-13] { font-size: 13px!important } [size-14] { font-size: 14px!important } [size-15] { font-size: 15px!important } [size-16] { font-size: 16px!important } [size-17] { font-size: 17px!important } [size-22] { font-size: 22px } [size-28] { font-size: 28px!important } [size-32] { font-size: 32px!important } [size-44] { font-size: 44px!important } [italic] { font-style: italic!important } [normal] { font-family: futurabook, Arial, sans-serif } [demi] { font-family: futurademi, Arial, sans-serif } [bold] { font-family: futurabold, Arial, sans-serif } [h-auto] { height: auto!important } [h-240] { height: 240px!important } [width-auto] { width: auto!important } [width-80] { width: 80%!important } [list-disc-outside] { list-style-type: disc!important; list-style-position: outside!important; padding-left: 1.25rem!important } [list-disc-outside] li { display: list-item!important } [display^=flex] { display: -webkit-box; display: -ms-flexbox; display: flex } [display^=flex][display*=row] { -ms-flex-flow: row; flex-flow: row } [display^=flex][display*=row-reverse] { -ms-flex-flow: row-reverse; flex-flow: row-reverse } [display^=flex][display*=column] { -ms-flex-flow: column; flex-flow: column } [display^=flex][display*=column-reverse] { -ms-flex-flow: column-reverse; flex-flow: column-reverse } [display^=flex][display*=align-center] { -webkit-box-align: center; -ms-flex-align: center; align-items: center } [display^=flex][display*=align-start] { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } [display^=flex][display*=align-end] { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } [display^=flex][display*=align-baseline] { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } [display^=flex][display*=justify-center] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } [display^=flex][display*=justify-between] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } [display^=flex][display*=justify-around] { -ms-flex-pack: distribute; justify-content: space-around } [display^=flex][display*=justify-end] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } [display^=flex][display*=justify-start] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } [display^=flex][display*=space-evenly] { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly } [display^=flex][display*=wrap] { -ms-flex-wrap: wrap; flex-wrap: wrap } [display^=flex][display*=nowrap] { -ms-flex-wrap: nowrap; flex-wrap: nowrap } [display*=grow-1] { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } [display*=grow-1-desktop] { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } @media only screen and (max-width:1110px) { [display*=grow-1-desktop] { -webkit-box-flex: initial; -ms-flex-positive: initial; flex-grow: initial } } [display*=align-self-start] { -ms-flex-item-align: start; align-self: flex-start } [display*=align-self-center] { -ms-flex-item-align: center; align-self: center } [display*=align-self-end] { -ms-flex-item-align: end; align-self: flex-end } [display^=block] { display: block } [display^=inline] { display: inline } [display^=inline-block] { display: inline-block } [display^=table] { display: table } [display^=none] { display: none } [display*=overflow-hidden] { overflow: hidden } [display*=overflow-visible] { overflow: hidden } [text~=ellipsis] { text-overflow: ellipsis; overflow: hidden; white-space: nowrap } [text~=nowrap] { white-space: nowrap } [text~=wrap] { white-space: normal } [text~=capitalize] { text-transform: capitalize } [text~=uppercase] { text-transform: uppercase } [text~=capitalize-first-letter] { display: block } [text~=capitalize-first-letter]::first-letter { text-transform: capitalize } [text~=lowercase] { text-transform: lowercase } [text~=initial] { text-transform: initial } [text~=left] { text-align: left } [text~=center] { text-align: center } [text~=right] { text-align: right } [text~=justify] { text-align: justify } [text~=underline] { text-decoration: underline } [text~=underline]:hover { text-decoration: underline } [text~=no-deco] { text-decoration: none } [text~=line-h-1] { line-height: 1 } [text~=line-h-1-2] { line-height: 1.2 } [text~=line-h-1-3] { line-height: 1.3 } [text~=line-h-1-4] { line-height: 1.4 } [text~=line-h-1-5] { line-height: 1.5 } [text~=line-h-1-6] { line-height: 1.6 } [text~=letter-spacing-1] { letter-spacing: 1px } [font~=normal] { font-family: futurabook, Arial, sans-serif } [font~=demi] { font-family: futurademi, Arial, sans-serif } [font~=bold] { font-family: futurabold, Arial, sans-serif } [font~=w-initial] { font-weight: initial } [font~=w-400] { font-weight: 400 } [font~=w-600] { font-weight: 600 } [font~=size-6] { font-size: 6px } [font~=size-7] { font-size: 7px } [font~=size-8] { font-size: 8px } [font~=size-9] { font-size: 9px } [font~=size-10] { font-size: 10px } [font~=size-11] { font-size: 11px } [font~=size-12] { font-size: 12px } [font~=size-13] { font-size: 13px } [font~=size-14] { font-size: 14px } [font~=size-15] { font-size: 15px } [font~=size-16] { font-size: 16px } [font~=size-17] { font-size: 17px } [font~=size-18] { font-size: 18px } [font~=size-19] { font-size: 19px } [font~=size-20] { font-size: 20px } [font~=size-21] { font-size: 21px } [font~=size-22] { font-size: 22px } [font~=size-23] { font-size: 23px } [font~=size-24] { font-size: 24px } [font~=size-25] { font-size: 25px } [font~=size-26] { font-size: 26px } [font~=size-27] { font-size: 27px } [font~=size-28] { font-size: 28px } [font~=size-29] { font-size: 29px } [font~=size-30] { font-size: 30px } [font~=size-32] { font-size: 32px } [font~=size-34] { font-size: 34px } [font~=size-36] { font-size: 36px } [font~=size-38] { font-size: 38px } [font~=size-40] { font-size: 40px } [font~=size-80] { font-size: 80px } [size~=w-0] { width: 0 } [size~=w-1] { width: 1px } [size~=w-2] { width: 2px } [size~=w-3] { width: 3px } [size~=w-4] { width: 4px } [size~=w-5] { width: 5px } [size~=w-6] { width: 6px } [size~=w-7] { width: 7px } [size~=w-8] { width: 8px } [size~=w-9] { width: 9px } [size~=w-10] { width: 10px } [size~=w-11] { width: 11px } [size~=w-12] { width: 12px } [size~=w-13] { width: 13px } [size~=w-14] { width: 14px } [size~=w-15] { width: 15px } [size~=w-16] { width: 16px } [size~=w-17] { width: 17px } [size~=w-18] { width: 18px } [size~=w-19] { width: 19px } [size~=w-20] { width: 20px } [size~=w-21] { width: 21px } [size~=w-22] { width: 22px } [size~=w-23] { width: 23px } [size~=w-24] { width: 24px } [size~=w-25] { width: 25px } [size~=w-26] { width: 26px } [size~=w-27] { width: 27px } [size~=w-28] { width: 28px } [size~=w-29] { width: 29px } [size~=w-30] { width: 30px } [size~=w-32] { width: 32px } [size~=w-40] { width: 40px } [size~=w-46] { width: 46px } [size~=w-135] { width: 135px } [size~=w-145] { width: 145px } [size~=w-180] { width: 180px } [size~=w-220] { width: 220px } [size~=w-270] { width: 270px } [size~=w-354] { width: 354px } [size~=w-650] { width: 650px } [size~="w-5%"] { width: 5% } [size~="w-10%"] { width: 10% } [size~="w-15%"] { width: 15% } [size~="w-20%"] { width: 20% } [size~="w-25%"] { width: 25% } [size~="w-30%"] { width: 30% } [size~="w-35%"] { width: 35% } [size~="w-40%"] { width: 40% } [size~="w-45%"] { width: 45% } [size~="w-50%"] { width: 50% } [size~="w-55%"] { width: 55% } [size~="w-60%"] { width: 60% } [size~="w-65%"] { width: 65% } [size~="w-70%"] { width: 70% } [size~="w-75%"] { width: 75% } [size~="w-80%"] { width: 80% } [size~="w-85%"] { width: 85% } [size~="w-90%"] { width: 90% } [size~="w-95%"] { width: 95% } [size~="w-100%"] { width: 100% } [size~=h-0] { height: 0 } [size~=h-1] { height: 1px } [size~=h-2] { height: 2px } [size~=h-3] { height: 3px } [size~=h-4] { height: 4px } [size~=h-5] { height: 5px } [size~=h-6] { height: 6px } [size~=h-7] { height: 7px } [size~=h-8] { height: 8px } [size~=h-9] { height: 9px } [size~=h-10] { height: 10px } [size~=h-11] { height: 11px } [size~=h-12] { height: 12px } [size~=h-13] { height: 13px } [size~=h-14] { height: 14px } [size~=h-15] { height: 15px } [size~=h-16] { height: 16px } [size~=h-17] { height: 17px } [size~=h-18] { height: 18px } [size~=h-19] { height: 19px } [size~=h-20] { height: 20px } [size~=h-21] { height: 21px } [size~=h-22] { height: 22px } [size~=h-23] { height: 23px } [size~=h-24] { height: 24px } [padding~=right-20] { padding-right: 20px } [padding~=right-21] { padding-right: 21px } [padding~=right-22] { padding-right: 22px } [padding~=right-23] { padding-right: 23px } [padding~=right-24] { padding-right: 24px } [padding~=right-25] { padding-right: 25px } [padding~=right-26] { padding-right: 26px } [padding~=right-27] { padding-right: 27px } [padding~=right-28] { padding-right: 28px } [padding~=right-29] { padding-right: 29px } [padding~=right-30] { padding-right: 30px } [padding~=right-32] { padding-right: 32px } [padding~=right-40] { padding-right: 40px } [color^=jam-music] { color: } [color^=jam-licensing] { color: #67b7bf } [color^=jam-licensing-saturated] { color: #4bd2e2 } [color^=black] { color: #000 } [color^=white] { color: #fff } [color^=red] { color: red } [color^=orange] { color: orange } [color^=gray-0] { color: #f5f5f5 } [color^=gray-1] { color: #f2f2f2 } [color^=gray-2] { color: #e5e5e5 } [color^=gray-3] { color: #d8d8d8 } [color^=gray-4] { color: #cbcbcb } [color^=gray-5] { color: #bebebe } [color^=gray-6] { color: #b1b1b1 } [color^=gray-7] { color: #a4a4a4 } [color^=gray-8] { color: #979797 } [color^=gray-9] { color: #8a8a8a } [color^=gray-10] { color: #7d7d7d } [color^=gray-11] { color: #707070 } [color^=gray-12] { color: #636363 } [color^=gray-13] { color: #565656 } [color^=gray-14] { color: #494949 } [color^=gray-15] { color: #3c3c3c } [color^=gray-16] { color: #2f2f2f } [color^=gray-17] { color: #222 } [color^=gray-18] { color: #151515 } [color^=gray-19] { color: #080808 } [debug] { border: 1px solid red } [shadow] { box-shadow: 0 2px 4px rgba(0, 0, 0, .5) } [border~=none] { border: none } [border~=w-1] { border: 1px solid } [border~=w-2] { border: 2px solid } [border~=w-3] { border: 3px solid } [border~=w-4] { border: 4px solid } [border~=w-5] { border: 5px solid } [border~=w-6] { border: 6px solid } [border~=w-7] { border: 7px solid } [border~=w-8] { border: 8px solid } [border~=w-9] { border: 9px solid } [border~=w-10] { border: 10px solid } [border^=jam-music] { border-color: } [border^=jam-licensing] { border-color: #67b7bf } [border~=jamlicensing] { border-color: #67b7bf } [border~="r100%"] { border-radius: 100% } [border~=r1] { border-radius: 1px } [border~=r2] { border-radius: 2px } [border~=r3] { border-radius: 3px } [border~=r4] { border-radius: 4px } [border~=r5] { border-radius: 5px } [border~=r6] { border-radius: 6px } [border~=r7] { border-radius: 7px } [border~=r8] { border-radius: 8px } [border~=r9] { border-radius: 9px } [border~=r10] { border-radius: 10px } [position^=relative] { position: relative } [position^=absolute] { position: absolute } [position^=fixed] { position: fixed } [position^=sticky] { position: -webkit-sticky; position: sticky } [position^=sticky-desktop] { position: -webkit-sticky; position: sticky } @media only screen and (max-width:1110px) { [position^=sticky-desktop] { position: initial } } [position^=float-right] { float: right } [position*=top-0] { top: 0 } [position*=top-2] { top: 2px } [position*=top-30] { top: 30px } [position*=top-70] { top: 70px } [position*=top-minus-75] { top: -75px } [position*=right-0] { right: 0 } [position*=right-minus-10] { right: -10px } [position*=bottom-0] { bottom: 0 } [position*=left-0] { left: 0 } [background^=jam-music] { background-color: } [background^=jam-licensing] { background-color: #67b7bf } [background^=black] { background-color: #000 } [background^=white] { background-color: #fff } [background^=red] { background-color: red } [background^=error] { color: #ffd7d7 } [background^=orange] { background-color: orange } [background^=gray-0] { background-color: #f5f5f5 } [background^=gray-1] { background-color: #f2f2f2 } [background^=gray-2] { background-color: #e5e5e5 } [background^=gray-3] { background-color: #d8d8d8 } [background^=gray-4] { background-color: #cbcbcb } [background^=gray-5] { background-color: #bebebe } [background^=gray-6] { background-color: #b1b1b1 } [background^=gray-7] { background-color: #a4a4a4 } [background^=gray-8] { background-color: #979797 } [background^=gray-9] { background-color: #8a8a8a } [background^=gray-10] { background-color: #7d7d7d } [background^=gray-11] { background-color: #707070 } [background^=gray-12] { background-color: #636363 } [background^=gray-13] { background-color: #565656 } [background^=gray-14] { background-color: #494949 } [background^=gray-15] { background-color: #3c3c3c } [background^=gray-16] { background-color: #2f2f2f } [background^=gray-17] { background-color: #222 } [background^=gray-18] { background-color: #151515 } [background^=gray-19] { background-color: #080808 } @media only screen and (max-width:750px) { [responsive~="750-reset-background"] { background-color: initial } } [animation~=rotate-add-180] { -webkit-transform: rotate(180deg); transform: rotate(180deg) } [hover~=licensing]:hover { color: #67b7bf } [hover~=licensing]:hover>* { color: #67b7bf } [class*=hint--] { position: relative; display: inline-block } [class*=hint--]:after, [class*=hint--]:before { position: absolute; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: hidden; opacity: 0; z-index: 630; pointer-events: none; transition: .3s ease; transition-delay: 0s } [class*=hint--]:hover:after, [class*=hint--]:hover:before { visibility: visible; opacity: 1 } [class*=hint--]:hover:after, [class*=hint--]:hover:before { transition-delay: .1s } [class*=hint--]:before { content: ''; position: absolute; background: 0 0; border: 6px solid transparent; z-index: 631 } [class*=hint--]:after { background: #67b7bf; color: #fff; padding: 8px 10px; font-size: 12px; font-family: futurabook, Arial, sans-serif; line-height: 12px; white-space: nowrap } [class*=hint--][aria-label]:after { content: attr(aria-label) } [class*=hint--][data-hint]:after { content: attr(data-hint) } [aria-label='']:after, [aria-label='']:before, [data-hint='']:after, [data-hint='']:before { display: none!important } @supports (-ms-overflow-style:none) { .ps-container { overflow: auto!important } } .form-group.auto-width:after, .form-group.auto-width:before { content: " "; display: table } .form-group.auto-width:after { clear: both } .button.disabled, .button:disabled, .button[disabled] { -webkit-filter: gray; filter: gray; filter: grayscale(1); -webkit-filter: grayscale(1) } .notification__body { display: table; width: 100% } .button-icon>div, .button-play>div, .button>div { display: table; width: 100%; height: 100% } .notification__body>* { display: table-cell; vertical-align: middle } .button-icon>div>div, .button-play>div>div, .button>div>div { display: table-cell; text-align: center; vertical-align: middle } .modal-header [data-dismiss=modal] { position: absolute; top: 0; right: 0 } .pill:before { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .button, .button-icon, .button-play { appearance: none; -moz-appearance: none; -webkit-appearance: none; display: inline-block; vertical-align: middle; line-height: 1.334; position: relative; text-decoration: none; color: #fff } .button-icon:active, .button-icon:focus, .button-icon:hover, .button-icon:visited, .button-play:active, .button-play:focus, .button-play:hover, .button-play:visited, .button:active, .button:focus, .button:hover, .button:visited { text-decoration: none } .button-icon:focus, .button-play:focus, .button:focus { outline: 0 } .is-active.button { -webkit-animation: button-is-active .4s linear; animation: button-is-active .4s linear } @-webkit-keyframes button-is-active { 0% { -webkit-transform: scale(1); transform: scale(1) } 25% { -webkit-transform: scale(1.1); transform: scale(1.1) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes button-is-active { 0% { -webkit-transform: scale(1); transform: scale(1) } 25% { -webkit-transform: scale(1.1); transform: scale(1.1) } 100% { -webkit-transform: scale(1); transform: scale(1) } } .button { background-color: #67b7bf } .button:hover { background-color: #48a2ab; cursor: pointer; text-decoration: none } .is-on.button-icon .icon { color: #67b7bf } .button-icon .icon+.icon, .button-play .icon+.icon { display: none } .button-icon .icon-data+.icon-data, .button-play .icon-data+.icon-data { display: none } .pill { font-size: 10px; font-size: .625rem } .footer .copyright p { font-size: 11px; font-size: .6875rem } .button, .button-icon span, .footer .link-group, .form-group label:not(.error), .label, .modal-header [data-dismiss=modal] .icon, .notification__close button .icon, .pop-in, a.action, a.action-discreet, p.small { font-size: 12px; font-size: .75rem } .button-list.login>li, .radio label { font-size: 13px; font-size: .8125rem } .modal-body, .notification__text, .pop-in__links { font-size: 14px; font-size: .875rem } .modal-title { font-size: 16px; font-size: 1rem } .section header h1, .section header h2 { font-size: 18px; font-size: 1.125rem } .button, .button-list.login>li, .form-group label:not(.error), .label, a.action, a.action-discreet { letter-spacing: 1px; letter-spacing: .0625rem } .button, a.action { font-family: futurademi, Arial, sans-serif; text-transform: uppercase; text-decoration: none } label { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .section header h1, .section header h2 { color: #67b7bf; text-transform: uppercase; font-family: futurademi, Arial, sans-serif } @-webkit-keyframes move-from-top-opacity { 0% { top: 50px; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0) } 100% { top: 100%; opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes move-from-top-opacity { 0% { top: 50px; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0) } 100% { top: 100%; opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .toggle_radio { position: relative; background-color: #67b7bf; margin: 4px auto; overflow: hidden; padding: 0!important; border-radius: 50px; position: relative; height: 30px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .toggle_radio>* { float: left } .toggle_radio .toggle_option_slider { width: 100px; height: 24px; position: absolute; top: 3px; border-radius: 50px; transition: all .4s ease; background-color: rgba(255, 255, 255, .3) } .toggle_radio label { color: rgba(255, 255, 255, .9); z-index: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto; height: 24px; margin: 3px 3px; -webkit-border-radius: 50px; border: 1px solid rgba(0, 0, 0, .15)!important; border-radius: 50px; cursor: pointer; z-index: 1; text-align: center } .toggle_radio label p { margin: 0; text-align: center; width: 100%; color: #fff; text-transform: initial } h1[underline-rounded], h2[underline-rounded], h3[underline-rounded], h4[underline-rounded], h5[underline-rounded], h6[underline-rounded] { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: auto; margin-right: auto } .icon-data { position: relative; display: inline-block; font-family: jamendo-all-icons; font-style: normal; font-weight: 400; text-transform: none; text-transform: none; line-height: 1 } .icon { color: inherit; position: relative; display: inline-block; font-family: jamendo-all-icons; font-style: normal; font-weight: 400; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-transform: none; font-size: 16px; font-size: 1rem; height: 16px; height: 1rem; width: 16px; width: 1rem; line-height: 1; speak: none } .icon.red { color: red } .icon.small { font-size: 12px; font-size: .75rem; height: 12px; height: .75rem; width: 12px; width: .75rem } .icon-album:before { content: "" } .icon-comment-2:before { content: "" } .icon-duration:before { content: "" } .icon-info-new2:before { content: "" } .icon-pause-rounded:before { content: "" } .icon-picture:before { content: "" } .icon-playlist:before { content: "" } .icon-play-next:before { content: "" } .icon-profile:before { content: "" } .icon-chevron-down:before { content: "" } .icon-chevron-left:before { content: "" } .icon-chevron-new2:before { content: "" } .icon-chevron-right:before { content: "" } .icon-close:before { content: "" } .icon-comment:before { content: "" } .icon-download:before { content: "" } .icon-facebook:before { content: "" } .icon-facebook-f:before { content: "" } .icon-filter:before { content: "" } .icon-heart:before { content: "" } .icon-heart-on:before { content: "" } .icon-home:before { content: "" } .icon-info-new21:before { content: "" } .icon-information:before { content: "" } .icon-instagram:before { content: "" } .icon-link:before { content: "" } .icon-mail:before { content: "" } .icon-menu:before { content: "" } .icon-menu-secondary:before { content: "" } .icon-next:before { content: "" } .icon-pause:before { content: "" } .icon-play:before { content: "" } .icon-user:before { content: "" } .icon-user-new2:before { content: "" } .icon-video:before { content: "" } .icon-youtube:before { content: "" } .icon-close-s:before { content: "" } .icon-comment-s:before { content: "" } .icon-download-s:before { content: "" } .icon-duration-s:before { content: "" } .icon-heart-on-s:before { content: "" } .icon-menu-secondary-s:before { content: "" } .icon-pause-s:before { content: "" } .icon-picture-s:before { content: "" } .icon-play-s:before { content: "" } .icon-user-s:before { content: "" } .icon-data-album:before { content: "" } .icon-data-comment-2:before { content: "" } .icon-data-duration:before { content: "" } .icon-data-info-new2:before { content: "" } .icon-data-pause-rounded:before { content: "" } .icon-data-picture:before { content: "" } .icon-data-playlist:before { content: "" } .icon-data-play-next:before { content: "" } .icon-data-profile:before { content: "" } .icon-data-chevron-down:before { content: "" } .icon-data-chevron-left:before { content: "" } .icon-data-chevron-new2:before { content: "" } .icon-data-chevron-right:before { content: "" } .icon-data-close:before { content: "" } .icon-data-comment:before { content: "" } .icon-data-download:before { content: "" } .icon-data-facebook:before { content: "" } .icon-data-facebook-f:before { content: "" } .icon-data-filter:before { content: "" } .icon-data-heart:before { content: "" } .icon-data-heart-on:before { content: "" } .icon-data-home:before { content: "" } .icon-data-info-new21:before { content: "" } .icon-data-information:before { content: "" } .icon-data-instagram:before { content: "" } .icon-data-link:before { content: "" } .icon-data-mail:before { content: "" } .icon-data-menu:before { content: "" } .icon-data-menu-secondary:before { content: "" } .icon-data-next:before { content: "" } .icon-data-pause:before { content: "" } .icon-data-play:before { content: "" } .icon-data-user:before { content: "" } .icon-data-user-new2:before { content: "" } .icon-data-video:before { content: "" } .icon-data-youtube:before { content: "" } .icon-data-close-s:before { content: "" } .icon-data-comment-s:before { content: "" } .icon-data-download-s:before { content: "" } .icon-data-duration-s:before { content: "" } .icon-data-heart-on-s:before { content: "" } .icon-data-menu-secondary-s:before { content: "" } .icon-data-pause-s:before { content: "" } .icon-data-picture-s:before { content: "" } .icon-data-play-s:before { content: "" } .icon-data-user-s:before { content: "" } .icon-information:hover { cursor: pointer } .icon-bell { background-image: url(https://images.jamendo.com/jamendolicensing/icon/bell-white.svg); background-repeat: no-repeat } @-webkit-keyframes loaderAnimation { 0% { height: 20%; margin-top: 40% } 50% { height: 84%; margin-top: 8% } 100% { height: 20%; margin-top: 40% } } @keyframes loaderAnimation { 0% { height: 20%; margin-top: 40% } 50% { height: 84%; margin-top: 8% } 100% { height: 20%; margin-top: 40% } } p { font-size: inherit; line-height: inherit; color: #646464; display: inline-block } p.discreet { color: #999 } p[capitalize] { text-transform: capitalize } p.size-40 { font-size: 40px } p.size-24 { font-size: 24px } p.size-18 { font-size: 18px } .pill { display: inline-block; position: relative; min-width: 16px; min-width: 1rem; height: 16px; height: 1rem; padding: 0 4px; padding: 0 .25rem; font-style: normal; color: #fff; line-height: 1.6; text-align: center; z-index: 0 } .pill:before { border-radius: 8px; border-radius: .5rem; content: ''; background-color: #67b7bf; z-index: -1 } .s { display: inline-block; background-repeat: no-repeat } .s.payment-method { background-image: url(https://images.jamendo.com/jamendolicensing/sprites/sprite-payment-methods.webp?v2) } .s.payment-method { margin-right: 12px; margin-right: .75rem; height: 36px } .s.payment-method.paypal { width: 70px; background-position: -127px 0 } .svg.logo { height: 36px; width: 102px; fill: #fff; background-image: url(https://images.jamendo.com/jamendolicensing/static/vector-imgs/jamendo-licensing-logo-white.svg); background-repeat: no-repeat; background-size: contain } .svg.logo.small { height: 27px; width: 77px } picture.svg { display: block; background-repeat: no-repeat; background-position: center; background-size: contain; background-color: transparent } picture.svg.paypal-icon { width: 28px; height: 28px; background-size: 88%; background-image: url(https://images.jamendo.com/jamendolicensing/static/vector-imgs/paypall-icon.svg) } ul.regular { list-style-type: disc; list-style-position: inside; margin-bottom: 16px; margin-bottom: 1rem } .button-list.login { margin-bottom: 32px; margin-bottom: 2rem; width: 100% } .button-list.login>li { margin-bottom: 6px; margin-bottom: .375rem; line-height: 1.334; margin-bottom: 16px; margin-bottom: 1rem; display: block; text-align: center } .button-list.login>li:last-child { margin-bottom: 4rem } .button-list.login>li:last-child a { margin-left: 6px; padding-top: 3px; padding-bottom: 2px } .pop-in { width: 288px; width: 18rem; white-space: normal; background-color: #fcfcfc; border: 2px solid #67b7bf; text-align: center; position: relative; display: inline-block; z-index: 1 } .pop-in__links { padding: 24px; padding: 1.5rem; line-height: 1.7 } .pop-in.small { width: 224px; width: 14rem } .pop-in:after { position: absolute; content: ''; display: inline-block; z-index: 2; background-repeat: no-repeat; background-position: center center } label { position: relative; display: block; font-weight: initial } .label-info { margin-left: 8px; margin-left: .5rem; vertical-align: top } .form-group label:not(.error), .label { margin-bottom: 6px; margin-bottom: .375rem; line-height: 1.334 } .form-group label:not(.error).hitbox { line-height: inherit } .form-group { margin-bottom: 24px; margin-bottom: 1.5rem } .form-group { position: relative } .form-group.auto-width select { width: auto; display: inline-block } .form-group.auto-width select+select { margin-left: -1px } .radio { margin: 0 } .radio label { line-height: 1.23; color: #646464; cursor: pointer; min-height: 24px; min-height: 1.5rem; margin-bottom: 0 } ::-webkit-input-placeholder { color: #999 } :-moz-placeholder { color: #999 } ::-moz-placeholder { color: #999 } :-ms-input-placeholder { color: #999 } .form-group-slider label { margin-bottom: 11px; margin-bottom: .6875rem } .notification { color: #fff; display: block; background-color: #67b7bf; opacity: 1 } .notification__body>:first-child { padding-left: 24px; padding-left: 1.5rem } .notification__close, .notification__icon { width: 48px; width: 3rem } .notification__icon { padding-right: 16px; padding-right: 1rem } .notification__text { padding: 16px 0; padding: 1rem 0; line-height: 1.143 } .notification__text a, .notification__text button { color: inherit; text-decoration: underline } .notification__close button { width: 48px; width: 3rem; height: 48px; height: 3rem; opacity: .3; color: #000 } .notification__close button .icon { line-height: 1.334 } .notification__close button:hover { color: #fff; opacity: 1 } .notification__close button:focus { outline: 0 } @-webkit-keyframes destroyMe { to { width: 0; height: 0; overflow: hidden; visibility: hidden } } @keyframes destroyMe { to { width: 0; height: 0; overflow: hidden; visibility: hidden } } @-webkit-keyframes barAnimation { to { width: 0% } } @keyframes barAnimation { to { width: 0% } } .section { margin-bottom: 64px; margin-bottom: 4rem } .section header { text-align: center } .section header h1, .section header h2 { text-align: center!important; font-family: futurabold, Arial, sans-serif; font-size: 24px } .section header h1, .section header h2 p { margin-bottom: 24px; margin-bottom: 1.5rem } .section header h1, .section header h2 { text-align: center } .section p { max-width: 640px; max-width: 40rem; color: gray } .section.secondary h1 { color: #646464 } .section-pricing { padding-top: 64px; padding-top: 4rem; padding-bottom: 80px; padding-bottom: 5rem } @media only screen and (max-width:992px) { .section-pricing { padding-top: 24px; padding-top: 1.5rem } } .section+.section:not(.section-background):before { display: block; margin: 0 auto 72px; margin: 0 auto 4.5rem; width: 40px; width: 2.5rem; height: 8px; height: .5rem; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc } .section:not(.secondary)+.section:not(.secondary):before { border-top-color: #67b7bf; border-bottom-color: #67b7bf } [progressbar-steps-container] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin: 0 auto; padding: 0 } [progressbar-steps-container]::after { content: ''; position: absolute; top: 5px; height: 6px; left: calc(100% / 8); width: calc((100% / 8)*6); background-color: #e6e6e6; border-radius: 3px } [progressbar-steps-container] li { z-index: 1; position: relative; list-style-type: none; width: 100% } [progressbar-steps-container] li i { background-color: transparent; border-color: transparent; width: 16px; height: 16px; border-radius: 50%; margin: 0 auto; display: block } [progressbar-steps-container] li p { width: 100%; text-align: center; margin-top: 6px; color: #ccc } [progressbar-steps-container][default] li:first-of-type i { background-color: #67b7bf } [progressbar-steps-container][default] li:first-of-type p { color: #67b7bf } [progressbar-steps-container][step1] li:nth-of-type(2) i { background-color: #67b7bf } [progressbar-steps-container][step1] li:nth-of-type(1) p, [progressbar-steps-container][step1] li:nth-of-type(2) p { color: #67b7bf } [progressbar-steps-container][step1]::before { content: ''; position: absolute; top: 5px; height: 6px; background-color: #67b7bf; border-radius: 3px; z-index: 1; left: calc(100% / 8); width: calc((100% / 8)*2) } [progressbar-steps-container][step2] li:nth-of-type(3) i { background-color: #67b7bf } [progressbar-steps-container][step2] li:nth-of-type(1) p, [progressbar-steps-container][step2] li:nth-of-type(2) p, [progressbar-steps-container][step2] li:nth-of-type(3) p { color: #67b7bf } [progressbar-steps-container][step2]::before { content: ''; position: absolute; top: 5px; height: 6px; background-color: #67b7bf; border-radius: 3px; z-index: 1; left: calc(100% / 8); width: calc((100% / 8)*4) } [progressbar-steps-container][validated] li:nth-of-type(4) i { background-color: #67b7bf; position: relative } [progressbar-steps-container][validated] li:nth-of-type(4) i::after { content: ''; display: block; position: absolute; top: 2px; left: 5px; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg) } [progressbar-steps-container][validated] li:nth-of-type(1) p, [progressbar-steps-container][validated] li:nth-of-type(2) p, [progressbar-steps-container][validated] li:nth-of-type(3) p, [progressbar-steps-container][validated] li:nth-of-type(4) p { color: #67b7bf } [progressbar-steps-container][validated]::before { content: ''; position: absolute; top: 5px; height: 6px; background-color: #67b7bf; border-radius: 3px; z-index: 1; left: calc(100% / 8); width: calc((100% / 8)*6) } select[c-select] { position: fixed; top: -9999px; left: -9999px } .c-select { width: 260px!important; line-height: 2.25rem; color: #67b7bf; font-size: 1rem; outline: 0; cursor: pointer; background-color: #fff; height: auto; transition: border-radius 0s linear .1s, border-bottom 0s linear .1s; width: 100%; border: 2px solid #67b7bf; border-radius: 6px; position: relative } .c-select i { position: absolute; right: 24px; top: 10px; transition: -webkit-transform .1s linear .1s; transition: transform .1s linear .1s } .c-select__option { background-color: #fff; outline: 0; cursor: pointer; text-decoration: none; padding: 0 1.5rem; color: #67b7bf; overflow: ellipsis; white-space: nowrap; min-height: 2.25rem; text-transform: none } .c-select__option[selected] { color: #4bd2e2 } .c-select__option:hover { color: #fff; background-color: #67b7bf } .c-select[extended] { border-radius: 6px 6px 0 0; transition: border-radius 0s linear 0s, border-bottom .1s linear 0s } .c-select[extended]:before { content: ''; box-shadow: 0 .2rem .5rem 0 #d0d0d0; border-radius: 6px; position: absolute; width: calc(100% + 2px * 2); margin-left: -2px; min-height: calc(100% + 74px); margin-top: -2px } .c-select[extended] i { -webkit-transform: scaleY(-1); transform: scaleY(-1) } @-webkit-keyframes l-fade-in-background { 0% { background-color: rgba(255, 255, 255, 0) } 100% { background-color: #fff } } @keyframes l-fade-in-background { 0% { background-color: rgba(255, 255, 255, 0) } 100% { background-color: #fff } } @-webkit-keyframes l-move-from-left { 0%, 50% { -webkit-transform: translateX(-400px); transform: translateX(-400px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes l-move-from-left { 0%, 50% { -webkit-transform: translateX(-400px); transform: translateX(-400px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes lds-ring { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes lds-ring { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes tooltip-anim { from { opacity: 0; -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes tooltip-anim { from { opacity: 0; -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .footer.player-on { margin-bottom: 66px!important; transition: none!important } .footer>div:first-child { background-color: #464646; padding: 48px 0 64px; padding: 3rem 0 4rem } .footer>div:last-child { background-color: #333; padding: 28.96px 0; padding: 1.81rem 0 } .footer .link-group { color: #fff; line-height: 1.334; margin-bottom: 16px; margin-bottom: 1rem } .footer .link-group a { text-decoration: none; display: inline-block; padding: 4px 0; padding: .25rem 0; letter-spacing: 1px } .footer .link-group a:link, .footer .link-group a:visited { color: #fff } .footer .link-group a:active, .footer .link-group a:hover { color: #afd9dd } .footer .link-group li { display: inline } .footer .link-group li:not(:last-child):after { content: " / " } .footer .social { text-align: center } .footer .copyright p { display: block; text-align: center; margin: 0; line-height: 3.273; color: #b3b3b3; letter-spacing: 1px } @media only screen and (min-width:768px) { .footer .social { text-align: right } } @media only screen and (min-width:992px) { .footer.player-on { margin-bottom: 80px!important; transition: none!important } .footer>div:last-child { background-color: #333; padding: 13px 0; padding: .8125rem 0 } .footer .link-group { margin: 0 12px; margin: 0 .75rem } .footer .link-group a, .footer .link-group li { display: block } .footer .link-group li:after { display: none } } @media only screen and (min-width:1200px) { .footer .border-footer { display: none } } .section+.footer { margin-top: 96px; margin-top: 6rem } .header-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-flow: column; flex-flow: column; height: 100%; width: 100%; position: relative; min-height: calc(100vh - 50vh); margin-bottom: 40px } @media only screen and (max-width:768px) { .header-2 { min-height: calc(100vh - 31vh) } } .header-2 .video-2 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); bottom: 0; left: 0; top: 0; right: 0; overflow: hidden; position: absolute; margin: 0; padding: 0 } .header-2 .video-2 video { min-height: 100%; min-width: 100% } .header-2 h1, .header-2 h2 { z-index: 1; text-align: center } .header-2 h1, .header-2 h2 { padding: 0 1rem } @media only screen and (max-width:1109px) { .header-2 { margin-top: -48px; margin-top: -3rem } } @-webkit-keyframes mymove { 0% { max-height: 0 } 99% { max-height: 370px } 100% { max-height: 370px; overflow: visible } } @keyframes mymove { 0% { max-height: 0 } 99% { max-height: 370px } 100% { max-height: 370px; overflow: visible } } @-webkit-keyframes fadeicons { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes fadeicons { 0% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes active-btn1 { 0% { width: 35%; height: 35%; opacity: 0 } 50% { width: 50%; height: 50%; opacity: .2 } 100% { width: 125%; height: 125%; opacity: 0 } } @keyframes active-btn1 { 0% { width: 35%; height: 35%; opacity: 0 } 50% { width: 50%; height: 50%; opacity: .2 } 100% { width: 125%; height: 125%; opacity: 0 } } @media only screen and (min-width:1110px) { .navigation { z-index: 425 } } .main-menu-container { background: #000; color: #fff; position: -webkit-sticky; position: sticky; top: 0; width: 100%; z-index: 620 } .main-menu-container .logo { min-height: 64px } @media only screen and (max-width:1100px) { .main-menu-container .logo { margin-left: 0 } .main-menu-container .logo div { margin-left: 0; position: static } .main-menu-container .logo div a { padding: 0 11px!important } } .main-menu-container .main-menu { min-height: 64px; padding: 0 30px } .main-menu-container .main-menu ul li:not(.account-actions) { position: relative } .main-menu-container .main-menu ul li:not(.account-actions):hover>a { color: #fff; cursor: pointer } .main-menu-container .main-menu ul li:not(.account-actions) a { font-family: futurabold, Arial, sans-serif; display: block; padding: 0 20px; font-size: 14px; font-size: .875rem; color: #fff; text-decoration: none; text-transform: uppercase; line-height: 4.6; transition: background-color .2s linear } .main-menu-container .main-menu ul li:not(.account-actions) a.active span { position: relative } .main-menu-container .main-menu ul li:not(.account-actions) a.active span::after { content: ''; width: 100%; display: block; position: absolute; bottom: -3px; left: 0; border-bottom-width: 1px; border-bottom-color: #fff; border-bottom-style: solid } @-webkit-keyframes l-move-from-left1 { 0% { -webkit-transform: translateX(-15px); transform: translateX(-15px); opacity: 0 } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } @keyframes l-move-from-left1 { 0% { -webkit-transform: translateX(-15px); transform: translateX(-15px); opacity: 0 } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } .main-menu-container .main-menu ul li:not(.account-actions) ul { display: none; position: absolute; top: 64px; width: -webkit-max-content; width: -moz-max-content; width: max-content; min-width: 170px; -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3)); filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3)); -webkit-animation: l-move-from-left1 .25s ease both; animation: l-move-from-left1 .25s ease both } .main-menu-container .main-menu ul li:not(.account-actions) ul li { background-color: #fff } .main-menu-container .main-menu ul li:not(.account-actions) ul li a { font-family: futurabook, Arial, sans-serif; color: gray; text-transform: none; line-height: 2.8 } .main-menu-container .main-menu ul li:not(.account-actions) ul li a::first-letter { text-transform: uppercase } .main-menu-container .main-menu ul li:not(.account-actions) ul li a:hover { color: #4bd2e2; background-color: #ebebeb } .main-menu-container .main-menu ul li:not(.account-actions) ul li a.active { color: #4bd2e2 } .main-menu-container .main-menu ul li:not(.account-actions) ul li:last-of-type, .main-menu-container .main-menu ul li:not(.account-actions) ul li:last-of-type a { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px } .main-menu-container .main-menu ul li:not(.account-actions):hover ul { display: block } .main-menu-container .main-menu .menu_right button, .main-menu-container .main-menu .menu_right>a { width: 24px; height: 24px; margin-left: 20px; color: #fff } .main-menu-container .main-menu .menu_right button .icon, .main-menu-container .main-menu .menu_right>a .icon { font-size: 24px; width: 24px; height: 24px } .main-menu-container .main-menu .menu_right button [class*=hint--]::before, .main-menu-container .main-menu .menu_right>a [class*=hint--]::before { border-bottom-color: #4bd2e2 } .main-menu-container .main-menu .menu_right button [class*=hint--]::after, .main-menu-container .main-menu .menu_right>a [class*=hint--]::after { font-size: 14px; font-weight: 300; text-transform: initial; border-radius: 4px; background-color: #4bd2e2 } .main-menu-container .main-menu .menu_right button.notification, .main-menu-container .main-menu .menu_right>a.notification { width: 24px; height: 24px; margin: 0 4px 0 14px; background-color: transparent } .main-menu-container .main-menu .menu_right button.notification .icon, .main-menu-container .main-menu .menu_right>a.notification .icon { width: 24px; height: 24px; font-size: 24px } .main-menu-container .main-menu .menu_right button.notification .pill, .main-menu-container .main-menu .menu_right>a.notification .pill { position: absolute; top: -7px; right: -8px; width: 20px; height: 20px; font-size: 12px; line-height: 1.8; color: #000 } .main-menu-container .main-menu .menu_right button.notification .pill::before, .main-menu-container .main-menu .menu_right>a.notification .pill::before { background-color: #fff; border-radius: 50% } .main-menu-container .main-menu .menu_right button[size-34], .main-menu-container .main-menu .menu_right>a[size-34] { width: 34px; height: 34px; margin: 0 0 0 14px } .main-menu-container .main-menu .menu_right button[size-34] .icon, .main-menu-container .main-menu .menu_right>a[size-34] .icon { width: 34px; height: 34px; font-size: 34px } .main-menu-container .main-menu .menu_right button:focus, .main-menu-container .main-menu .menu_right>a:focus { outline: 0 } .main-menu-container .main-menu .menu_right button:hover i:not(.pill):not(.icon-info-new2):not(.icon-chevron-new2), .main-menu-container .main-menu .menu_right>a:hover i:not(.pill):not(.icon-info-new2):not(.icon-chevron-new2) { color: #4bd2e2 } .main-menu-container .main-menu .menu_right>.user-name { margin-left: 10px } .main-menu-container .main-menu .menu_right>.new { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-height: 33px; height: 33px; padding-left: 20px; padding-right: 20px; padding-top: 0; padding-bottom: 0 } .main-menu-container .main-menu .menu_right>.new div { min-height: 33px; height: 33px; line-height: 0; padding: 0 } @-webkit-keyframes fade-in { 0% { opacity: 0 } 100% { opacity: .6 } } @keyframes fade-in { 0% { opacity: 0 } 100% { opacity: .6 } } @media only screen and (max-width:1100px) { .main-menu-container .main-menu { padding: 0 15px } .main-menu-container .main-menu .menu_left ul li { display: none } .main-menu-container .main-menu .menu_left ul li:first-child { display: block } .main-menu-container .main-menu .menu_right>.new { display: none } } @-webkit-keyframes opak { 0%, 68% { opacity: 0 } 100%, 68% { opacity: 1 } } @keyframes opak { 0%, 68% { opacity: 0 } 100%, 68% { opacity: 1 } } @-webkit-keyframes paneWiggle { 0% { background-color: #232323 } 25% { background-color: #67b7bf } 50% { background-color: #232323 } 75% { background-color: #67b7bf } 100% { background-color: #232323 } } @keyframes paneWiggle { 0% { background-color: #232323 } 25% { background-color: #67b7bf } 50% { background-color: #232323 } 75% { background-color: #67b7bf } 100% { background-color: #232323 } } .slider-container { border: 1px solid #000; background-color: #50d891; padding-bottom: 25%; position: relative } .collapse-section { position: relative; width: 100%; max-height: 0; visibility: hidden; display: none; opacity: 0; overflow: hidden; transition-duration: .3s } .collapse-section.active { visibility: visible; max-height: 350px; opacity: 1; display: block } @-webkit-keyframes text-color-less { 0% { color: #b3b3b3 } 100% { color: #b3b3b3 } } @keyframes text-color-less { 0% { color: #b3b3b3 } 100% { color: #b3b3b3 } } @media screen and (max-width:768px) { @-webkit-keyframes toggle-height { 0% { min-height: 0; max-height: 0 } 100% { min-height: calc(100vh - 167px); max-height: 1870px } } @keyframes toggle-height { 0% { min-height: 0; max-height: 0 } 100% { min-height: calc(100vh - 167px); max-height: 1870px } } } @media only screen and (max-width:650px) { @-webkit-keyframes l-fade-in-background { 0% { background-color: rgba(255, 255, 255, 0) } 100% { background-color: #fff } } @keyframes l-fade-in-background { 0% { background-color: rgba(255, 255, 255, 0) } 100% { background-color: #fff } } @-webkit-keyframes l-move-from-left { 0%, 50% { -webkit-transform: translateX(-650px); transform: translateX(-650px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes l-move-from-left { 0%, 50% { -webkit-transform: translateX(-650px); transform: translateX(-650px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes l-move-from-top { 0%, 50% { -webkit-transform: translateY(-150px); transform: translateY(-150px); opacity: 0 } 100% { -webkit-transform: translateY(70) rotate(180deg); transform: translateY(70) rotate(180deg); opacity: 1 } } @keyframes l-move-from-top { 0%, 50% { -webkit-transform: translateY(-150px); transform: translateY(-150px); opacity: 0 } 100% { -webkit-transform: translateY(70) rotate(180deg); transform: translateY(70) rotate(180deg); opacity: 1 } } } @keyframes lds-ring { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .btn-icon .icon+.icon, .btn-pill .icon+.icon, .is-on.btn-icon .icon, .is-on.btn-pill .icon { display: none } .is-on.btn-icon .icon+.icon, .is-on.btn-pill .icon+.icon { display: inline } .is-on.btn-icon, .is-on.btn-icon:hover, .is-on.btn-pill, .is-on.btn-pill:hover { color: } .btn-social:after, .btn:after { z-index: -3 } .btn-social.is-active:after, .btn.btn--lg.is-active:after { -webkit-animation: btn-lg-active-outer .8s linear; animation: btn-lg-active-outer .8s linear } .btn-icon { width: 32px; height: 48px } .btn-icon::-moz-focus-inner { border: 0; outline: 0 } .btn-icon .icon { display: inline; line-height: 48px } .btn-icon:after { background-color: #737373 } .btn-pill:after { background-color: #fff } .btn-icon.is-active:after { border-radius: 100%; opacity: 0; margin: -28px 0 0 -28px; height: 56px; width: 56px; z-index: -2; content: ""; -webkit-animation: btn-icon-is-active .8s linear; animation: btn-icon-is-active .8s linear } @-webkit-keyframes btn-icon-is-active { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0 } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: .2 } 100% { opacity: 0 } } @keyframes btn-icon-is-active { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0 } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: .2 } 100% { opacity: 0 } } .btn-like { height: 32px; padding: 0 16px } .btn-like .icon { margin-right: 8px } .btn-like.is-on { color: } .btn-link { color: #262626; text-decoration: underline; line-height: 1; padding: 18px 12px } .btn-secondary-menu { text-decoration: none } .btn-link:hover { color: #000 } .btn-link.btn--brand { color: } .btn-link.btn--brand:hover { color: #d20036 } .btn-link.is-disabled, .btn-link[disabled] { color: #bfbfbf!important; pointer-events: none } .btn-link.is-disabled:hover, .btn-link[disabled]:hover { color: #bfbfbf!important; cursor: not-allowed } .btn-pill { width: 48px; height: 48px } .btn-pill:after, .btn-pill:before { border-radius: 24px; top: 2px; right: 2px; bottom: 2px; left: 2px } .btn-pill:after { z-index: -1; -webkit-transform: scale(0); transform: scale(0); opacity: 0 } .btn-pill .icon { display: inline; line-height: 48px } .btn-pill.btn--sm:after, .btn-pill.btn--sm:before { top: 12px; right: 12px; bottom: 12px; left: 12px } .btn-pill.btn--xs:after, .btn-pill.btn--xs:before { top: 16px; right: 16px; bottom: 16px; left: 16px } .btn-social:after, .btn-social:before { top: 8px; bottom: 8px; left: 0; right: 0 } .btn-pill.btn--xs .icon { font-size: 8px } .btn-social { padding: 8px 0 } .btn-social>div { padding: 8px 10px } .btn-social>div:first-child { line-height: 1; border-right: 1px solid #fff; color: #fff } .btn-social>div:last-child { width: 100% } .btn-social:after { background-color: #737373 } .logo { background-repeat: no-repeat; background-size: contain } .btn.btn--discreet:before { background-color: #bfbfbf } .btn.btn--discreet:after { background-color: transparent } .btn.btn--discreet:active:before, .btn.btn--discreet:hover:before { background-color: #999 } .btn-icon.btn--discreet, .btn-icon.btn--discreet:link, .btn-icon.btn--discreet:visited, .btn-like, .btn-like:link, .btn-like:visited { color: #999 } .btn-icon.btn--discreet:active, .btn-icon.btn--discreet:hover, .btn-like:active, .btn-like:hover { color: } .btn-icon .icon+.icon, .btn-pill .icon+.icon, .is-on.btn-icon .icon, .is-on.btn-pill .icon { display: none } .is-on.btn-icon .icon+.icon, .is-on.btn-pill .icon+.icon { display: inline } .is-on.btn-icon, .is-on.btn-icon:hover, .is-on.btn-pill, .is-on.btn-pill:hover { color: } .icon-chevron-down:before { content: "" } .icon-chevron-left:before { content: "" } .icon-chevron-new2:before { content: "" } .icon-chevron-right:before { content: "" } .icon-close:before { content: "" } .icon-comment:before { content: "" } .icon-download:before { content: "" } .icon-duration:before { content: "" } .icon-facebook:before { content: "" } .icon-filter:before { content: "" } .icon-google:before { content: "" } .icon-heart:before { content: "" } .icon-heart-on:before { content: "" } .icon-home:before { content: "" } .icon-info-new2:before { content: "" } .icon-information:before { content: "" } .icon-instagram:before { content: "" } .icon-link:before { content: "" } .icon-mail:before { content: "" } .icon-menu:before { content: "" } .icon-menu-secondary:before { content: "" } .icon-next:before { content: "" } .icon-pause:before { content: "" } .icon-picture:before { content: "" } .icon-play:before { content: "" } .icon-play-next:before { content: "" } .icon-user:before { content: "" } .icon-user-new2:before { content: "" } .icon-video:before { content: "" } .icon-youtube:before { content: "" } .icon-close-s:before { content: "" } .icon-comment-s:before { content: "" } .icon-download-s:before { content: "" } .icon-duration-s:before { content: "" } .icon-heart-on-s:before { content: "" } .icon-menu-secondary-s:before { content: "" } .icon-pause-s:before { content: "" } .icon-picture-s:before { content: "" } .icon-play-s:before { content: "" } .icon-user-s:before { content: "" } .icon-data-chevron-down:before { content: "" } .icon-data-chevron-left:before { content: "" } .icon-data-chevron-new2:before { content: "" } .icon-data-chevron-right:before { content: "" } .icon-data-close:before { content: "" } .icon-data-comment:before { content: "" } .icon-data-download:before { content: "" } .icon-data-duration:before { content: "" } .icon-data-facebook:before { content: "" } .icon-data-filter:before { content: "" } .icon-data-google:before { content: "" } .icon-data-heart:before { content: "" } .icon-data-heart-on:before { content: "" } .icon-data-home:before { content: "" } .icon-data-info-new2:before { content: "" } .icon-data-information:before { content: "" } .icon-data-instagram:before { content: "" } .icon-data-link:before { content: "" } .icon-data-mail:before { content: "" } .icon-data-menu:before { content: "" } .icon-data-menu-secondary:before { content: "" } .icon-data-next:before { content: "" } .icon-data-pause:before { content: "" } .icon-data-picture:before { content: "" } .icon-data-play:before { content: "" } .icon-data-play-next:before { content: "" } .icon-data-user:before { content: "" } .icon-data-user-new2:before { content: "" } .icon-data-video:before { content: "" } .icon-data-youtube:before { content: "" } .icon-data-close-s:before { content: "" } .icon-data-comment-s:before { content: "" } .icon-data-download-s:before { content: "" } .icon-data-duration-s:before { content: "" } .icon-data-heart-on-s:before { content: "" } .icon-data-menu-secondary-s:before { content: "" } .icon-data-pause-s:before { content: "" } .icon-data-picture-s:before { content: "" } .icon-data-play-s:before { content: "" } .icon-data-user-s:before { content: "" } .icon[class$="-s"] { font-size: 12px; width: 12px; height: 12px } .icon--24 { font-size: 24px; width: 24px; height: 24px } .icon--32 { font-size: 32px; width: 32px; height: 32px } .icon--48 { font-size: 48px; width: 48px; height: 48px } .icon--72 { font-size: 72px; width: 72px; height: 72px } .btn:before { top: 12px; right: 0; bottom: 12px; left: 0 } .btn-pill:before, .btn:before { background-color: #262626 } .btn-pill:after, .btn-pill:before, .btn-social:after, .btn-social:before, .btn:after, .btn:before { position: absolute; z-index: -2; content: "" } .icon-menu-secondary:before { content: ":"; font-size: 20px; font-weight: 900 } .icon-play-s:before { content: "▶" } /*! @charset "UTF-8"; @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&family=Inter:wght@400;500&display=swap"); /*============================== Common styles ==============================*/ /*! * PaymentFont 1.2.5 by @AMPoellmann - http://paymentfont.io * License - http://paymentfont.io/#license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face { font-family: PaymentFont; src: url(../fonts/paymentfont-webfont.eot); src: url(../fonts/paymentfont-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/paymentfont-webfont.woff) format("woff2"), url(../fonts/paymentfont-webfont.woff) format("woff"), url(../fonts/paymentfont-webfont.ttf) format("truetype"), url(../fonts/paymentfont-webfont.svg#paymentfont-webfont) format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: "CircularSpUIv3T"; src: url("CircularSpUIv3T.woff") format("woff"), } @font-face { font-family: 'Circular Sp UI v3 T'; src: url('webfont/CircularSpUIv3T-Black.eot'); src: url('webfont/CircularSpUIv3T-Black.eot?#iefix') format('embedded-opentype'), url('webfont/CircularSpUIv3T-Black.woff2') format('woff2'), url('webfont/CircularSpUIv3T-Black.woff') format('woff'), url('webfont/CircularSpUIv3T-Black.ttf') format('truetype'), url('webfont/CircularSpUIv3T-Black.svg#CircularSpUIv3T-Black') format('svg'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Circular Sp UI v3 T'; src: url('webfont/CircularSpUIv3T-Bold.eot'); src: url('webfont/CircularSpUIv3T-Bold.eot?#iefix') format('embedded-opentype'), url('webfont/CircularSpUIv3T-Bold.woff2') format('woff2'), url('webfont/CircularSpUIv3T-Bold.woff') format('woff'), url('webfont/CircularSpUIv3T-Bold.ttf') format('truetype'), url('webfont/CircularSpUIv3T-Bold.svg#CircularSpUIv3T-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: ''; src: url('webfont/9fcec9e815cb385fae7cdcc77f939796.eot'); src: url('webfont/9fcec9e815cb385fae7cdcc77f939796.eot?#iefix') format('embedded-opentype'), url('webfont/9fcec9e815cb385fae7cdcc77f939796.woff2') format('woff2'), url('webfont/9fcec9e815cb385fae7cdcc77f939796.woff') format('woff'), url('webfont/9fcec9e815cb385fae7cdcc77f939796.ttf') format('truetype'), url('webfont/9fcec9e815cb385fae7cdcc77f939796.svg#') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: '.'; src: url('webfont/d1e02d66f65a8dab87c923942a195ff3.eot'); src: url('webfont/d1e02d66f65a8dab87c923942a195ff3.eot?#iefix') format('embedded-opentype'), url('webfont/d1e02d66f65a8dab87c923942a195ff3.woff2') format('woff2'), url('webfont/d1e02d66f65a8dab87c923942a195ff3.woff') format('woff'), url('webfont/d1e02d66f65a8dab87c923942a195ff3.ttf') format('truetype'), url('webfont/d1e02d66f65a8dab87c923942a195ff3.svg#.') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: ''; src: url('webfont/c291dc1437f7f180bf187a2930a10acd.eot'); src: url('webfont/c291dc1437f7f180bf187a2930a10acd.eot?#iefix') format('embedded-opentype'), url('webfont/c291dc1437f7f180bf187a2930a10acd.woff2') format('woff2'), url('webfont/c291dc1437f7f180bf187a2930a10acd.woff') format('woff'), url('webfont/c291dc1437f7f180bf187a2930a10acd.ttf') format('truetype'), url('webfont/c291dc1437f7f180bf187a2930a10acd.svg#') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Circular Sp UI v3 T Book'; src: url('webfont/CircularSpUIv3T-Book.eot'); src: url('webfont/CircularSpUIv3T-Book.eot?#iefix') format('embedded-opentype'), url('webfont/CircularSpUIv3T-Book.woff2') format('woff2'), url('webfont/CircularSpUIv3T-Book.woff') format('woff'), url('webfont/CircularSpUIv3T-Book.ttf') format('truetype'), url('webfont/CircularSpUIv3T-Book.svg#CircularSpUIv3T-Book') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: '.'; src: url('webfont/5dbdb7c5bda2a206ea7ef2eee118dd51.eot'); src: url('webfont/5dbdb7c5bda2a206ea7ef2eee118dd51.eot?#iefix') format('embedded-opentype'), url('webfont/5dbdb7c5bda2a206ea7ef2eee118dd51.woff2') format('woff2'), url('webfont/5dbdb7c5bda2a206ea7ef2eee118dd51.woff') format('woff'), url('webfont/5dbdb7c5bda2a206ea7ef2eee118dd51.ttf') format('truetype'), url('webfont/5dbdb7c5bda2a206ea7ef2eee118dd51.svg#.') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } :root { --text-light: rgba(255, 255, 255, 0.6); --text-lighter: rgba(255, 255, 255, 0.9); --spacing-s: 8px; --spacing-m: 16px; --spacing-l: 24px; --spacing-xl: 32px; --spacing-xxl: 64px; --width-container: 1200px; } @import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap"); .al-button { color: black; background-color: yellow; width: 150px; height: 50px; } .album__cover a { position: absolute; z-index: 2; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 56px; height: 56px; top: 50%; left: 50%; margin: -28px 0 0 -28px; border-radius: 12px; background-color: #222227; transform: scale(0.8); opacity: 0; transition: 0.5s ease; border: 1px solid rgba(255, 255, 255, 0.05); } .album__cover a svg { fill: #fff; width: 24px; height: auto; margin: 1px 0 0 1px; transition: fill 0.5s ease; } .album__cover a:hover svg { fill: #25a56a; } .album__cover:hover img { opacity: 0.6; transform: scale(1.08); } .album__cover:hover a { opacity: 1; transform: scale(1); } .album__cover:hover .album__stat { opacity: 1; transform: scale(1); } .album__title { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-top: 5px; } .album__title h3 { display: block; width: 100%; color: #fff; font-size: 16px; font-weight: 400; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } .album__title h3 a { color: #fff; } .album__title h3 a:hover { color: #25a56a; } .album__title span { display: block; width: 100%; color: #c0c0c0; font-size: 14px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } .album__title span a { color: #0000; } .album__title span a:hover { color: #0000; } .album__stat { position: absolute; z-index: 2; display: flex; flex-direction: row; justify-content: center; align-items: center; bottom: 20px; left: 0; right: 0; color: #fff; font-size: 12px; transform: scale(0.8); opacity: 0; transition: 0.5s ease; } .album__stat span { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-right: 15px; } .album__stat span:last-child { margin-right: 0; } .album__stat svg { width: 14px; height: auto; fill: #fff; margin-right: 5px; } @media (min-width: 768px) { .album--sidebar { margin-top: 20px; } .album__stat { font-size: 13px; } .album__stat span { margin-right: 20px; } .album__stat span:last-child { margin-right: 0; } .album__stat svg { width: 16px; } } /*============================== Releases ==============================*/ .release { margin-top: 20px; border: 1px solid #222227; background-color: #16151a; padding: 20px; border-radius: 12px; position: release; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; } .release__cover { display: block; position: relative; width: 100%; border-radius: 12px; overflow: hidden; } .release__cover img { width: 100%; } .release__list { position: relative; height: 330px; width: 100%; overflow: hidden; padding-right: 14px; margin-top: 20px; } .release__stat { display: flex; flex-direction: row; justify-content: space-between; align-items: center; color: #c0c0c0; font-size: 14px; transition: 0.5s ease; width: 100%; margin-top: 15px; } .release__stat span { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-right: 20px; } .release__stat span:last-child { margin-right: 0; } .release__stat svg { width: 20px; height: auto; fill: #25a56a; margin-right: 5px; } padding: 0 15px; } .event:hover:before { opacity: 0.8; } @media (min-width: 768px) { .event { margin-top: 30px; height: 320px; } .event__title { font-size: 26px; } } /*============================== Single ==============================*/ .single-item { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #222227; height: 58px; } .single-item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; height: 48px; } .single-item__number { color: #c0c0c0; font-size: 22px; min-width: 20px; width: auto; font-family: "Inter", sans-serif; font-weight: 400; } .single-item__rate { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 14px; color: #c0c0c0; width: 24px; margin-right: 10px; } .single-item__rate svg { fill: #25a56a; width: 20px; height: auto; } .single-item__rate--red svg { fill: #eb5757; } .single-item__cover { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 8px; overflow: hidden; transition: 0.5s ease; } .single-item__cover img { width: 48px; height: auto; opacity: 1; transition: opacity 0.5s ease; position: relative; } .single-item__cover svg { position: absolute; opacity: 0; fill: #fff; width: 24px; height: auto; margin: 1px 0 0 1px; transition: 0.5s ease; } .single-item__cover svg:last-child { opacity: 0; } color: #c0c0c0; } /*============================== Single ==============================*/ .single-item { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #222227; height: 58px; } .single-item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; height: 48px; } .single-item__number { color: #c0c0c0; font-size: 22px; min-width: 20px; width: auto; font-family: 'Inter', sans-serif; font-weight: 400; } .single-item__rate { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 14px; color: #c0c0c0; width: 24px; margin-right: 10px; } .single-item__rate svg { fill: #25a56a; width: 20px; height: auto; } .single-item__rate--red svg { fill: #eb5757; } .single-item__cover { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 8px; overflow: hidden; transition: 0.5s ease; } .single-item__cover img { width: 48px; height: auto; opacity: 1; transition: opacity 0.5s ease; position: relative; } .single-item__cover svg { position: absolute; opacity: 0; fill: #fff; width: 24px; height: auto; margin: 1px 0 0 1px; transition: 0.5s ease; } .single-item__cover svg:last-child { opacity: 0; } .single-item__cover:hover svg { fill: #25a56a; } .single-item__cover.active { background-color: #000; } .single-item__cover.active img { opacity: 0.35; } .single-item__cover.active svg { fill: #25a56a; } .single-item__cover.pause svg { opacity: 1; } .single-item__cover.pause svg:last-child { opacity: 0; } .single-item__cover.play svg { opacity: 0; } .single-item__cover.play svg:last-child { opacity: 1; } .u-layout-row>.u-size-30 { flex: 0 0 50%; max-width: 50%; } a { text-decoration: none } .al-spotify-playlist { padding-top: 40px !important; } .u-section-1 .u-sheet-1 { min-height: 500px; } .u-section-1 .u-layout-wrap-1 { margin-top: 60px; margin-bottom: 60px; position: relative; } .u-section-1 .u-layout-cell-1 { min-height: 400px; } .u-section-1 .u-container-layout-1 { padding: 30px; } .u-section-1 .u-text-1 { font-weight: 700; margin: 37px 0 0 20px; } .u-section-1 .u-text-2 { margin: 20px 0 0 20px; } .u-section-1 .u-btn-1 { background-image: none; border-style: solid; text-transform: uppercase; font-weight: 700; margin: 20px 0 0 auto; } .u-section-1 .u-layout-cell-2 { min-height: 200px; } .u-section-1 .u-container-layout-2 { padding: 30px; } .u-section-1 .u-image-1 { width: 169px; height: 99px; margin: 0 auto; } .u-section-1 .u-layout-cell-3 { min-height: 200px; } .u-section-1 .u-container-layout-3 { padding: 30px; } .u-section-1 .u-image-2 { width: 169px; height: 99px; margin: 0 auto; } .u-section-1 .u-layout-cell-4 { min-height: 200px; } .u-section-1 .u-container-layout-4 { padding: 30px; } .u-section-1 .u-image-3 { width: 169px; height: 99px; margin: 0 auto; } .u-section-1 .u-layout-cell-5 { min-height: 200px; } .u-section-1 .u-container-layout-5 { padding: 30px; } .u-section-1 .u-image-4 { width: 169px; height: 99px; margin: 0 auto; } @media (max-width: 1199px) { .u-section-1 .u-sheet-1 { min-height: 430px; } .u-section-1 .u-layout-cell-1 { min-height: 330px; } .u-section-1 .u-text-1 { margin-left: 0; font-size: 2.25rem; } .u-section-1 .u-text-2 { margin-left: 0; } .u-section-1 .u-layout-cell-2 { min-height: 165px; } .u-section-1 .u-layout-cell-3 { min-height: 165px; } .u-section-1 .u-layout-cell-4 { min-height: 165px; } .u-section-1 .u-layout-cell-5 { min-height: 165px; } } @media (max-width: 991px) { .u-section-1 .u-sheet-1 { min-height: 400px; } .u-section-1 .u-layout-cell-1 { min-height: 100px; } .u-section-1 .u-btn-1 { margin-right: auto; } .u-section-1 .u-layout-cell-2 { min-height: 100px; } .u-section-1 .u-layout-cell-3 { min-height: 100px; } .u-section-1 .u-layout-cell-4 { min-height: 100px; } .u-section-1 .u-layout-cell-5 { min-height: 100px; } } @media (max-width: 767px) { .u-section-1 .u-sheet-1 { min-height: 600px; } .u-section-1 .u-container-layout-1 { padding-left: 10px; padding-right: 10px; } .u-section-1 .u-container-layout-2 { padding-left: 10px; padding-right: 10px; } .u-section-1 .u-container-layout-3 { padding-left: 10px; padding-right: 10px; } .u-section-1 .u-container-layout-4 { padding-left: 10px; padding-right: 10px; } .u-section-1 .u-container-layout-5 { padding-left: 10px; padding-right: 10px; } } @media (max-width: 575px) { .u-section-1 .u-text-1 { font-size: 1.875rem; } } .u-section-2 .u-sheet-1 { min-height: 500px; } @media (max-width: 1199px) { .u-section-2 .u-sheet-1 { min-height: 430px; } } @media (max-width: 991px) { .u-section-2 .u-sheet-1 { min-height: 353px; } } @media (max-width: 767px) { .u-section-2 .u-sheet-1 { min-height: 580px; } } @media (max-width: 575px) { .u-section-2 .u-sheet-1 { min-height: 439px; } } .u-section-3 .u-sheet-1 { min-height: 500px; } .u-section-3 .u-layout-wrap-1 { margin-top: 60px; margin-bottom: 60px; position: relative; } .u-section-3 .u-layout-cell-1 { min-height: 400px; } .u-section-3 .u-container-layout-1 { padding: 30px; } .u-section-3 .u-text-1 { font-weight: 700; font-size: 2.25rem; margin: 37px 0 0 20px; } .u-section-3 .u-text-2 { margin: 20px 0 0 20px; } .u-section-3 .u-btn-1 { background-image: none; border-style: solid; text-transform: uppercase; font-weight: 700; margin: 20px 0 0 auto; } .u-section-3 .u-layout-cell-2 { min-height: 200px; } .u-section-3 .u-container-layout-2 { padding: 30px; } .u-section-3 .u-image-1 { width: 169px; height: 99px; margin: 0 auto; } .u-section-3 .u-layout-cell-3 { min-height: 200px; } .u-section-3 .u-container-layout-3 { padding: 30px; } .u-section-3 .u-image-2 { width: 169px; height: 99px; margin: 0 auto; } .u-section-3 .u-layout-cell-4 { min-height: 200px; } .u-section-3 .u-container-layout-4 { padding: 30px; } .u-section-3 .u-image-3 { width: 169px; height: 99px; margin: 0 auto; } .u-section-3 .u-layout-cell-5 { min-height: 200px; } .u-section-3 .u-container-layout-5 { padding: 30px; } .u-section-3 .u-image-4 { width: 169px; height: 99px; margin: 0 auto; } @media (max-width: 1199px) { .u-section-3 .u-sheet-1 { min-height: 430px; } .u-section-3 .u-layout-cell-1 { min-height: 330px; } .u-section-3 .u-text-1 { margin-left: 0; } .u-section-3 .u-text-2 { margin-left: 0; } .u-section-3 .u-layout-cell-2 { min-height: 165px; } .u-section-3 .u-layout-cell-3 { min-height: 165px; } .u-section-3 .u-layout-cell-4 { min-height: 165px; } .u-section-3 .u-layout-cell-5 { min-height: 165px; } } @media (max-width: 991px) { .u-section-3 .u-sheet-1 { min-height: 400px; } .u-section-3 .u-layout-cell-1 { min-height: 100px; } .u-section-3 .u-btn-1 { margin-right: auto; } .u-section-3 .u-layout-cell-2 { min-height: 100px; } .u-section-3 .u-layout-cell-3 { min-height: 100px; } .u-section-3 .u-layout-cell-4 { min-height: 100px; } .u-section-3 .u-layout-cell-5 { min-height: 100px; } } @media (max-width: 767px) { .u-section-3 .u-sheet-1 { min-height: 600px; } .u-section-3 .u-container-layout-1 { padding-left: 10px; padding-right: 10px; } .u-section-3 .u-container-layout-2 { padding-left: 10px; padding-right: 10px; } .u-section-3 .u-container-layout-3 { padding-left: 10px; padding-right: 10px; } .u-section-3 .u-container-layout-4 { padding-left: 10px; padding-right: 10px; } .u-section-3 .u-container-layout-5 { padding-left: 10px; padding-right: 10px; } } @media (max-width: 575px) { .u-section-3 .u-text-1 { font-size: 1.875rem; } } .fr-clearfix::after { clear: both; display: block; content: ""; height: 0; } .fr-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .fr-view img.fr-rounded, .fr-view .fr-img-caption.fr-rounded img { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .fr-view img.fr-shadow, .fr-view .fr-img-caption.fr-shadow img { -webkit-box-shadow: 10px 10px 5px 0px #cccccc; -moz-box-shadow: 10px 10px 5px 0px #cccccc; box-shadow: 10px 10px 5px 0px #cccccc; } .fr-view img.fr-bordered, .fr-view .fr-img-caption.fr-bordered img { border: solid 5px #CCC; } .fr-view img.fr-bordered { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .fr-view .fr-img-caption.fr-bordered img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fr-view { word-wrap: break-word; } .fr-view span[style~="color:"] a { color: inherit; } .fr-view strong { font-weight: 700; } .fr-view table { border: none; border-collapse: collapse; empty-cells: show; max-width: 100%; } .fr-view table td { min-width: 5px; } .fr-view table.fr-dashed-borders td, .fr-view table.fr-dashed-borders th { border-style: dashed; } .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) { background: whitesmoke; } .fr-view table td, .fr-view table th { border: 1px solid #DDD; } .fr-view table td:empty, .fr-view table th:empty { height: 20px; } .fr-view table td.fr-highlighted, .fr-view table th.fr-highlighted { border: 1px double red; } .fr-view table td.fr-thick, .fr-view table th.fr-thick { border-width: 2px; } .fr-view table th { background: #ececec; } .fr-view hr { clear: both; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; break-after: always; page-break-after: always; } .fr-view .fr-file { position: relative; } .fr-view .fr-file::after { position: relative; content: "\1F4CE"; font-weight: normal; } .fr-view pre { white-space: pre-wrap; word-wrap: break-word; overflow: visible; } /*.fr-view[dir="rtl"] blockquote { border-left: none; border-right: solid 2px #5E35B1; margin-right: 0; padding-right: 5px; padding-left: 0; } .fr-view[dir="rtl"] blockquote blockquote { border-color: #00BCD4; } .fr-view[dir="rtl"] blockquote blockquote blockquote { border-color: #43A047; } .fr-view blockquote { border-left: solid 2px #5E35B1; margin-left: 0; padding-left: 5px; color: #5E35B1; } .fr-view blockquote blockquote { border-color: #00BCD4; color: #00BCD4; } .fr-view blockquote blockquote blockquote { border-color: #43A047; color: #43A047; }*/ .fr-view span.fr-emoticon { font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0; } .fr-view span.fr-emoticon.fr-emoticon-img { background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -.1em .1em .1em; line-height: 1; vertical-align: middle; } .fr-view .fr-text-gray { color: #AAA !important; } .fr-view .fr-text-bordered { border-top: solid 1px #222; border-bottom: solid 1px #222; padding: 10px 0; } .fr-view .fr-text-spaced { letter-spacing: 1px; } .fr-view .fr-text-uppercase { text-transform: uppercase; } .fr-view .fr-class-highlighted { background-color: #ffff00; } .fr-view .fr-class-code { border-color: #cccccc; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #f5f5f5; padding: 10px; font-family: "Courier New", Courier, monospace; } .fr-view .fr-class-transparency { opacity: 0.5; } .fr-view img { position: relative; max-width: 100%; } .fr-view img.fr-dib { margin: 10px auto; display: block; float: none; vertical-align: top; } .fr-view img.fr-dib.fr-fil { margin-left: 0; text-align: left; } .fr-view img.fr-dib.fr-fir { margin-right: 0; text-align: right; } .fr-view img.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); } .fr-view img.fr-dii.fr-fil { float: left; margin: 10px 15px 10px 0; max-width: calc(100% - 5px); } .fr-view img.fr-dii.fr-fir { float: right; margin: 10px 0 10px 15px; max-width: calc(100% - 5px); } .fr-view span.fr-img-caption { position: relative; max-width: 100%; } .fr-view span.fr-img-caption.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } .fr-view span.fr-img-caption.fr-dib.fr-fil { margin-left: 0; text-align: left; } .fr-view span.fr-img-caption.fr-dib.fr-fir { margin-right: 0; text-align: right; } .fr-view span.fr-img-caption.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); } .fr-view span.fr-img-caption.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0; max-width: calc(100% - 5px); } .fr-view span.fr-img-caption.fr-dii.fr-fir { float: right; margin: 5px 0 5px 5px; max-width: calc(100% - 5px); } .fr-view .fr-video { text-align: center; position: relative; } .fr-view .fr-video.fr-rv { padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .fr-view .fr-video.fr-rv>iframe, .fr-view .fr-video.fr-rv object, .fr-view .fr-video.fr-rv embed { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; } .fr-view .fr-video>* { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; max-width: 100%; border: none; } .fr-view .fr-video.fr-dvb { display: block; clear: both; } .fr-view .fr-video.fr-dvb.fr-fvl { text-align: left; } .fr-view .fr-video.fr-dvb.fr-fvr { text-align: right; } .fr-view .fr-video.fr-dvi { display: inline-block; } .fr-view .fr-video.fr-dvi.fr-fvl { float: left; } .fr-view .fr-video.fr-dvi.fr-fvr { float: right; } .fr-view a.fr-strong { font-weight: 700; } .fr-view a.fr-green { color: green; } .fr-view .fr-img-caption { text-align: center; } .fr-view .fr-img-caption .fr-img-wrap { padding: 0; margin: auto; text-align: center; width: 100%; } .fr-view .fr-img-caption .fr-img-wrap a { display: block; } .fr-view .fr-img-caption .fr-img-wrap img { display: block; margin: auto; width: 100%; } .fr-view .fr-img-caption .fr-img-wrap>span { margin: auto; display: block; padding: 5px 5px 10px; font-size: 14px; font-weight: initial; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; width: 100%; text-align: center; } .fr-view button.fr-rounded, .fr-view input.fr-rounded, .fr-view textarea.fr-rounded { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .fr-view button.fr-large, .fr-view input.fr-large, .fr-view textarea.fr-large { font-size: 24px; } .fr-view ul, .fr-view ol { list-style-position: inside; } /** * Image style. */ a.fr-view.fr-strong { font-weight: 700; } a.fr-view.fr-green { color: green; } /** * Link style. */ img.fr-view { position: relative; max-width: 100%; } img.fr-view.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } img.fr-view.fr-dib.fr-fil { margin-left: 0; text-align: left; } img.fr-view.fr-dib.fr-fir { margin-right: 0; text-align: right; } img.fr-view.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); } img.fr-view.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0; max-width: calc(100% - 5px); } img.fr-view.fr-dii.fr-fir { float: right; margin: 5px 0 5px 5px; max-width: calc(100% - 5px); } span.fr-img-caption.fr-view { position: relative; max-width: 100%; } span.fr-img-caption.fr-view.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } span.fr-img-caption.fr-view.fr-dib.fr-fil { margin-left: 0; text-align: left; } span.fr-img-caption.fr-view.fr-dib.fr-fir { margin-right: 0; text-align: right; } span.fr-img-caption.fr-view.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); } span.fr-img-caption.fr-view.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0; max-width: calc(100% - 5px); } span.fr-img-caption.fr-view.fr-dii.fr-fir { float: right; margin: 5px 0 5px 5px; max-width: calc(100% - 5px); } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .comment { color: red; } .al-button { color: black; background-color: yellow; width: 150px; height: 50px; } .left, .right { top: 50%; float: left; transform: translateY(125%); } .left { background: #337ab7; display: inline-block; white-space: nowrap; width: 50px; transition: width .5s; } .right { background: #fff; width: 350px; transition: width 1s; border-style: solid; border-color: #ccc; border-width: 1px; } .left:hover { width: 250px; } .item:hover { background-color: #222; } .left .fas { margin: 15px; width: 20px; color: #fff; } i.fas { font-size: 17px; vertical-align: middle !important; } .item { height: 50px; overflow: hidden; color: #fff; } .header_toggle { font-size: 1.5rem; cursor: pointer } .header_img { width: 35px; height: 35px; display: flex; justify-content: center; border-radius: 50%; overflow: hidden } .header_img img { width: 40px } .l-navbar { position: fixed; top: 0; left: -30%; width: var(--nav-width); height: 100vh; padding: .5rem 1rem 0 0; transition: .5s; z-index: var(--z-fixed) } .nav { height: 100%; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden } .nav_logo, .nav_link { display: grid; grid-template-columns: max-content max-content; align-items: center; column-gap: 1rem; padding: .5rem 0 .5rem 1.5rem } .nav_logo { margin-bottom: 2rem } .nav_logo-icon { font-size: 1.25rem; color: var(--white-color) } .nav_logo-name { color: var(--white-color); font-weight: 700 } .nav_link { position: relative; color: var(--first-color-light); margin-bottom: 1.5rem; transition: .3s } .nav_link:hover { color: var(--white-color) } .nav_icon { font-size: 1.25rem } .show { left: 0 } .body-pd { padding-left: calc(var(--nav-width)+1rem) } .active { color: var(--white-color) } .active::before { content: ''; position: absolute; left: 0; width: 2px; height: 32px; background-color: var(--white-color) } .height-100 { height: 100vh } @media screen and (min-width: 768px) { body { margin: calc(var(--header-height)+1rem) 0 0 0; padding-left: calc(var(--nav-width)+2rem) } .header { height: calc(var(--header-height)+1rem); padding: 0 2rem 0 calc(var(--nav-width)+2rem) } .header_img { width: 40px; height: 40px } .header_img img { width: 45px } .l-navbar { left: 0; padding: 1rem 1rem 0 0 } .show { width: calc(var(--nav-width)+156px) } .body-pd { padding-left: calc(var(--nav-width)+188px) } } .hero-section { align-items: flex-start; display: flex; min-height: 100%; justify-content: center; padding: var(--spacing-xxl) var(--spacing-l); } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; border: none !important; border-radius: .25rem; } .card-grid { display: grid; grid-template-columns: repeat(6, 1fr); grid-column-gap: var(--spacing-l); grid-row-gap: var(--spacing-l); max-width: var(--width-container); width: 100%; } @media(min-width: 540px) { .card-grid { grid-template-columns: repeat(6, 1fr); } } @media(min-width: 960px) { .card-grid { grid-template-columns: repeat(6, 1fr); } } .card { list-style: none; position: relative; } .card:before { content: ''; display: block; padding-bottom: 150%; width: 100%; } .card__background { background-size: cover; background-position: center; border-radius: var(--spacing-l); bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .card__content { left: 0; padding: var(--spacing-l); position: absolute; top: 0; } .card__category { color: var(--text-light); font-size: 0.9rem; margin-bottom: var(--spacing-s); text-transform: uppercase; } .card__heading { color: var(--text-lighter); font-size: 1.9rem; text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2); line-height: 1.4; word-spacing: 100vw; } .video { width: 100%; height: 500px; background-color: darkgray; } .cover { width: 50%; } ol, ul { padding-left: 0 !important; text-decoration: none !important; } body { max-width: 100%; } a { text-decoration: none !important; } .carousel-caption { top: 33.3%; } .bg-light { color: #fff; } .navbar-light .navbar-brand { color: #fff!important; } .navbar-light .navbar-nav .nav-link { color: #fff!important; } .logo { width: 64px; height: 28px; display: none !important; } .a-title-section { text-align: center; } .title { color: black; } @media(max-width:234px) { .carousel-item { height: 20px !important; } .carousel-caption { top: 1%; } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; } /* Create two equal columns that floats next to each other */ .column { float: left; width: 50%; padding: 10px; height: 300px; /* Should be removed. Only for demonstration */ } /* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; } /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ @media screen and (max-width: 600px) { .column { width: 100%; } } .w-100 { height: 590px; width: 100%!important; } a { text-decoration: none; } .overlay { position: absolute; z-index: 1; width: 100%; height: 20px; background-color: #fff; } .overlay>label { cursor: pointer; display: block; position: absolute; top: 30px; right: 200px; width: 30px; height: 16px; border-top: 2px solid #000; border-bottom: 2px solid #000; } #rc_logo { left: 30px; padding: 22px; position: absolute; color: black; font-size: 19px; font-family: Poppins; text-decoration: none; } #rc_logo a { color: inherit; text-decoration: none; } .rc_nav { overflow: hidden; text-align: center; z-index: 6; } .rc_nav a { display: inline-block; margin-right: -4px; /* inline-block gap fix */ color: black; padding: 22px 22px; text-decoration: none; font-family: Poppins; font-size: 18px; } .verticalNav { color: #333; position: relative; padding: 0px 20px 20px 20px; padding-left: 130px; text-align: center; font-size: 12px; } .verticalNav a { color: black; font-size: 11px; text-decoration: none; margin: 0px 10px 10px 10px; text-align: center; } .li-center { padding-right: 33px !important; } img { margin-top: 0px; margin-left: 0px; width: 100%; } #toggle { position: absolute; visibility: hidden; } #toggle:checked~.verticalNav { top: 30px; } .logoposition { text-align: center !important; } .mobile-container { max-width: 480px; text-align: center; margin: auto; background-color: #555; height: 500px; text-align: center; color: black; border-radius: 10px; } .topnav { text-align: center; text-align: center; overflow: hidden; position: relative; } .topnav #myLinks { display: none; padding-left: 460px; text-align: center; } .topnav a { float: left; text-align: center; color: black; padding: 14px 16px; text-decoration: none; font-size: 17px; } .topnav a.icon { float: right; text-align: center; } .topnav a:hover { text-align: center; color: black; } .active { text-align: center; color: black; } @media screen and (max-width: 592px) { .topnav #myLinks { padding-left: 90px; display: none; text-align: center; } } #menuToggle { display: block; position: relative; top: 50px; z-index: 1; } #menuToggle a { text-decoration: none; color: #232323; text-align: left; padding-left: 90px; } #menuToggle input { display: block; width: 40px; height: 32px; position: absolute; text-align: left; top: -7px; left: -5px; cursor: pointer; opacity: 0; /* hide this */ z-index: 2; /* and place it over the hamburger */ } /* * Just a quick hamburger */ #menuToggle span { display: block; width: 33px; text-align: left; height: 4px; margin-bottom: 5px; position: relative; background: #cdcdcd; border-radius: 3px; z-index: 1; transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease; } #menuToggle span:first-child { transform-origin: 0% 0%; } #menuToggle span:nth-last-child(2) { transform-origin: 0% 100%; } /* * Transform all the slices of hamburger * into a crossmark. */ #menuToggle input:checked~span { opacity: 1; transform: rotate(45deg) translate(-2px, -1px); background: #232323; } /* * But let's hide the middle one. */ #menuToggle input:checked~span:nth-last-child(3) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); } /* * Ohyeah and the last one should go the other direction */ #menuToggle input:checked~span:nth-last-child(2) { transform: rotate(-45deg) translate(0, -1px); } /* * Make this absolute positioned * at the top left of the screen */ #menu { position: absolute; width: 300px; margin: -100px; padding-top: 125px; background: #ffffff; list-style-type: none; -webkit-font-smoothing: antialiased; /* to stop flickering of text in safari */ transform-origin: 0% 0%; transform: translate(-100%, 0); transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0); } #menu li { padding-left: 90px !important; padding: 10px 0; font-size: 12px; } /* * And let's slide it in from the left */ #menuToggle input:checked~ul { transform: none; } .container, .container-fluid { margin-right: auto; margin-left: auto; } .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before { display: table; content: " " } .form-control, .has-success .form-control { box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .clearfix:after, .container-fluid:after, .container:after, .form-horizontal .form-group:after, .row:after { clear: both; } .app-bar-new, .app-bar-new2 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; } @media (min-width:768px) { .container { width: 750px; } } @media (min-width:992px) { .container { width: 970px; } } @media (min-width:1334px) { .container { width: 1304px; } } @media (min-width:1646px) { .container { width: 1616px; } } .row { margin-left: -8px; margin-right: -8px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-left: 8px; padding-right: 8px; } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left; } .col-xs-1 { width: 8.33333% } .col-xs-2 { width: 16.66667% } .col-xs-3 { width: 25% } .col-xs-4 { width: 33.33333% } .col-xs-5 { width: 41.66667% } .col-xs-6 { width: 50% } .col-xs-7 { width: 58.33333% } .col-xs-8 { width: 66.66667% } .col-xs-9 { width: 75% } .col-xs-10 { width: 83.33333% } .col-xs-11 { width: 91.66667% } .col-xs-12 { width: 100% } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333% } .col-xs-pull-2 { right: 16.66667% } .col-xs-pull-3 { right: 25% } .col-xs-pull-4 { right: 33.33333% } .col-xs-pull-5 { right: 41.66667% } .col-xs-pull-6 { right: 50% } .col-xs-pull-7 { right: 58.33333% } .col-xs-pull-8 { right: 66.66667% } .col-xs-pull-9 { right: 75% } .col-xs-pull-10 { right: 83.33333% } .col-xs-pull-11 { right: 91.66667% } .col-xs-pull-12 { right: 100% } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333% } .col-xs-push-2 { left: 16.66667% } .col-xs-push-3 { left: 25% } .col-xs-push-4 { left: 33.33333% } .col-xs-push-5 { left: 41.66667% } .col-xs-push-6 { left: 50% } .col-xs-push-7 { left: 58.33333% } .col-xs-push-8 { left: 66.66667% } .col-xs-push-9 { left: 75% } .col-xs-push-10 { left: 83.33333% } .col-xs-push-11 { left: 91.66667% } .col-xs-push-12 { left: 100% } .col-xs-offset-0 { margin-left: 0; } .col-xs-offset-1 { margin-left: 8.33333% } .col-xs-offset-2 { margin-left: 16.66667% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-4 { margin-left: 33.33333% } .col-xs-offset-5 { margin-left: 41.66667% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-7 { margin-left: 58.33333% } .col-xs-offset-8 { margin-left: 66.66667% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-10 { margin-left: 83.33333% } .col-xs-offset-11 { margin-left: 91.66667% } .col-xs-offset-12 { margin-left: 100% } @media (min-width:768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left; } .col-sm-1 { width: 8.33333% } .col-sm-2 { width: 16.66667% } .col-sm-3 { width: 25% } .col-sm-4 { width: 33.33333% } .col-sm-5 { width: 41.66667% } .col-sm-6 { width: 50% } .col-sm-7 { width: 58.33333% } .col-sm-8 { width: 66.66667% } .col-sm-9 { width: 75% } .col-sm-10 { width: 83.33333% } .col-sm-11 { width: 91.66667% } .col-sm-12 { width: 100% } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333% } .col-sm-pull-2 { right: 16.66667% } .col-sm-pull-3 { right: 25% } .col-sm-pull-4 { right: 33.33333% } .col-sm-pull-5 { right: 41.66667% } .col-sm-pull-6 { right: 50% } .col-sm-pull-7 { right: 58.33333% } .col-sm-pull-8 { right: 66.66667% } .col-sm-pull-9 { right: 75% } .col-sm-pull-10 { right: 83.33333% } .col-sm-pull-11 { right: 91.66667% } .col-sm-pull-12 { right: 100% } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333% } .col-sm-push-2 { left: 16.66667% } .col-sm-push-3 { left: 25% } .col-sm-push-4 { left: 33.33333% } .col-sm-push-5 { left: 41.66667% } .col-sm-push-6 { left: 50% } .col-sm-push-7 { left: 58.33333% } .col-sm-push-8 { left: 66.66667% } .col-sm-push-9 { left: 75% } .col-sm-push-10 { left: 83.33333% } .col-sm-push-11 { left: 91.66667% } .col-sm-push-12 { left: 100% } .col-sm-offset-0 { margin-left: 0; } .col-sm-offset-1 { margin-left: 8.33333% } .col-sm-offset-2 { margin-left: 16.66667% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-4 { margin-left: 33.33333% } .col-sm-offset-5 { margin-left: 41.66667% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-7 { margin-left: 58.33333% } .col-sm-offset-8 { margin-left: 66.66667% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-10 { margin-left: 83.33333% } .col-sm-offset-11 { margin-left: 91.66667% } .col-sm-offset-12 { margin-left: 100% } } @media (min-width:992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left; } .col-md-1 { width: 8.33333% } .col-md-2 { width: 16.66667% } .col-md-3 { width: 25% } .col-md-4 { width: 33.33333% } .col-md-5 { width: 41.66667% } .col-md-6 { width: 50% } .col-md-7 { width: 58.33333% } .col-md-8 { width: 66.66667% } .col-md-9 { width: 75% } .col-md-10 { width: 83.33333% } .col-md-11 { width: 91.66667% } .col-md-12 { width: 100% } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333% } .col-md-pull-2 { right: 16.66667% } .col-md-pull-3 { right: 25% } .col-md-pull-4 { right: 33.33333% } .col-md-pull-5 { right: 41.66667% } .col-md-pull-6 { right: 50% } .col-md-pull-7 { right: 58.33333% } .col-md-pull-8 { right: 66.66667% } .col-md-pull-9 { right: 75% } .col-md-pull-10 { right: 83.33333% } .col-md-pull-11 { right: 91.66667% } .col-md-pull-12 { right: 100% } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333% } .col-md-push-2 { left: 16.66667% } .col-md-push-3 { left: 25% } .col-md-push-4 { left: 33.33333% } .col-md-push-5 { left: 41.66667% } .col-md-push-6 { left: 50% } .col-md-push-7 { left: 58.33333% } .col-md-push-8 { left: 66.66667% } .col-md-push-9 { left: 75% } .col-md-push-10 { left: 83.33333% } .col-md-push-11 { left: 91.66667% } .col-md-push-12 { left: 100% } .col-md-offset-0 { margin-left: 0; } .col-md-offset-1 { margin-left: 8.33333% } .col-md-offset-2 { margin-left: 16.66667% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-4 { margin-left: 33.33333% } .col-md-offset-5 { margin-left: 41.66667% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-7 { margin-left: 58.33333% } .col-md-offset-8 { margin-left: 66.66667% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-10 { margin-left: 83.33333% } .col-md-offset-11 { margin-left: 91.66667% } .col-md-offset-12 { margin-left: 100% } } @media (min-width:1334px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left; } .col-lg-1 { width: 8.33333% } .col-lg-2 { width: 16.66667% } .col-lg-3 { width: 25% } .col-lg-4 { width: 33.33333% } .col-lg-5 { width: 41.66667% } .col-lg-6 { width: 50% } .col-lg-7 { width: 58.33333% } .col-lg-8 { width: 66.66667% } .col-lg-9 { width: 75% } .col-lg-10 { width: 83.33333% } .col-lg-11 { width: 91.66667% } .col-lg-12 { width: 100% } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333% } .col-lg-pull-2 { right: 16.66667% } .col-lg-pull-3 { right: 25% } .col-lg-pull-4 { right: 33.33333% } .col-lg-pull-5 { right: 41.66667% } .col-lg-pull-6 { right: 50% } .col-lg-pull-7 { right: 58.33333% } .col-lg-pull-8 { right: 66.66667% } .col-lg-pull-9 { right: 75% } .col-lg-pull-10 { right: 83.33333% } .col-lg-pull-11 { right: 91.66667% } .col-lg-pull-12 { right: 100% } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333% } .col-lg-push-2 { left: 16.66667% } .col-lg-push-3 { left: 25% } .col-lg-push-4 { left: 33.33333% } .col-lg-push-5 { left: 41.66667% } .col-lg-push-6 { left: 50% } .col-lg-push-7 { left: 58.33333% } .col-lg-push-8 { left: 66.66667% } .col-lg-push-9 { left: 75% } .col-lg-push-10 { left: 83.33333% } .col-lg-push-11 { left: 91.66667% } .col-lg-push-12 { left: 100% } .col-lg-offset-0 { margin-left: 0; } .col-lg-offset-1 { margin-left: 8.33333% } .col-lg-offset-2 { margin-left: 16.66667% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-4 { margin-left: 33.33333% } .col-lg-offset-5 { margin-left: 41.66667% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-7 { margin-left: 58.33333% } .col-lg-offset-8 { margin-left: 66.66667% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-10 { margin-left: 83.33333% } .col-lg-offset-11 { margin-left: 91.66667% } .col-lg-offset-12 { margin-left: 100% } } @media (min-width:1646px) { .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 { float: left; } .col-xl-1 { width: 8.33333% } .col-xl-2 { width: 16.66667% } .col-xl-3 { width: 25% } .col-xl-4 { width: 33.33333% } .col-xl-5 { width: 41.66667% } .col-xl-6 { width: 50% } .col-xl-7 { width: 58.33333% } .col-xl-8 { width: 66.66667% } .col-xl-9 { width: 75% } .col-xl-10 { width: 83.33333% } .col-xl-11 { width: 91.66667% } .col-xl-12 { width: 100% } .col-xl-pull-0 { right: auto; } .col-xl-pull-1 { right: 8.33333% } .col-xl-pull-2 { right: 16.66667% } .col-xl-pull-3 { right: 25% } .col-xl-pull-4 { right: 33.33333% } .col-xl-pull-5 { right: 41.66667% } .col-xl-pull-6 { right: 50% } .col-xl-pull-7 { right: 58.33333% } .col-xl-pull-8 { right: 66.66667% } .col-xl-pull-9 { right: 75% } .col-xl-pull-10 { right: 83.33333% } .col-xl-pull-11 { right: 91.66667% } .col-xl-pull-12 { right: 100% } .col-xl-push-0 { left: auto; } .col-xl-push-1 { left: 8.33333% } .col-xl-push-2 { left: 16.66667% } .col-xl-push-3 { left: 25% } .col-xl-push-4 { left: 33.33333% } .col-xl-push-5 { left: 41.66667% } .col-xl-push-6 { left: 50% } .col-xl-push-7 { left: 58.33333% } .col-xl-push-8 { left: 66.66667% } .col-xl-push-9 { left: 75% } .col-xl-push-10 { left: 83.33333% } .col-xl-push-11 { left: 91.66667% } .col-xl-push-12 { left: 100% } .col-xl-offset-0 { margin-left: 0; } .col-xl-offset-1 { margin-left: 8.33333% } .col-xl-offset-2 { margin-left: 16.66667% } .col-xl-offset-3 { margin-left: 25% } .col-xl-offset-4 { margin-left: 33.33333% } .col-xl-offset-5 { margin-left: 41.66667% } .col-xl-offset-6 { margin-left: 50% } .col-xl-offset-7 { margin-left: 58.33333% } .col-xl-offset-8 { margin-left: 66.66667% } .col-xl-offset-9 { margin-left: 75% } .col-xl-offset-10 { margin-left: 83.33333% } .col-xl-offset-11 { margin-left: 91.66667% } .col-xl-offset-12 { margin-left: 100% } } fieldset { min-width: 0; } legend { display: block; width: 100%; color: #333; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } .checkbox label, .checkbox-inline, .radio label, .radio-inline { font-weight: 400; padding-left: 20px; cursor: pointer; margin-bottom: 0; } input[type=search] { box-sizing: border-box; -webkit-appearance: none; } input[type=radio], input[type=checkbox] { margin: 4px 0 0; margin-top: 1px\9; line-height: normal; } .form-control, output { font-size: 14px; line-height: 1.42857; color: #555; display: block; } input[type=file] { display: block; } input[type=range] { display: block; width: 100% } select[multiple], select[size] { height: auto; } input[type=radio]:focus, input[type=checkbox]:focus, input[type=file]:focus { outline: dotted thin; outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } output { padding-top: 7px; } .form-control { width: 100%; height: 34px; padding: 6px 12px; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-group-sm .form-control, .input-sm { font-size: 12px; border-radius: 3px; padding: 5px 10px; } .form-control:focus { border-color: #66afe9; } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .form-control-feedback, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label { color: #6c6; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } @media screen and (-webkit-min-device-pixel-ratio:0) { input[type=month], input[type=date], input[type=time], input[type=datetime-local] { line-height: 34px; } .input-group-sm input[type=month], .input-group-sm input[type=date], .input-group-sm input[type=time], .input-group-sm input[type=datetime-local], input[type=month].input-sm, input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm { line-height: 30px; } .input-group-lg input[type=month], .input-group-lg input[type=date], .input-group-lg input[type=time], .input-group-lg input[type=datetime-local], input[type=month].input-lg, input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg { line-height: 46px; } } .form-group { margin-bottom: 15px; } .checkbox, .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .checkbox label, .radio label { min-height: 20px; } .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { position: absolute; margin-left: -20px; margin-top: 4px\9; } .checkbox+.checkbox, .radio+.radio { margin-top: -5px; } .checkbox-inline, .radio-inline { position: relative; display: inline-block; vertical-align: middle; } .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline { margin-top: 0; margin-left: 10px; } .checkbox-inline.disabled, .checkbox.disabled label, .radio-inline.disabled, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio label, fieldset[disabled] .radio-inline, fieldset[disabled] input[type=radio], fieldset[disabled] input[type=checkbox], input[type=radio].disabled, input[type=radio][disabled], input[type=checkbox].disabled, input[type=checkbox][disabled] { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; } .input-sm { height: 30px; line-height: 1.5; } select.input-sm { height: 30px; line-height: 30px; } select[multiple].input-sm, textarea.input-sm { height: auto; } .form-group-sm .form-control { height: 30px; line-height: 1.5; } .form-group-lg .form-control, .input-lg { border-radius: 6px; padding: 10px 16px; font-size: 18px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; min-height: 32px; } .input-lg { height: 46px; line-height: 1.33333; } select.input-lg { height: 46px; line-height: 46px; } select[multiple].input-lg, textarea.input-lg { height: auto; } .form-group-lg .form-control { height: 46px; line-height: 1.33333; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; min-height: 38px; } ol, ul { padding-left: 0; text-decoration: none; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg+.form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm+.form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .form-control { border-color: #6c6; } .has-success .form-control:focus { border-color: #40bf40; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #b3e6b3; } .has-success .input-group-addon { color: #6c6; border-color: #6c6; background-color: #dff0d8; } .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .form-control-feedback, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label { color: #cc6e29; } .has-warning .form-control { border-color: #cc6e29; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-warning .form-control:focus { border-color: #a25720; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #e4a577; } .has-warning .input-group-addon { color: #cc6e29; border-color: #cc6e29; background-color: #fcf8e3; } .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .form-control-feedback, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label { color: #cc2929; } .has-error .form-control { border-color: #cc2929; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-error .form-control:focus { border-color: #a22020; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #e47777; } .has-error .input-group-addon { color: #cc2929; border-color: #cc2929; background-color: #f2dede; } .has-feedback label~.form-control-feedback { top: 25px; } .has-feedback label.sr-only~.form-control-feedback, [position*=top-0] { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; } @media (min-width:768px) { .form-inline .form-control-static, .form-inline .form-group { display: inline-block; } .form-inline .control-label, .form-inline .form-group { margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn { width: auto; } .form-inline .input-group>.form-control { width: 100% } .form-inline .checkbox, .form-inline .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .checkbox label, .form-inline .radio label { padding-left: 0; } .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .affix, [position^=fixed] { position: fixed; } .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .checkbox, .form-horizontal .radio { min-height: 27px; } .form-horizontal .form-group { margin-left: -8px; margin-right: -8px; } .form-horizontal .form-group:after, .form-horizontal .form-group:before { content: " "; display: table; } .form-horizontal .has-feedback .form-control-feedback { right: 8px; } @media (min-width:768px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.33px; } .form-horizontal .form-group-sm .control-label { padding-top: 6px; } } [padding~="0"], a, hr { padding: 0; } @-ms-viewport { width: device-width; } .visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xl, .visible-xl-block, .visible-xl-inline, .visible-xl-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none!important; } @media (max-width:767px) { .visible-xs { display: block!important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row!important; } td.visible-xs, th.visible-xs { display: table-cell!important; } .visible-xs-block { display: block!important; } .visible-xs-inline { display: inline!important; } .visible-xs-inline-block { display: inline-block!important; } } @media (min-width:768px) and (max-width:991px) { .visible-sm { display: block!important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row!important; } td.visible-sm, th.visible-sm { display: table-cell!important; } .visible-sm-block { display: block!important; } .visible-sm-inline { display: inline!important; } .visible-sm-inline-block { display: inline-block!important; } } @media (min-width:992px) and (max-width:1333px) { .visible-md { display: block!important; } table.visible-md { display: table; } tr.visible-md { display: table-row!important; } td.visible-md, th.visible-md { display: table-cell!important; } .visible-md-block { display: block!important; } .visible-md-inline { display: inline!important; } .visible-md-inline-block { display: inline-block!important; } } @media (min-width:1334px) { .visible-lg { display: block!important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row!important; } td.visible-lg, th.visible-lg { display: table-cell!important; } .visible-lg-block { display: block!important; } .visible-lg-inline { display: inline!important; } .visible-lg-inline-block { display: inline-block!important; } } @media (min-width:1646px) { .visible-xl { display: block!important; } table.visible-xl { display: table; } tr.visible-xl { display: table-row!important; } td.visible-xl, th.visible-xl { display: table-cell!important; } .visible-xl-block { display: block!important; } .visible-xl-inline { display: inline!important; } .visible-xl-inline-block { display: inline-block!important; } .hidden-xl { display: none!important; } } @media (max-width:767px) { .hidden-xs { display: none!important; } } @media (min-width:768px) and (max-width:991px) { .hidden-sm { display: none!important; } } @media (min-width:992px) and (max-width:1333px) { .hidden-md { display: none!important; } } @media (min-width:1334px) and (max-width:1645px) { .hidden-lg { display: none!important; } } .visible-print { display: none!important; } @media print { .visible-print { display: block!important; } table.visible-print { display: table; } tr.visible-print { display: table-row!important; } td.visible-print, th.visible-print { display: table-cell!important; } } .visible-print-block { display: none!important; } @media print { .visible-print-block { display: block!important; } } .visible-print-inline { display: none!important; } @media print { .visible-print-inline { display: inline!important; } } .visible-print-inline-block { display: none!important; } @media print { .visible-print-inline-block { display: inline-block!important; } .hidden-print { display: none!important; } } .clearfix:after, .clearfix:before { content: " "; display: table; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right!important; } .pull-left { float: left!important; } .hide { display: none!important; } .show { display: block!important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } html, mark { font-weight: 400; } [color^=black], ins { color: #000; } [color^=color-text-music], html { color: #4d4d4d; } .beta-badge, [background^=white] { background-color: #FFF; } .hidden { display: none!important; } article, aside, details, figcaption, figure, footer, header, hgroup, hr, menu, nav, section { display: block; } .is-hidden, [display^=none] { display: none; } @font-face { font-family: futurabook; src: url(../fonts/futura-book.woff2) format("woff2"), url(../fonts/futura-book.woff) format("woff"); } @font-face { font-family: futurademi; src: url(../fonts/futura-demi.woff2) format("woff2"), url(../fonts/futura-demi.woff) format("woff"); } @font-face { font-family: futurabold; src: url(../fonts/futura-bold.woff2) format("woff2"), url(../fonts/futura-bold.woff) format("woff"); } @font-face { font-family: jamendo-licensing-icons; src: url(data:font/woff; } @charset "UTF-8"; @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&family=Inter:wght@400;500&display=swap"); :root { --text-light: rgba(255, 255, 255, 0.6); --text-lighter: rgba(255, 255, 255, 0.9); --spacing-s: 8px; --spacing-m: 16px; --spacing-l: 24px; --spacing-xl: 32px; --spacing-xxl: 64px; --width-container: 1200px; } @import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap"); .al-button { color: #000; background-color: #ff0; width: 150px; height: 50px } .album__cover a { position: absolute; z-index: 2; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 56px; height: 56px; top: 50%; left: 50%; margin: -28px 0 0 -28px; border-radius: 12px; background-color: #222227; transform: scale(.8); opacity: 0; transition: .5s ease; border: 1px solid rgba(255, 255, 255, .05) } .album__cover a svg { fill: #fff; width: 24px; height: auto; margin: 1px 0 0 1px; transition: fill .5s ease } .album__cover a:hover svg { fill: #25a56a } .album__cover:hover img { opacity: .6; transform: scale(1.08) } .album__cover:hover a { opacity: 1; transform: scale(1) } .album__cover:hover .album__stat { opacity: 1; transform: scale(1) } .album__title { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-top: 5px } .album__title h3 { display: block; width: 100%; color: #fff; font-size: 16px; font-weight: 400; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word } .album__title h3 a { color: #fff } .album__title h3 a:hover { color: #25a56a } .album__title span { display: block; width: 100%; color: silver; font-size: 14px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word } .album__title span a { color: black } .album__title span a:hover { color: #25a56a } .album__stat { position: absolute; z-index: 2; display: flex; flex-direction: row; justify-content: center; align-items: center; bottom: 20px; left: 0; right: 0; color: #fff; font-size: 12px; transform: scale(.8); opacity: 0; transition: .5s ease } .album__stat span { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-right: 15px } .album__stat span:last-child { margin-right: 0 } .album__stat svg { width: 14px; height: auto; fill: #fff; margin-right: 5px } @media (min-width:768px) { .album__stat { font-size: 13px } .album__stat span { margin-right: 20px } .album__stat span:last-child { margin-right: 0 } .album__stat svg { width: 16px } } @media (min-width:768px) { .event { margin-top: 30px; height: 320px } .event__title { font-size: 26px } } .single-item { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #222227; height: 58px } .single-item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; height: 48px } .single-item__number { color: silver; font-size: 22px; min-width: 20px; width: auto; font-family: Inter, sans-serif; font-weight: 400 } .single-item__rate { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 14px; color: silver; width: 24px; margin-right: 10px } .single-item__rate svg { fill: #25a56a; width: 20px; height: auto } .single-item__rate--red svg { fill: #eb5757 } .single-item__cover { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 8px; overflow: hidden; transition: .5s ease } .single-item__cover img { width: 48px; height: auto; opacity: 1; transition: opacity .5s ease; position: relative } .single-item__cover svg { position: absolute; opacity: 0; fill: #fff; width: 24px; height: auto; margin: 1px 0 0 1px; transition: .5s ease } .single-item__cover svg:last-child { opacity: 0 } .single-item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; height: 48px } .single-item__number { color: silver; font-size: 22px; min-width: 20px; width: auto; font-family: Inter, sans-serif; font-weight: 400 } .single-item__rate { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 14px; color: silver; width: 24px; margin-right: 10px } .single-item__rate svg { fill: #25a56a; width: 20px; height: auto } .single-item__rate--red svg { fill: #eb5757 } .single-item__cover { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 8px; overflow: hidden; transition: .5s ease } .single-item__cover img { width: 48px; height: auto; opacity: 1; transition: opacity .5s ease; position: relative } .single-item__cover svg { position: absolute; opacity: 0; fill: #fff; width: 24px; height: auto; margin: 1px 0 0 1px; transition: .5s ease } .single-item__cover svg:last-child { opacity: 0 } .single-item__cover:hover svg { fill: #25a56a } .single-item__cover.active { background-color: #000 } .single-item__cover.active img { opacity: .35 } .single-item__cover.active svg { fill: #25a56a } .single-item__cover.pause svg { opacity: 1 } .single-item__cover.pause svg:last-child { opacity: 0 } .single-item__cover.play svg { opacity: 0 } .single-item__cover.play svg:last-child { opacity: 1 } .u-layout-row>.u-size-30 { flex: 0 0 50%; max-width: 50% } a { text-decoration: none } .al-spotify-playlist { padding-top: 40px!important } .u-section-1 .u-sheet-1 { min-height: 500px } .u-section-1 .u-layout-wrap-1 { margin-top: 60px; margin-bottom: 60px; position: relative } .u-section-1 .u-layout-cell-1 { min-height: 400px } .u-section-1 .u-container-layout-1 { padding: 30px } .u-section-1 .u-text-1 { font-weight: 700; margin: 37px 0 0 20px } .u-section-1 .u-text-2 { margin: 20px 0 0 20px } .u-section-1 .u-btn-1 { background-image: none; border-style: solid; text-transform: uppercase; font-weight: 700; margin: 20px 0 0 auto } .u-section-1 .u-layout-cell-2 { min-height: 200px } .u-section-1 .u-container-layout-2 { padding: 30px } .u-section-1 .u-image-1 { width: 169px; height: 99px; margin: 0 auto } .u-section-1 .u-layout-cell-3 { min-height: 200px } .u-section-1 .u-container-layout-3 { padding: 30px } .u-section-1 .u-image-2 { width: 169px; height: 99px; margin: 0 auto } .u-section-1 .u-layout-cell-4 { min-height: 200px } .u-section-1 .u-container-layout-4 { padding: 30px } .u-section-1 .u-image-3 { width: 169px; height: 99px; margin: 0 auto } .u-section-1 .u-layout-cell-5 { min-height: 200px } .u-section-1 .u-container-layout-5 { padding: 30px } .u-section-1 .u-image-4 { width: 169px; height: 99px; margin: 0 auto } @media (max-width:1199px) { .u-section-1 .u-sheet-1 { min-height: 430px } .u-section-1 .u-layout-cell-1 { min-height: 330px } .u-section-1 .u-text-1 { margin-left: 0; font-size: 2.25rem } .u-section-1 .u-text-2 { margin-left: 0 } .u-section-1 .u-layout-cell-2 { min-height: 165px } .u-section-1 .u-layout-cell-3 { min-height: 165px } .u-section-1 .u-layout-cell-4 { min-height: 165px } .u-section-1 .u-layout-cell-5 { min-height: 165px } } @media (max-width:991px) { .u-section-1 .u-sheet-1 { min-height: 400px } .u-section-1 .u-layout-cell-1 { min-height: 100px } .u-section-1 .u-btn-1 { margin-right: auto } .u-section-1 .u-layout-cell-2 { min-height: 100px } .u-section-1 .u-layout-cell-3 { min-height: 100px } .u-section-1 .u-layout-cell-4 { min-height: 100px } .u-section-1 .u-layout-cell-5 { min-height: 100px } } @media (max-width:767px) { .u-section-1 .u-sheet-1 { min-height: 600px } .u-section-1 .u-container-layout-1 { padding-left: 10px; padding-right: 10px } .u-section-1 .u-container-layout-2 { padding-left: 10px; padding-right: 10px } .u-section-1 .u-container-layout-3 { padding-left: 10px; padding-right: 10px } .u-section-1 .u-container-layout-4 { padding-left: 10px; padding-right: 10px } .u-section-1 .u-container-layout-5 { padding-left: 10px; padding-right: 10px } } @media (max-width:575px) { .u-section-1 .u-text-1 { font-size: 1.875rem } } .u-section-2 .u-sheet-1 { min-height: 500px } @media (max-width:1199px) { .u-section-2 .u-sheet-1 { min-height: 430px } } @media (max-width:991px) { .u-section-2 .u-sheet-1 { min-height: 353px } } @media (max-width:767px) { .u-section-2 .u-sheet-1 { min-height: 580px } } @media (max-width:575px) { .u-section-2 .u-sheet-1 { min-height: 439px } } .u-section-3 .u-sheet-1 { min-height: 500px } .u-section-3 .u-layout-wrap-1 { margin-top: 60px; margin-bottom: 60px; position: relative } .u-section-3 .u-layout-cell-1 { min-height: 400px } .u-section-3 .u-container-layout-1 { padding: 30px } .u-section-3 .u-text-1 { font-weight: 700; font-size: 2.25rem; margin: 37px 0 0 20px } .u-section-3 .u-text-2 { margin: 20px 0 0 20px } .u-section-3 .u-btn-1 { background-image: none; border-style: solid; text-transform: uppercase; font-weight: 700; margin: 20px 0 0 auto } .u-section-3 .u-layout-cell-2 { min-height: 200px } .u-section-3 .u-container-layout-2 { padding: 30px } .u-section-3 .u-image-1 { width: 169px; height: 99px; margin: 0 auto } .u-section-3 .u-layout-cell-3 { min-height: 200px } .u-section-3 .u-container-layout-3 { padding: 30px } .u-section-3 .u-image-2 { width: 169px; height: 99px; margin: 0 auto } .u-section-3 .u-layout-cell-4 { min-height: 200px } .u-section-3 .u-container-layout-4 { padding: 30px } .u-section-3 .u-image-3 { width: 169px; height: 99px; margin: 0 auto } .u-section-3 .u-layout-cell-5 { min-height: 200px } .u-section-3 .u-container-layout-5 { padding: 30px } .u-section-3 .u-image-4 { width: 169px; height: 99px; margin: 0 auto } @media (max-width:1199px) { .u-section-3 .u-sheet-1 { min-height: 430px } .u-section-3 .u-layout-cell-1 { min-height: 330px } .u-section-3 .u-text-1 { margin-left: 0 } .u-section-3 .u-text-2 { margin-left: 0 } .u-section-3 .u-layout-cell-2 { min-height: 165px } .u-section-3 .u-layout-cell-3 { min-height: 165px } .u-section-3 .u-layout-cell-4 { min-height: 165px } .u-section-3 .u-layout-cell-5 { min-height: 165px } } @media (max-width:991px) { .u-section-3 .u-sheet-1 { min-height: 400px } .u-section-3 .u-layout-cell-1 { min-height: 100px } .u-section-3 .u-btn-1 { margin-right: auto } .u-section-3 .u-layout-cell-2 { min-height: 100px } .u-section-3 .u-layout-cell-3 { min-height: 100px } .u-section-3 .u-layout-cell-4 { min-height: 100px } .u-section-3 .u-layout-cell-5 { min-height: 100px } } @media (max-width:767px) { .u-section-3 .u-sheet-1 { min-height: 600px } .u-section-3 .u-container-layout-1 { padding-left: 10px; padding-right: 10px } .u-section-3 .u-container-layout-2 { padding-left: 10px; padding-right: 10px } .u-section-3 .u-container-layout-3 { padding-left: 10px; padding-right: 10px } .u-section-3 .u-container-layout-4 { padding-left: 10px; padding-right: 10px } .u-section-3 .u-container-layout-5 { padding-left: 10px; padding-right: 10px } } @media (max-width:575px) { .u-section-3 .u-text-1 { font-size: 1.875rem } } @-webkit-keyframes bounce { 20%, 53%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } .comment { color: red } .al-button { color: #000; background-color: #ff0; width: 150px; height: 50px } .left, .right { top: 50%; float: left; transform: translateY(125%) } .left { background: #337ab7; display: inline-block; white-space: nowrap; width: 50px; transition: width .5s } .right { background: #fff; width: 350px; transition: width 1s; border-style: solid; border-color: #ccc; border-width: 1px } .left:hover { width: 250px } .item:hover { background-color: #222 } .left .fas { margin: 15px; width: 20px; color: #fff } i.fas { font-size: 17px; vertical-align: middle!important } .item { height: 50px; overflow: hidden; color: #fff } .header_toggle { font-size: 1.5rem; cursor: pointer } .header_img { width: 35px; height: 35px; display: flex; justify-content: center; border-radius: 50%; overflow: hidden } .header_img img { width: 40px } .l-navbar { position: fixed; top: 0; left: -30%; width: var(--nav-width); height: 100vh; padding: .5rem 1rem 0 0; transition: .5s; z-index: var(--z-fixed) } .nav { height: 100%; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden } .nav_link, .nav_logo { display: grid; grid-template-columns: max-content max-content; align-items: center; column-gap: 1rem; padding: .5rem 0 .5rem 1.5rem } .nav_logo { margin-bottom: 2rem } .nav_logo-icon { font-size: 1.25rem; color: var(--white-color) } .nav_logo-name { color: var(--white-color); font-weight: 700 } .nav_link { position: relative; color: var(--first-color-light); margin-bottom: 1.5rem; transition: .3s } .nav_link:hover { color: var(--white-color) } .nav_icon { font-size: 1.25rem } .active { color: var(--white-color) } .active::before { content: ''; position: absolute; left: 0; width: 2px; height: 32px; background-color: var(--white-color) } .height-100 { height: 100vh } @media screen and (min-width:768px) { body { margin: calc(var(--header-height)+1rem) 0 0 0; padding-left: calc(var(--nav-width)+2rem) } .header { height: calc(var(--header-height)+1rem); padding: 0 2rem 0 calc(var(--nav-width)+2rem) } .header_img { width: 40px; height: 40px } .header_img img { width: 45px } .l-navbar { left: 0; padding: 1rem 1rem 0 0 } } .video { width: 100%; height: 500px; background-color: #a9a9a9 } .cover { width: 50% } ul { padding-left: 0!important; text-decoration: none!important } body { max-width: 100% } a { text-decoration: none!important } .navbar-light .navbar-brand { color: #fff!important } .navbar-light .navbar-nav .nav-link { color: #fff!important } .logo { width: 64px; height: 28px; display: none!important } .a-title-section { text-align: center } .title { color: #000 } @media (max-width:234px) { .carousel-item { height: 20px!important } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block } .column { float: left; width: 50%; padding: 10px; height: 300px } .row:after { content: ""; display: table; clear: both } @media screen and (max-width:600px) { .column { width: 100% } } .w-100 { height: 590px; width: 100%!important } a { text-decoration: none } .li-center { padding-right: 33px!important } img { margin-top: 0; margin-left: 0; width: 100% } #toggle { position: absolute; visibility: hidden } .topnav { text-align: center; text-align: center; overflow: hidden; position: relative } .topnav #myLinks { display: none; padding-left: 460px; text-align: center } .topnav a { float: left; text-align: center; color: #000; padding: 14px 16px; text-decoration: none; font-size: 17px } .topnav a.icon { float: right; text-align: center } .topnav a:hover { text-align: center; color: #000 } .active { text-align: center; color: #000 } @media screen and (max-width:592px) { .topnav #myLinks { padding-left: 90px; display: none; text-align: center } } #menu { position: absolute; width: 300px; margin: -100px; padding-top: 125px; background: #fff; list-style-type: none; -webkit-font-smoothing: antialiased; transform-origin: 0 0; transform: translate(-100%, 0); transition: transform .5s cubic-bezier(.77, .2, .05, 1) } #menu li { padding-left: 90px!important; padding: 10px 0; font-size: 12px } .container, .container-fluid { margin-right: auto; margin-left: auto } .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before { display: table; content: " " } .clearfix:after, .container-fluid:after, .container:after, .row:after { clear: both } @media (min-width:768px) { .container { width: 750px } } @media (min-width:992px) { .container { width: 970px } } @media (min-width:1334px) { .container { width: 1304px } } @media (min-width:1646px) { .container { width: 1616px } } .row { margin-left: -8px; margin-right: -8px } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-left: 8px; padding-right: 8px } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left } .col-xs-1 { width: 8.33333% } .col-xs-2 { width: 16.66667% } .col-xs-3 { width: 25% } .col-xs-4 { width: 33.33333% } .col-xs-5 { width: 41.66667% } .col-xs-6 { width: 50% } .col-xs-7 { width: 58.33333% } .col-xs-8 { width: 66.66667% } .col-xs-9 { width: 75% } .col-xs-10 { width: 83.33333% } .col-xs-11 { width: 91.66667% } .col-xs-12 { width: 100% } .col-xs-offset-0 { margin-left: 0 } .col-xs-offset-1 { margin-left: 8.33333% } .col-xs-offset-2 { margin-left: 16.66667% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-4 { margin-left: 33.33333% } .col-xs-offset-5 { margin-left: 41.66667% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-7 { margin-left: 58.33333% } .col-xs-offset-8 { margin-left: 66.66667% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-10 { margin-left: 83.33333% } .col-xs-offset-11 { margin-left: 91.66667% } .col-xs-offset-12 { margin-left: 100% } @media (min-width:768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left } .col-sm-1 { width: 8.33333% } .col-sm-2 { width: 16.66667% } .col-sm-3 { width: 25% } .col-sm-4 { width: 33.33333% } .col-sm-5 { width: 41.66667% } .col-sm-6 { width: 50% } .col-sm-7 { width: 58.33333% } .col-sm-8 { width: 66.66667% } .col-sm-9 { width: 75% } .col-sm-10 { width: 83.33333% } .col-sm-11 { width: 91.66667% } .col-sm-12 { width: 100% } .col-sm-offset-0 { margin-left: 0 } .col-sm-offset-1 { margin-left: 8.33333% } .col-sm-offset-2 { margin-left: 16.66667% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-4 { margin-left: 33.33333% } .col-sm-offset-5 { margin-left: 41.66667% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-7 { margin-left: 58.33333% } .col-sm-offset-8 { margin-left: 66.66667% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-10 { margin-left: 83.33333% } .col-sm-offset-11 { margin-left: 91.66667% } .col-sm-offset-12 { margin-left: 100% } } @media (min-width:992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left } .col-md-1 { width: 8.33333% } .col-md-2 { width: 16.66667% } .col-md-3 { width: 25% } .col-md-4 { width: 33.33333% } .col-md-5 { width: 41.66667% } .col-md-6 { width: 50% } .col-md-7 { width: 58.33333% } .col-md-8 { width: 66.66667% } .col-md-9 { width: 75% } .col-md-10 { width: 83.33333% } .col-md-11 { width: 91.66667% } .col-md-12 { width: 100% } .col-md-offset-0 { margin-left: 0 } .col-md-offset-1 { margin-left: 8.33333% } .col-md-offset-2 { margin-left: 16.66667% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-4 { margin-left: 33.33333% } .col-md-offset-5 { margin-left: 41.66667% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-7 { margin-left: 58.33333% } .col-md-offset-8 { margin-left: 66.66667% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-10 { margin-left: 83.33333% } .col-md-offset-11 { margin-left: 91.66667% } .col-md-offset-12 { margin-left: 100% } } @media (min-width:1334px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left } .col-lg-1 { width: 8.33333% } .col-lg-2 { width: 16.66667% } .col-lg-3 { width: 25% } .col-lg-4 { width: 33.33333% } .col-lg-5 { width: 41.66667% } .col-lg-6 { width: 50% } .col-lg-7 { width: 58.33333% } .col-lg-8 { width: 66.66667% } .col-lg-9 { width: 75% } .col-lg-10 { width: 83.33333% } .col-lg-11 { width: 91.66667% } .col-lg-12 { width: 100% } .col-lg-offset-0 { margin-left: 0 } .col-lg-offset-1 { margin-left: 8.33333% } .col-lg-offset-2 { margin-left: 16.66667% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-4 { margin-left: 33.33333% } .col-lg-offset-5 { margin-left: 41.66667% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-7 { margin-left: 58.33333% } .col-lg-offset-8 { margin-left: 66.66667% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-10 { margin-left: 83.33333% } .col-lg-offset-11 { margin-left: 91.66667% } .col-lg-offset-12 { margin-left: 100% } } @media (min-width:1646px) { .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 { float: left } .col-xl-1 { width: 8.33333% } .col-xl-2 { width: 16.66667% } .col-xl-3 { width: 25% } .col-xl-4 { width: 33.33333% } .col-xl-5 { width: 41.66667% } .col-xl-6 { width: 50% } .col-xl-7 { width: 58.33333% } .col-xl-8 { width: 66.66667% } .col-xl-9 { width: 75% } .col-xl-10 { width: 83.33333% } .col-xl-11 { width: 91.66667% } .col-xl-12 { width: 100% } .col-xl-offset-0 { margin-left: 0 } .col-xl-offset-1 { margin-left: 8.33333% } .col-xl-offset-2 { margin-left: 16.66667% } .col-xl-offset-3 { margin-left: 25% } .col-xl-offset-4 { margin-left: 33.33333% } .col-xl-offset-5 { margin-left: 41.66667% } .col-xl-offset-6 { margin-left: 50% } .col-xl-offset-7 { margin-left: 58.33333% } .col-xl-offset-8 { margin-left: 66.66667% } .col-xl-offset-9 { margin-left: 75% } .col-xl-offset-10 { margin-left: 83.33333% } .col-xl-offset-11 { margin-left: 91.66667% } .col-xl-offset-12 { margin-left: 100% } } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700 } .radio label { font-weight: 400; padding-left: 20px; cursor: pointer; margin-bottom: 0 } select[multiple], select[size] { height: auto } .form-group { margin-bottom: 15px } .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px } .radio label { min-height: 20px } .radio+.radio { margin-top: -5px } .radio.disabled label { cursor: not-allowed } ul { padding-left: 0; text-decoration: none } [position*=top-0] { top: 0 } [position^=fixed] { position: fixed } [padding~="0"], a { padding: 0 } @media (min-width:1646px) { .hidden-xl { display: none!important } } @media (max-width:767px) { .hidden-xs { display: none!important } } @media (min-width:768px) and (max-width:991px) { .hidden-sm { display: none!important } } @media (min-width:992px) and (max-width:1333px) { .hidden-md { display: none!important } } @media (min-width:1334px) and (max-width:1645px) { .hidden-lg { display: none!important } } .clearfix:after, .clearfix:before { content: " "; display: table } .hide { display: none!important } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } html { font-weight: 400 } [color^=black] { color: #000 } [color^=color-text-music], html { color: #4d4d4d } [background^=white] { background-color: #fff } .hidden { display: none!important } footer, header, menu, nav, section { display: block } .is-hidden, [display^=none] { display: none } @font-face { font-family: futurabook; src: url(../fonts/futura-book.woff2) format("woff2"), url(../fonts/futura-book.woff) format("woff") } @font-face { font-family: futurademi; src: url(../fonts/futura-demi.woff2) format("woff2"), url(../fonts/futura-demi.woff) format("woff") } @font-face { font-family: futurabold; src: url(../fonts/futura-bold.woff2) format("woff2"), url(../fonts/futura-bold.woff) format("woff") } @font-face { font-family: jamendo-licensing-icons; src: url('data:font/woff; base64, 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') format("woff"), url(''data: font/ttf; base64, AAEAAAALAIAAAwAwT1MvMg8SBqEAAAC8AAAAYGNtYXAXVtMCAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZnXuW7wAAAF4AABWbGhlYWQVIln/AABX5AAAADZoaGVhB8IEQQAAWBwAAAAkaG10ePYADV4AAFhAAAACAGxvY2F8i2dAAABaQAAAAQJtYXhwAIsCBgAAW0QAAAAgbmFtZe17LB0AAFtkAAAB/nBvc3QAAwAAAABdZAAAACAAAwP8AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpewPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Xv //f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAD/wAQAA8AACwAAASERIxEhFSERMxEhBAD+QID+QAHAgAHAAgABwP5AgP5AAcAAAAAAAgAA/8AEAAPAAAsAMQAAEzM1MzUjNSMVIxUzJQUOARURLgEjIgcOAQcGFRQXHgEXFjMyNz4BNzY1ESU+AT0BNCaAgICAgICAA0D+wBomI2M6NS8uRhQUFBRGLi81NS8uRhQUAUAaJiYCQICAgICA/jwHLhv9zB4kDw80IyMoKCMjNA8PDw80IyMoAgI8Bi8agBscAAUAAAAABAADgAADAAcACwAPABsAABMhFSEVIRUhASEVIREhFSEBMzUzNSM1IxUjFTMABAD8AAQA/AACAAIA/gACAP4A/oCAgICAgIABgICAgAKAgAGAgP8AgICAgIAAAAMAAP/ABAADwAAbAB8AIwAAASIHDgEHBhUUFx4BFxYzMjc+ATc2NTQnLgEnJgMjNTM1IxEzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXSqAgICAA8AoKIteXWpqXV6LKCgoKIteXWpqXV6LKCj9AIBAAUAABAAA/8AEAAPAABsANwA7AD8AAAEiBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYDIicuAScmNTQ3PgE3NjMyFx4BFxYVFAcOAQcGAyMRMxEjNTMCAGpdXosoKCgoi15dampdXosoKCgoi15dak1DRGQeHR0eZERDTU1DRGQeHR0eZERDDYCAgIADwCgoi15dampdXosoKCgoi15dampdXosoKPyNHR5kRENNTUNEZB4dHR5kRENNTUNEZB4dATMBQP4AgAAAAAAGAID/wAOAA8AAEwAzAD8AQwBPAFMAAAEhIgYVERQWOwEVITUzMjY1ETQmBxUjFTMVIxUzFSMVMxUjFSM1MzUjNTM1IzUzNSM1MzUDESMiJjURNDY7AREBIREhFxQGKwERIxEzMhYVATMVIwMA/gA1S0s1QAGAQDVLS/VAQEBAQEBAQEBAQEBAQEDAQBomJhqAAQD/AAEAwCYaQECAGib+gICAA8BLNf1ANUtAQEs1AsA1S0BAQEBAQEBAQEBAQEBAQEBA/gD+wCYaAsAaJv4A/oABQMAaJgFAAgAmGv1AQAAAAAAFAAAAwAJAAoAACwAPABMAFwAbAAABIzUjFSEVIRUzNTMnMxUjFTMVIwMzFSMRMxUjAkBAQP5AAcBAQMBAQEBAQEBAQEABwEBAQEBAwEDAQAGAQP7AQAAAAQFA/8ACwAPAAAUAAAEjCQEzAQGCQgFA/sBAAUADwP4A/gACAAAAAAUAAABABAADQAALACUAKQBFAFEAAAEUBiMiJjU0NjMyFjcjNTQmIyEiBh0BIyIGFREUFjMhMjY1ETQmJSEVIRMiJy4BJyY1NDc+ATc2MzIXHgEXFhUUBw4BBwYBIiY1NDYzMhYVFAYCwHBQUHBwUFBwwMAmGv8AGibANUtLNQMANUtL/csBAP8AgDUvLkYUFBQURi4vNTUvLkYUFBQURi4vASsNExMNDRMTAYBQcHBQUHBw8EAaJiYaQEs1/oA1S0s1AYA1S0BA/cAUFEYuLzU1Ly5GFBQUFEYuLzU1Ly5GFBQBgBMNDRMTDQ0TAAAAAAMAAP/ABAADwAALABcAHwAAJRQGIyImNTQ2MzIWBRQGIyImNTQ2MzIWAzUhFTMTIRMDdEs1NUtLNTVL/kxLNTVLSzU1S4D+wICAAoCAQDVLSzU1S0s1NUtLNTVLSwLLgID+AAIAAAAABgAAAAED/wN/AAsAFwAjAC8ATwBaAAAlNCYjIgYVFBYzMjYnNDYzMhYVFAYjIiYFMjY1NCYjIgYVFBY3MhYVFAYjIiY1NDYBIiYjIScuASsBDgEVFBY7ATIWFxMeATMhMjY3EzYmJwMOASMhIiYvASEHA65HMzJHRzIzR6kcFBQdHRQUHP53MkdHMjNHRzMUHBwUFB0dAnwCBAL9NRgHLh6CDxUVD4MEBwFiC0kuAZ8vSQpHBBAPcgUhFf5gFSEFOQKKO3szR0czMkhIMhQdHRQUHR1lRzMyR0cyM0epHBQUHR0UFBwCLgFjHSUBFQ8PFQYE/mQuOTkuAR0OGgT+yBUZGhTw8AAABgAAAAMD/wN9AAsAFwAjAC8AUwBfAAAlIgYVFBYzMjY1NCYHIiY1NDYzMhYVFAYlIgYVFBYzMjY1NCYHIiY1NDYzMhYVFAYDJy4BKwEiBhUUFjsBMhYXEx4BMyEyNjcTNiYnLgEnIyYiIyEFBw4BIyEiJi8BIQcDOjBDQzAvQ0MuGSIiGRgjI/4mL0NDLzBDQzAYIyMYGSIijBsGKhuEDBAQDIQIDAJkCkUsAacsRQpIAgIDAwkFAgEDAf0iArk+BiYZ/lkYJwY9Aq0B6EMwL0NDLzBDriMYGSIiGRgjrkMvMENDMC9DriIZGCMjGBkiApxsGiEQDAsQCgf+XCs3NysBIgYKBQUHAQE++hgeHhn/BgAABwAAAEEEAANNAAsAFwAjAC8AXABoAHQAACU0JiMiBhUUFjMyNic0NjMyFhUUBiMiJgUyNjU0JiMiBhUUFjcyFhUUBiMiJjU0NiUOASMhIiYvASEuATU0NjchJy4BKwEiBhUUFjsBMhYXEx4BMyE+AT8BLgEnBxMiBhUUFjMyNjU0JgMjNSM1MzUzFTMVIwMqPSwrPT0rLD2SGRERGRkRERn+riw9PSwrPT0rEhgYEhEYGAHBBB0S/psSHAUxAVwBAQEB/pUVBigZcA0SEg1wBAYBVAo+KAFlKD8JAhAeDwJSTGxsTExsbCw/SUk/SUmpKz4+Kys9PSsRGRkRERkZVz0sKz09Kyw9khkREhgYEhEZ0xIWFhLOCBAJBw8IVRkfEg0NEgUE/p4nMgExJwoCBgUIAadsTExsbExMbP7eST9JST8ABAAA/8AEAAPAADIAXgCHALEAAAEyFx4BFxYXHgEXHgEVFAYHDgEHDgEHDgEjIiYnLgEnLgEnLgE1NDY3PgE3Njc+ATc2MxciBgcOAQcOARUUFhceARceARceATMyNjc+ATc+ATU0JicuAScmJy4BJyYjAwcuAScuASMiBhUUFhceATMyNjcXDgEHDgEjIiYnLgE1NDY3PgEzMhYFBy4BJy4BIyIGFRQWFx4BMzI2NxcOAQcOASMiJicuATU0Njc+ATMyFhcB/zYyMVwpKiYkNxMSExITEzYkJlUvMGIzM2EuL1MlJDgUExMTFBM5JSQpKVoxMTUCWJQ7Hy4QEBEREBAuHx5EJiZPKilQJidGHzw8EA8QLR4fIiJKKCkrBkUGDQgIDwciIggJCRkRFx8JPwocERInFiI4FRUVFhUVNiAwRAE8RAUOCAgPByMiCQgJGhEWIAlACxwSEicVIjgVFRQVFRU2IS9EFAPACQolHB0lJFMuLmM0NWIuLlEjJTkUExQTFBM5JCVTLi5iMzNhLy9UJSUcHCUKCVw+PR9EJidPKilPJyZEHh4uDxAQEBAQLh86k1gqUSYmQx4fFxcfCAj+sSQMEAQFBS4tFSEMDA0WFiASHgsKCxUVFTomJToVFhUlJSQMEAQFBS4tFSEMDA0WFiASHgsKCxUVFTomJToVFhUlJQAAAAQAAP/ABAADwAA4AGUAegCHAAABMhceARcWFxYXHgEXFhUUBw4BBwYHBgcOAQcGIyInLgEnJicmJy4BJyY1NDc+ATc2NzY3PgE3NjMXIgYHBgcOAQcGFRQWFxYXHgEXFjMyNz4BNzY3PgE1NCcuAScmJyYnLgEnJiMTFSMVIzUjNTQ2Nz4BOwEyFhceARUnNDYzMhYVFAYjIiY1Af82MjFbKiklJRwcJQoJCQklGxwkJyorWzIxNTQwMVopKiYmHBwmCgkJCiYcHCYlKSlaMTE1AleUPCAXGB8ICD8+HyIiSigoKysoKEojIiA8PQgIHhcXHx4iIkooKSuJOqA6BQUEDAfSBwsFBQXRIyQkIyMkJCMDwAkKJRscJSUqKVsyMTY2MTJaKCgkJh0dJgkKCQomHBwmJikpWzEwNTUxMVsqKSclHBslCglcPj0gIiNKKCgqVZM+IBcXHwgICAgfGBcgOpJZLCgoSyIhHx8XFx4ICP7b0fn50QcMBAUFBQUEDAeEJCQkJCQkJCQAAAMAAP/ABAADwAA4AG4ApgAAATIXHgEXFhcWFx4BFxYVFAcOAQcGBwYHDgEHBiMiJy4BJyYnJicuAScmNTQ3PgE3Njc2Nz4BNzYzAQ4BFRQWFxYXHgEXFjMyNz4BNzY3PgE3Jw4BBw4BBxUjNSImJzceATMyNjc+ATU0Ji8DJQEiBw4BBwYHDgEHFz4BNz4BNzUzFR4BFwcuASMiBgcOARUUFh8BBT4BNTQnLgEnJicmJy4BJyYjAf82MjFbKiklJRwcJQoJCQklGxwkJyorWzIxNTQxMFoqKSYmHBwmCgkJCiYcHCYlKSlaMTE1/nQLDD8+HyIiSigoKysoKUoiIx8WJAzBBRgTFC4aPCpOI0YZOSAOFgoJCQYHMjxR/voBjiwoKEoiIR4PHQ3EBhgSEikYPCNAHUMWKxcMFQkKCQIDbQFZBgcICB4XFx8eIiJKKCgsA8AJCiUbHCUlKSpbMTI2NjEyWigoJCYdHSYJCgkKJhwdJiUqKVoxMTQ1MTFbKiknJRwbJQoJ/oogRSVVkz4fFxgeCAgICB8YFx8WLRdWGCgPDxICT08fHkcXFwYGBRQOCRAGFRskdQEbCAgfFxcfDyIUVxQgDAwOAU9PAhcWRQ8PBAUEEAsDBwMxmhs3HCwpKEshIh4fFxcfCAgAAAAEAAD/wAQAA8AAOABpAG0AcQAAATIXHgEXFhcWFx4BFxYVFAcOAQcGBwYHDgEHBiMiJy4BJyYnJicuAScmNTQ3PgE3Njc2Nz4BNzYzFyIHDgEHBgcGBw4BBwYVFBYXFhceARcWMzI3PgE3Njc+ATU0Jy4BJyYnJicuAScmIxMVITUFFSE1Af82MTJbKSolJRwcJQoJCQklGxwkJyoqXDEyNTQwMVopKiYmHBwmCgkJCiYcHCYlKSlaMTE1AiwoKEoiIR4gFxgfCAg/Ph8iIkooKCsrKChKIyIgPD0ICB4XFx8eIiJKKCgswf6MAXT+jAPACQolHBwlJSkpWzIxNjYxMVsoKSQmHRwmCgkJCiYcHCYmKSlbMTA1NDExWyoqJiUcHCUKCVwICB8XFx8gIiJKKCgqVpM9HxgXHwgICAgfGBcgOpNYLCgpSiEiHh8XFx8ICP7VWFilWFgAAAADAAD/wAQAA8AAOABpAJkAAAEyFx4BFxYXFhceARcWFRQHDgEHBgcGBw4BBwYjIicuAScmJyYnLgEnJjU0Nz4BNzY3Njc+ATc2MxciBw4BBwYHBgcOAQcGFRQWFxYXHgEXFjMyNz4BNzY3PgE1NCcuAScmJyYnLgEnJiMDPgE3PgEzMhYXHgEVFAYHDgEjIiYnLgEnMx4BMzI2Nz4BNTQmJy4BIyIGBzMHJzMB/zYxMlspKiUlHBwlCgkJCSUbHCQnKipcMTI1NDAxWikqJiYcHCYKCQkKJhwcJiUpKVoxMTUCLCgoSiIhHiAXGB8ICD8+HyIiSigoKysoKEojIiA8PQgIHhcXHx4iIkooKCzlCCYeH0osPWAjJCQlJSZfOyxLHyAmBoECODYbKxEQEQ8PDywcMzoGJWVmKAPACQolHBwlJSkpWzIxNjYxMVsoKSQmHRwmCgkJCiYcHCYmKSlbMTA1NDExWyoqJiUcHCUKCVwICB8XFx8gIiJKKCgqVpM9HxgXHwgICAgfGBcgOpNYLCgpSiEiHh8XFx8ICP6kL0kaGhonJydkPDtiJycoGhsaSjAvLxgXFz8mKT4VFRYuLWVlAAQAY//AA50DwAFCAesB9wIDAAAFIiYvAS4BIzgBIyIGDwEOAQcwIiMiJi8BLgEjKgEjBwYiIyImJy4BPwE+ATMyFhceARcWBg8BBhYXHgEzOgE/ATYyMzIWHwEeATMwMjEyNj8BNiYnLgEjIgYHDgEHDgEjIiYnLgEnLgEnLgEnLgEnLgEnJjY3NT4BJzQmNS4BJy4BNTQ2Nz4BNzQ2NTYmJzUuATc+ATc+ATc+ATc+ATc+ATc+ATMyFhceATMUMjMyNjM+ATc+ATMyFhceARceARceATMeARczHgEXFgYHDgEXFBYVHgEXHgEVFAYHDgEHFAYVFBYXHgEHDgEHDgEHDgEHDgEPAQ4BBw4BIyImIzAiIyIGDwEGFB8BHgEzMjY/AT4BMzoBHwEWMjMyNjc+AS8BLgE3PgE3PgEzMhYfARYGBw4BIzEqAS8BKgEjIgYPAQ4BIwMiBgcOAQcOAQcOAQcOAQcOARUUFhceAQcOAQcOAQcGFBceAR8BHgEXFgYHDgEVFBYXHgEzHgEXHgEXHgEXHgEzMjY3PgE3PgEzMhYXMx4BFx4BMzI2Nz4BPwE+ATc+ATc+ATc+ATU0Ji8BLgE3PgE3PgE3NjQnLgEnLgEnJjY/AT4BNTQmJy4BJy4BJy4BJy4BJy4BIyoBBw4BByMOASMiJicuAScmIiMTIiY1NDYzMhYVFAYDIgYVFBYzMjY1NCYCYAgOBUACBwQBBAcCLQQOCQEBCA4FTQIHBAECAZ8CBAIHDQUGAgRgBBAJBAcEBQkCAgEDMQIBAwIGBAECAVoCBAIIDgUyAgcEAQQHAlcDAgQCBgMCBAEDBQINIBEFCgUXGQgGBwQBAwEDCw8TLA4OAwMDAQEBAggLDh0dDgkLAgEBAgMDAw4OLBMODgQCAgEBBgcIGRcFCgURHw4MDgUBAQECAQMLDQ0gEQYJBRcZCAYHBAEDAQMKDgITLA4OAgQDAQEBAgkKDh0dDgkLAgEBAwQCDg4sEw0PBAEDAQIFBgEIGRcFCQUEBgQCAQQIAiQCAzYCBwQEBwI4BQ4IAgQCWgECAQQGAgMBAjEDAQICCQUEBwQJEARgBAIGBQ0HAgQCnwECAQQHAk0FDgi4BAgCAgYCBxAODiARBgsFBQcCAgMDBQUWCwYKBAMDBAoEAQwWBQUDAwEDBwUFDQQRIQ0OEAcCBgICCAQCAwIECQQOIBISIQ0BBAgEAgMCBAcDAgUCAQcQDg0hEQcLBAUHAgEBAwMFBRYMBQoEAwMECgUMFgUFAwMBAQIHBQUNBBEgDg4QBwIGAgMHBAIDAgQIBAENIRISIA4ECQQCAwJYSWdnSUlnZ0kuQkIuLkJCQAgGYAMEBQRaCAkBCAZ0AwQoAQYGBxMJvwkJAQIDCgYGDQVjBAkEAwMBFgEHB0sDBAUErgQKBAICAQEBAwEHDwECCCcTDQ4DAQIBAQICAwwUEy0VAQ4RBQECAQMKCg8kGRkkDgoLBQECAQQODwIVLBQUDAMCAwIBAgECCRESKAgBAg8HBwcBAQEFCAcPAgEIKBINDgMCAgECAgMMFBQtFBAQBQECAQMKCg8kGRklDgkMBAECAQMOEhUtExQMAwIDAgECAQMKDQISKAgCAQEEBEoECARRAwQEA1QHBwEWAQMDBAkEYwUNBgYKAwIBCQm/CRMHBgYBKAQDdAYIA7wEBAULBBAdCwoIAgECAQEJBgUOBhEjEBAZDAULBQQKBQQLBAEMGRARIhEGDgUGCQIBAgMHCwoeDwQMBAQFAQECBQIIDw8IAwQCAQEFBAQLBAEPHgoLBwMBAQECCQYFDgUBESIREBkMBQsFBAoEBQsFCxoQECMRAQUNBgYJAQIBAQIICgsdEAQLBQQEAQIFAggPDwgCBQIB/iRnSUlnZ0lJZwEgQi4uQkIuLkIAAQAAAEAEAANAAAUAACUBNwkBFwGA/oCAAQACAIBAAYCA/wACAIAAAAMAAP/ABAADwAAPAB8AJQAABSEiJjURNDYzITIWFREUBgEiBhURFBYzITI2NRE0JiMBJzcXARcDpPy4JjY2JgNIJjY2/JIMEBAMA0gMEBAM/gzwUKABQFBANiYDSCY2Nib8uCY2A8AQDPy4DBAQDANIDBD9UPBQoAFAUAACAAD/wAQAA8AADwAVAAABISIGFREUFjMhMjY1ETQmASc3FwEXA8D8gBomJhoDgBomJv3W8FCgAUBQA8AmGvyAGiYmGgOAGib9EPBQoAFAUAAAAAACAAD/wAQAA8AADwAfAAAFISImNRE0NjMhMhYVERQGASIGFREUFjMhMjY1ETQmIwOk/LgmNjYmA0gmNjb8kgwQEAwDSAwQEAxANiYDSCY2Nib8uCY2A8AQDPy4DBAQDANIDBAAAQAAAIAEAAMAAAUAACUBNwkBFwIA/gCAAYABgICAAgCA/oABgIAAAAEAwP/AA0ADwAAFAAATARcJAQfAAgCA/oABgIABwAIAgP6A/oCAAAABAAAAdwQAAwkAEAAANwEXATMBLgEjDgEHATgBMTOWAWoCAWeX/nQUPiIiPhT+dJZ3Ah0E/ecCVB0hASQd/bAAAQDA/8ADQAPAAAUAAAkBJwkBNwNA/gCAAYD+gIABwP4AgAGAAYCAAAEAAACABAADAAAFAAAJAQcJAScCAAIAgP6A/oCAAwD+AIABgP6AgAABACAAAAPgA4AAOQAAAREHJicuAScmIyIHDgEHBhUUFx4BFxYzMjc+ATc2NycOASMiJy4BJyY1NDc+ATc2MzIXHgEXFhcHIQPgih4oKV83NjtdUVJ6IyMjI3pSUV01MTFYJyYfXCyFTkI6O1cZGRkZVzs6Qi4pKkgdHRSXAYABwAGAii0mJTUPDiMjelJRXV1RUnojIwwLKx8eJlw6RxkZVzs6QkI6O1cZGQwNLB8fJpcAAAABAAD/wAQAA8AACwAAEwkBFwkBBwkBJwkBQAHAAcBA/kABwED+QP5AQAHA/kADwP5AAcBA/kD+QEABwP5AQAHAAcAAAAQAAAAABAADgAASABYAGgAeAAABISIGFREUFjsBEQEhMjY1ETQmATUzFSEjNTMFIzUzA4D9ADVLSzWAAQABgDVLS/0LgAEAgIABAICAA4BLNf6ANUv/AAEASzUBgDVL/oCAgICAgAAAAwCA/8ADgAPAABkAHQAmAAABISIGFREjIgYVERQWMyEyNjURMzI2NRE0JgEhESEBIxE0JisBESEDQP6AGibAGiYmGgGAGibAGiYm/ub+gAGAAQDAJhqAAYADwCYa/wAmGv3AGiYmGgEAJhoCQBom/EACQP8AAQAaJgEAAAEAIAAAA+ADgAA5AAABIgcOAQcGBycRISc2Nz4BNzYzMhceARcWFRQHDgEHBiMiJicHFhceARcWMzI3PgE3NjU0Jy4BJyYjAiA7NjdfKSgeigGAlxQdHUgqKi1COjtXGRkZGVc7OkJOhSxcHyYnWDExNV1RUnojIyMjelJRXQOADg81JSYtiv6AlyYfHywNDBkZVzs6QkI6O1cZGUc6XCYeHysLDCMjelJRXV1RUnojIwAAAAMAAACABAADAAAPABMAFwAAASEiBhURFBYzITI2NRE0JgMhESElNSEVA8D8gBomJhoDgBomJhr8gAOA/IADgAMAJhr+ABomJhoCABom/cABQIBAQAAAAAAHAAAAgAQAAwAAAwAUABgAHAAgACQAKAAAAREhESUhIgYVERQWMyEyNjURNCYjBTMVIxUzFSM3MxUjNzMVIzczFSMDwPyAA4D8gBomJhoDgBomJhr8wMDAgIDAgIDAgIDAgIACwP4AAgBAJhr+ABomJhoCABomwICAQEBAQEBAQAAAAAADAAD/wAQAA8AACwAnAEQAAAEHJwcXBxc3FzcnNwEiBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYDIicuAScmNTQ3PgE3NjMyFx4BFxYVFAcOAQcGIwLAwMBAwMBAwMBAwMD/AGpdXosoKCgoi15dampdXosoKCgoi15daldNTXIiISEick1NV1dNTXIiISEick1NVwLAwMBAwMBAwMBAwMABQCgoi15dampdXosoKCgoi15dampdXosoKPxaISJyTU1XV01NciIhISJyTU1XV01NciIhAAAJACv/wAPVA8AADAAQABUAGQAeACMAJwAsADEAAAE1IxUhNSMVIxEhESMTIREhBTMVIzU7ARUjBzMVIzUjMxUjNSEzFSMFMxUjNTsBFSM1Ayur/wCrqgOqqlX9AAMA/lVWVqtVVatWVqpVVQFVVVX+q1VVqlZWA2tVVVVV/FUDq/yqAwCqVlZWVVVVVVVVVlVVVVUAAgBA/8ADwAPAABoAOQAAASMiBh0BITU0JisBIgYVERQWMyEyNjURNCYjJR4BMzI2PwE2NCcmIg8BETQmIyIGFREnJiIHBhQfAQOsPggN/U0MCD0JDB4VAxoVHgwI/jAHEwoKEwfNDw8PKg92HhUVHnYOKw8PD80BCAwJzc0JDAwJ/wAVHh4VAQAJDAcHCAgHzQ8qDw8PdQHeFR4eFf4idQ8PDyoPzQAAAgCA/8ADgAPAABoAOQAAJSMiBh0BITU0JisBIgYdARQWMyEyNj0BNCYjJR4BMzI2PwE2NCcmIg8BETQmIyIGFREnJiIHBhQfAQNrPQkM/c0MCD4IDB4VApoVHgwJ/nEHEwoKEwfNDw8PKg92HhUVHnYPKg8PD83ADAmFhQkMDAm4FR4eFbgJDE8HCAgHzQ8qDw8PdQHeFR4eFf4idQ8PDisPzQADAAD/wAQAA8AABQAiAD8AAAERIxEhNQMyFx4BFxYVFAcOAQcGIyInLgEnJjU0Nz4BNzYzNSIHDgEHBhUUFx4BFxYzMjc+ATc2NTQnLgEnJiMCAFUBAKtYTk50ISIiIXROTlhYTk50ISIiIXROTlhqXV6LKCgoKIteXWpqXV6LKCgoKIteXWoBwAEA/qtVAasiIXROTlhYTk50ISIiIXROTlhYTk50ISJVKCiLXl1qal1eiygoKCiLXl1qal1eiygoAAAAAgAA/8AD7QOtAAUAEAAANxUzAScBATY0LwEmIg8BFzcA8wJA8/3AA+0TE5MUMxNz822z8wJG9P25Ag0TMxSTExNz9HoAAAAABACA/8ADgAPAAAQABwAOABoAAAkBIREhAyM1AREhESERIQEnBycHFwcXNxc3JwOA/wD+AAMAW6X+QAGAAQD9gAIAQICAQICAQICAQIACwAEA/AADAKX8mwOA/wD9gAHAQICAQICAQICAQIAAAQDg/8ADIAPAAAUAAAkBIQMBIQLg/gABAMUCBf8AA8D9wP5AAkAAAAIAAP/ABAADwAAJABAAAAERIREhNSERIREBIREnAScBA6v8qgFW/lUEAP5VAaur/qtVAVUBa/6qA1ZV/AABqwJV/lWr/qtVAVUAAAABAAD/wAQAA8AAJgAAASEiBhURFBYzIREjNTM1NDYzMhYXFSMiBh0BMwcjESEyNjURNCYjA8f8chghIRgB6oWFblkqQgtSMByZFIUBBBghIRgDwCEY/HIYIQGNmnJjaQQCiiohY5r+cyEYA44YIQAAAwCAAIADgAMAAAMABwALAAATIRUhFyEVIRczFSOAAwD9AIACAP4AwICAAwCAgICAgAAAAAIAAP/ABAADwAADAAgAABMzESMBIREhAQBAQAQA/IADgP8AA8D8AAHAAgD/AAAAAAMAAP/ABAADwAAtAEAATwAABTQnLgEnJic+ATU0Jy4BJyYjNCcuAScmIyIHDgEHBhUUFhcGBw4BBwYVIQ4BFQM0NjMyFhUUBhUOAQciBiMiJjUDNjc+ATc2MxQWFw4BByEEAA4PNCUkLSEmFBRGLi81FBRGLi81NS8uRhQUPzQ1LS1AEhIBNBkbQHFPT3EBQ2ESAgUCT3F8CRoZUDc2QyYhHTIW/uJANjIzViMkGCNaMzUvLkYUFDUvLkYUFBQURi4vNUNwIhIfH1s7PEkqYTUDAE9xcU8CBQISYUMBcU/+AEgxMTwNDTNaIw8pGAAAAAoAAP/ABAADwAAbACcANABCAE0AXABoAHYAgQCPAAABIgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmASMuAScWFx4BFxYXJR4BFyM+ATcyNjMyFhMUBgcjLgE1NDY3Mx4BAw4BByM2Nz4BNzYBMw4BFRQWFyMuATU0NjcTMx4BFyYnLgEnJicFLgEnMw4BByIGIyImIzc+ATczBgcOAQcGASM+ATU0JiczHgEVFAYCAGpdXosoKCgoi15dampdXosoKCgoi15dASrcCyQYMCwrSx4eFf6JHSoM4AwqHQcPBwcPbAQE9AQEBAT0BATzGCQL3BUeHksrLP707AQEBATsCQoKCRncCyQYMCwrSx4eFQF3HSoM4AwqHQcPBwcPB44YJAvcFR4eSyssAQzsBAQEBOwJCgoDwCgoi15dampdXosoKCgoi15dampdXosoKP7AP3k5DRYXPiYnLP88gENDgDwBAf5BIUAfH0AhIUAfH0ABkDl5PywnJj4XFv7cIEAgIEEfHkEhIUEe/sA/eTkMFxc+Jics/zyAQ0OAPAEBDjl5PywnJj4XFgEkH0EgIEAgHkEhIUEAAwAA/8AEAAPAABsASwBvAAABIgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmAw4BJyYnLgEnJjUmNz4BNzY3NhYXDgEHLgEHDgEXHgE3PgE3JiInPAE1OgEzFgYHJRwBFSoBIzwBNSoBIzwBNToBMzwBNToBMxwBFToBMxwBFSoBAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXUEumUYkIB8tDAwCExNBLCwwMl0lEB8RIUwnPj8XE4E9ICgJJEclPHc8BBQjARgSJBISIxISIxISJBIRJBISJAPAKCiLXl1qal1eiygoKCiLXl1qal1eiygo/Vg8IxcMFxg+JiUnMSwtRRUVAQQiHxIgEBQWDRJ8PT87Gww0HwECFSoWNGoqgBIkEhIkEhEkEhIkEREkEhIkEQABAAAAQAPtAy0AHgAACQEmIgcGFB8BISIGFRQWMyEHBhQXHgEzMjY3ATY0JwPt/sATNRITE9L9GxslJRsC5dITEwkYDAwYCQFAExMB7QFAExMTNRLTJRsbJdMTNRIKCQkKAUASNRMAAAIAAADABAACwAADAAcAABMhFSEVIRUhAAQA/AAEAPwAAsCrqqsAAAACABT/wAPsA6kAIAA/AAABJicmIgcGDwEnJicmIgcGBwYHBhQXFhcJATY3NjQnJicDCQEmJyY0NzY3PgEzMhYfATc+ATMyFhcWFxYUBwYHA68pMzNqMzMpJycpMzNqMzMpKBUUFBUoAa8BrygVFBQVKDD+gf6BIRAQEBAhHk0pKkweV1ceTCoqTB4hEBAQECEDZC4XFxcXLiwsLhcXFxcuLjo6eDo6Lv4YAeguOjp4Ojou/m/+TgGyJS8uYi8vJSIkJCJjYyIkJCIlLy9iLi8lAAAAAAEAFP/AA+wDqQAgAAABJicmIgcGDwEnJicmIgcGBwYHBhQXFhcJATY3NjQnJicDrykzM2ozMyknJykzM2ozMykoFRQUFSgBrwGvKBUUFBUoA2QuFxcXFy4sLC4XFxcXLi46Ong6Oi7+GAHoLjo6eDo6LgAAAgBA/8ADwAPAAAUACwAACQERCQERAwUlESUFAgD+QAHAAcCA/sD+wAFAAUADwP78/gT/AAEAAgD+QMDAAYDAwAAAAAACAAD/wAQAA8AABQALAAATASERIQEJAREBIRFAAcD+AAIA/kABwAHA/kACAALAAQD8AAEAAwD/AP4A/wAEAAAAAQBA/8ADwAPAAAUAABMJAREJAUABwAHA/kD+QALAAQD/AP4A/wABAAAAAAAHAAD/wAQAA8AAAwAHAAsAEQAdADoAPgAANyEVIREhFSEBIREhITUjFTM1JzIWFRQGIyImNTQ2NyIHDgEHBhUUFx4BFxYzMjc+ATc2NTQnLgEnJiMBIRUhAAQA/AAEAPwAAoABgP6A/oBAgEBPcXFPT3FxTzUvLkYUFBQURi4vNTUvLkYUFBQURi4vNQGAAYD+gECAAYCAAwD/AIDAQMBxT09xcU9PcUAUFEYuLzU1Ly5GFBQUFEYuLzU1Ly5GFBT+gIAAAQAA/8AEAAPAAAoAAAkBMxEhESERIREzAgD+AIABAAEAAQCAA8D+AP4AAUD+wAIAAAAAAAMAAP/ABAADwAAbACkANQAAASIHDgEHBhUUFx4BFxYzMjc+ATc2NTQnLgEnJgMUBiMiJjURNDYzMhYVJyImNTQ2MzIWFRQGAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXSolGxslJRsbJUAbJSUbGyUlA8AoKIteXWpqXV6LKCgoKIteXWpqXV6LKCj9ABslJRsBQBslJRuAJRsbJSUbGyUAAAAABAAA/8AEAAPAAAsAGQA1AFIAAAEUBiMiJjU0NjMyFgcRFBYzMjY1ETQmIyIGEzIXHgEXFhUUBw4BBwYjIicuAScmNTQ3PgE3NjciBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYjAkAlGxslJRsbJYAlGxslJRsbJUBdUVJ5JCMjJHlSUV1dUVJ5JCMjJHlSUV1qXV6LKCgoKIteXWpqXV6LKCgoKIteXWoCwBslJRsbJSXb/sAbJSUbAUAbJSUBZSMkeVJRXV1RUnkkIyMkeVJRXV1RUnkkI0AoKIteXWpqXV6LKCgoKIteXWpqXV6LKCgAAAQAAP/ABAADwAAbADgARgBSAAABMhceARcWFRQHDgEHBiMiJy4BJyY1NDc+ATc2NyIHDgEHBhUUFx4BFxYzMjc+ATc2NTQnLgEnJiMRIiY1ETQ2MzIWFREUBhMUBiMiJjU0NjMyFgIAXVFSeSQjIyR5UlFdXVFSeSQjIyR5UlFdal1eiygoKCiLXl1qal1eiygoKCiLXl1qGyUlGxslJSUlGxslJRsbJQOAIyR5UlFdXVFSeSQjIyR5UlFdXVFSeSQjQCgoi15dampdXosoKCgoi15dampdXosoKPzAJRsBQBslJRv+wBslAkAbJSUbGyUlAAAFAAD/wAQAA8AASACRAK0AuQDGAAABMhYXHgEXHgEXHgEXHgEXHgEVFAYHDgEHDgEHDgEHDgEHDgEjIiYnLgEnLgEnLgEnLgEnLgE1NDY3PgE3PgE3PgE3PgE3PgEzNSIGBw4BBw4BBw4BBw4BBw4BFRQWFx4BFx4BFx4BFx4BFx4BMzI2Nz4BNz4BNz4BNz4BNz4BNTQmJy4BJy4BJy4BJy4BJy4BIxUiBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYDIiY1NDYzMhYVFAYBFAYjIiY1NDYzMhYVAgBnPyklLA4SGw4NEgcFCwICAQECAgsFBxINDhsSDiwlKT9nZz8pJSwOEhsODRIHBQsCAgEBAgILBQcSDQ4bEg4sJSk/Z2hCKSk7GBosFRUcCgoMAgIBAQICDAoKHBUVLBoYOykpQmhoQikpOxgaLBUVHAoKDAICAQECAgwKChwVFSwaGDspKUJoNjAwSBQVFRRIMDA2NjAwSBQVFRRIMDA2R2RkR0dkZAEIJBoZJCQZGiQDZAECAgsFBxINDhsSDiwlKT9nZz8pJSwOEhsODRIHBQsCAgEBAgILBQcSDQ4bEg4sJSk/Z2c/KSUsDhIbDg0SBwULAgIBXAECAgwKChwVFSwaGDspKUJoaEIpKTsYGiwVFRwKCgwCAgEBAgIMCgocFRUsGhg7KSlCaGhCKSk7GBosFRUcCgoMAgIB+RUUSDAwNjYwMEgUFRUUSDAwNjYwMEgUFf5OZEdHZGRHR2QBvBkkJBkaJCQaAAMAAP/ABAADwAAbADgAPwAAATIXHgEXFhUUBw4BBwYjIicuAScmNTQ3PgE3NjciBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYjAzMVIxEzEQIAXVFSeSQjIyR5UlFdXVFSeSQjIyR5UlFdal1eiygoKCiLXl1qal1eiygoKCiLXl1qGpDsXAOAIyR5UlFdXVFSeSQjIyR5UlFdXVFSeSQjQCgoi15dampdXosoKCgoi15dampdXosoKP1lTwHU/nsAAAAEAAD/wAQAA8AAEAAcADgAVQAAJSMRMzIWFx4BFRQGBw4BKwE3MjY1NCYnLgErARUTMhceARcWFRQHDgEHBiMiJy4BJyY1NDc+ATc2NyIHDgEHBhUUFx4BFxYzMjc+ATc2NTQnLgEnJiMBwVuJLjcWFxkUEhQ6KjslKysNCwogGSA/XVFSeSQjIyR5UlFdXVFSeSQjIyR5UlFdal1eiygoKCiLXl1qal1eiygoKCiLXl1q1gHUEBQUOyIeNxMVFVAhIhEdCAgHiAGtIyR5UlFdXVFSeSQjIyR5UlFdXVFSeSQjQCgoi15dampdXosoKCgoi15dampdXosoKAADAAD/wAQAA8AAGwA4AGUAAAEyFx4BFxYVFAcOAQcGIyInLgEnJjU0Nz4BNzY3IgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmIxMuASMiBhUUFhceARceARUUBiMiJic3HgEzMjY1NCYnLgEnLgE1NDYzMhYXBwIAXVFSeSQjIyR5UlFdXVFSeSQjIyR5UlFdal1eiygoKCiLXl1qal1eiygoKCiLXl1qYhIkFhwmHikmKA8VFVpJM04gOxAzHyApDQ0GHh0/NFM/J0UeMAOAIyR5UlFdXVFSeSQjIyR5UlFdXVFSeSQjQCgoi15dampdXosoKCgoi15dampdXosoKP6BFREeFhMZDw4TDhEyH0VWLC44HiAlHQ4YCQUNChc5LjtOGho/AAIAAADABAACwAAbADcAADczNSMiJj0BNDYzITIWHQEzNTQmIyEiBh0BFBYBIxUzMhYdARQGIyEiJj0BIxUUFjMhMjY9ATQmwEBAGiYmGgFAGiaAcU/+wE9xcQLPQEAaJiYa/sAaJoBxTwFAT3FxwIAmGoAaJiYaQEBPcXFPgE9xAgCAJhqAGiYmGkBAT3FxT4BPcQAEAAD/wAQAA8AADwATACAANgAAASEiBhURFBYzITI2NRE0JgEjETMnIiY1NDYzMhYVFAYjASM1NCYjIgYdASMRMxUzPgEzMhYVEQO0/JggLCwgA2ggLCz9XJiYTCUzMyUkNDQkAoWYFTo7IJiSAg9JN3RDA8ArH/yUHysrHwNsHyv8lwHpQzMlJDQ0JCUz/dTuK1dOMPIB6UMdMoZj/vQAAwBA/8ADwAPAABcALgA4AAABNTQmKwEiBh0BIgYVERQWMyEyNjURNCYDFAYjFRQGIyImPQEiJj0BNDY7ATIWFTUhNTQ2OwEyFhUDAHFPgE9xUHBwUAIAUHBw0CUbJRsbJRslJRuAGyX/ACYagBomAkDAT3FxT8BwUP8AUHBwUAEAUHD/ABslgBslJRuAJRtAGyUlG8DAGiYmGgAAAgAAAIAEAAMAAA8AJQAAASEiBhURFBYzITI2NRE0JgcBDgEjIiYnAS4BNz4BFwUlNhYXFgYDgP0ANUtLNQMANUtLI/6ABAkFBQkE/oALBQcIGgsBbgFuCxoIBwUDAEs1/oA1S0s1AYA1S5v/AAIDAwIBAAgaCwsFB/X1BwULCxoAAAAAAwAAAMAEAAMAAAMABwALAAATIRUhESEVIREhFSEABAD8AAQA/AAEAPwAAwBA/kBAAUBAAAMBgP/AAoADwAALABcAIwAAARQGIyImNTQ2MzIWERQGIyImNTQ2MzIWERQGIyImNTQ2MzIWAoBLNTVLSzU1S0s1NUtLNTVLSzU1S0s1NUsDQDVLSzU1S0v8yzVLSzU1S0sBSzVLSzU1S0sAAAMAAACABAADQAADAAcACwAAEyEVIREhFSERIRUhAAQA/AAEAPwABAD8AANAgP5AgAGggAACAAP/wAP9A8AAIQAoAAABIgcOAQcGFRQXHgEXFhcVNx4BMzI3PgE3NjU0Jy4BJyYjEycHARc3AQIAaV1diigoDg0xIyMsrSNJJmldXYooKCgoil1daTOC/QEWhfr+6gPAJSaAV1ZiODQ1XikpILVgCgolJYFWV2JiVleAJiX9gouLASmLi/7XAAAAAAIAkv/AA2sDvQAwAD0AAAEmBgcOASMiBhURLgEjIgcOAQcGFRQXHgEXFjMyNz4BNzY1NDY1ETY3PgE3Njc2JicBIiY1NDYzMhYVFAYjA1sMGQUCYpoOEh9TLy4pKT0REhIRPSkpLi4pKD0SEgFUNjY/DAwBBQkM/hdCXl5CQl5eQgO9BQkMA14TDf3sHSEQEDclJSoqJSU3EBAQEDckJSoBAQECgAQVFDAUFAIMGAX8Q1I5OlFROjlSAAAAAgAA/8AEAAPAAAUACQAAASERIQEREyEVIQEA/wABAAFAgAFA/sACgP6A/sAEAP5AgAAAAAQAAP/ABAADwAANABsAKQBPAAATITI2NTQmIyEiBhUUFhchMjY1NCYjISIGFRQWBTQmIyEiBhUUFjMhMjYBBSIGFREuASMiBw4BBwYVFBceARcWMzI3PgE3NjURJTI2PQE0JiABwA0TEw3+QA0TEw0BwA0TEw3+QA0TEwHtEw3+QA0TEw0BwA0TAcD+wBomFjAaLikpPRESEhE9KSkuLikpPRESAQAaJiYDQBMNDRMTDQ0TgBMNDRMTDQ0TYA0TEw0NExMBbUAmGv3tCQoPDzQjIygoIyM0Dw8PDzQjIygCDTMmGoAaJgAEAAD/wAQAA8AAJQAzAEEATwAAAQUiBhURLgEjIgcOAQcGFRQXHgEXFjMyNz4BNzY1ESUyNj0BNCYFITI2NTQmIyEiBhUUFhchMjY1NCYjISIGFRQWBTQmIyEiBhUUFjMhMjYDwP7AGiYWMBouKSk9ERISET0pKS4uKSk9ERIBABomJvxmAUAaJiYa/sAaJiYaAUAaJiYa/sAaJiYBmiYa/sAaJiYaAUAaJgPAQCYa/e0JCg8PNCMjKCgjIzQPDw8PNCMjKAINMyYagBomgCYaGiYmGhomwCYaGiYmGhomgBomJhoaJiYAAgBA/8ADwAPAAAMABgAAATMRIyERAQMAwMD9QAIAA8D8AAQA/gAAAAIAgP/AA4ADwAADAAcAABMhESEBIREhgAEA/wACAAEA/wADwPwABAD8AAAABwBn/8ADmQPAAA4AHQAsADsAVgBZAGIAAAEzMjY1NCYrASIGFRQWMwcUFjMhMjY1NCYjISIGFQUhIgYVFBYzITI2NTQmIxUhIgYVFBYzITI2NTQmIxM0Ji8BLgEnLgEjISIGFREUFjMhMjY1ETQmJyc1FwczESERIRUUFgEUzw4SEg7PDRMTDSATDQHWDhITDf4qDRMB9v4qDRMTDQHWDhITDf4qDRMTDQHWDhITDakCAuUBBQMECAH98w0TEw0C8g0TAgTfd5fF/U4BzRICnBMNDhISDQ4Skw0TEw0OEhIOnRIODhISDg0TvBIODhISDg0TAhwBAwLkAQQBAgESDvw+DRESDgLcAwoEDnh4QP1kA4HFDhIAAAEAAP/ABAADwAByAAAlFgYPAQ4BBw4BByoBIwYiIyImJy4BJy4BJy4BJy4BJy4BJy4BJy4BJy4BNTY0NT4BNz4BPwE+ATMyFhceAR8BHgEHDgEPAQ4BBw4BFR4BFx4BFx4BFx4BFx4BFx4BHwEyNjc+AT8BPgEzMhYXMxceARcxBAABBwqQBQwICBAHAQMDAgcFCiEYFzghIksqK1ovJj8ZGSgPEBYICAoCAwIBAQUEBAkFkQcSCQcNBQYJBHQFAgICCQc1AgEBAQECCggGFA4NJxkYKxMTIA0NEwcNAQQCAwMBPgoXDQkPBQHRDA0DmA0VCo8FCQQEBQEBBAMEEQ4OKRwbTDElSCIiPx0dNRcYKRERGwkKCwEIDwgIDQWQBwgEBAQKBtwJEwoLEQc1AQQCAwQBDBoPDR8TEysYGScODhQGBwgBAwEBAQECPgkJAwR7BxILAAAABAAAAAAEAAOAAAMABwATABoAAAERIRElIREhARQGIyImNTQ2MzIWDwEVITUnBwPA/IADwPwABAD9gDgoKDg4KCg4QMADAMDAA0D9AAMAQPyAAqAoODgoKDg4yMDAwMDAAAAAAAEAgP/AA4ADwAACAAATEQGAAwADwPwAAgAAAAAEAAD/wAQAA8AAAwAHAAsAMQAAEyEVIRUhFSEVIRUhAQUOARURLgEjIgcOAQcGFRQXHgEXFjMyNz4BNzY1ESU+AT0BNCYAAYD+gAGA/oABgP6AA8D+wBomI2M6NS8uRhQUFBRGLi81NS8uRhQUAUAaJiYDwECAQIBAAb48By4b/cweJA8PNCMjKCgjIzQPDw8PNCMjKAICPAYvGoAbHAAABAAA/8AEAAPAAAMABwALABEAAAEhFSEVIRUhESERIScjESE1IQEAAwD9AAMA/QADAP0AgIAEAPyAAUCAgIAEAP8AgP6AgAAAAgBA/8ADwAPAAAMABgAAEzMRIwERAUDAwAOA/gADwPwABAD8AAIAAAQAAP/ABAADwAADAAcACwAPAAA3IRUhESEVIREhFSERIREhAAQA/AAEAPwABAD8AAQA/ABAgAGAgAGAgAIA/wAAAAAABQAAAAAEAAOAAAMABwALAA8AEgAAEyEVIRUhFSEBIRUhESEVISURJQAEAPwABAD8AAIAAgD+AAIA/gD+AAFAAYCAgIACgIABgICA/oDAAAADAAD/wAQAA8AAGwA4AD4AAAEyFx4BFxYVFAcOAQcGIyInLgEnJjU0Nz4BNzY3IgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmIwMnNxcBFwIAXVFSeSQjIyR5UlFdXVFSeSQjIyR5UlFdal1eiygoKCiLXl1qal1eiygoKCiLXl1qQPBQoAEgUAOAIyR5UlFdXVFSeSQjIyR5UlFdXVFSeSQjQCgoi15dampdXosoKCgoi15dampdXosoKP0g8FCgASBQAAAAAAIAAP/ABAADwAAbACEAAAEiBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYDJzcXARcCAGpdXosoKCgoi15dampdXosoKCgoi15dqvBQoAEgUAPAKCiLXl1qal1eiygoKCiLXl1qal1eiygo/SDwUKABIFAAAwAA/8AEAAPAABsAOABUAAABMhceARcWFRQHDgEHBiMiJy4BJyY1NDc+ATc2NyIHDgEHBhUUFx4BFxYzMjc+ATc2NTQnLgEnJiMBFAcOAQcGIyInLgEnJjU0Nz4BNzYzMhceARcWAgBdUVJ5JCMjJHlSUV1dUVJ5JCMjJHlSUV1qXV6LKCgoKIteXWpqXV6LKCgoKIteXWoBIBcWTjU0PDw0NU4WFxcWTjU0PDw0NU4WFwOAIyR5UlFdXVFSeSQjIyR5UlFdXVFSeSQjQCgoi15dampdXosoKCgoi15dampdXosoKP4APDQ1ThYXFxZONTQ8PDQ1ThYXFxZONTQAAAIAAP/ABAADwAAbADgAAAEyFx4BFxYVFAcOAQcGIyInLgEnJjU0Nz4BNzY3IgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmIwIAXVFSeSQjIyR5UlFdXVFSeSQjIyR5UlFdal1eiygoKCiLXl1qal1eiygoKCiLXl1qA4AjJHlSUV1dUVJ5JCMjJHlSUV1dUVJ5JCNAKCiLXl1qal1eiygoKCiLXl1qal1eiygoAAAACAAAABAEAANwAAsAGABZAGUAcgCOAJsAtAAAARQGIyImNTQ2MzIWBRQGIyImNTQ2MzIWFSU0JiMiBgcuASc3FxQWMzI2NTQmIyIGBycHBgcOAQcGBy4BIyIGFRQWFw4BFRQXHgEXFjMyNz4BNzY1NCYnPgE1AzIWFRQGIyImNTQ2ATQ2MzIWFw4BBy4BNQEiJy4BJyY1NDc+ATc2MzIXHgEXFhUUBw4BBwYBLgEnPgEzMhYVFAYHASImJyY2NzYWFx4BMzI2MT4BFxYUBw4BIwG1Kh4eKyseHioBLyoeHisrHh4qARxFMRYnETmVVUOoOCgoOTkoHjALx1IsKilNIyIeECgVMUUdGgICJCR9VFRfX1RUfSQkAgEaHpwZIyMZGCMj/NkwIQwWCiIyDQ0PAdpXTU1zIiEhInNNTVdYTU1zISEhIXNNTQFnDTIiChcMITAQDf5AWE4BBQEGBg8FAUBKTEUGDwUGBQJSWAF7HioqHh4rKx4eKioeHisrHlAxRhAOJSwEvyknOTkoKDgiGi/qAQYGFg8QEw4QRjEeNBAJEglAODlTGRgYGVM5OEAJEQkQNR4BgCMYGSIiGRgj/oAiLwgHGz8kCyAR/moVFkoxMjg4MTJKFRUVFUoyMTg4MjFKFhUBWSRAGwcILyISIAv+8jYCBg8FBQEGASosBQEGBQ8GAjUAAAQAAAB7BAADBQAbACcAQwBPAAABIS4BBw4BByMiBhUUFjsBHgE3PgE3ITI2NTQmBSImNTQ2MzIWFRQGASMuAQcOAQchIgYVFBYzIR4BNz4BNzMyNjU0JgUiJjU0NjMyFhUUBgPb/bIPZzsnOApOEBUVEE4PZzsnOAoCThAVFf0VHisrHh4rKwK9cg9oOic5Cv3XEBUVEAIpD2g6JzkKchAVFf7wHisrHh8rKwEuOj4PCjkmFg8PFTs9Dgo5JxUPDxZuKx4eKyseHisB2zs9Dgo5JxUPDxY6Pg8KOSYWDw8VbSseHisrHh4rAAAAAQAAAYAEAAIAAAUAAAEhNSEVIQJAAcD8AAHAAYCAgAAFAAAAAAQAA4AAAwAHAAsADwAjAAATIRUhFSEVIQEhFSERIRUhIzM1IxUjNSMVMxUjFTM1MxUzNSMABAD8AAQA/AACAAIA/gACAP4AwECAgIBAQICAgEABgICAgAKAgAGAgIBAQICAgEBAgAABAAAAAAQAA4AADgAAARUzESERIRUJARUhESERAsDA/QABAAEA/wD+gAQAAsCA/kABwMABAAEAwP1AAsAAAAAAAgAAAAAEAAOAABIAGAAAARUzESM1IRUjESEVCQEVIREhEQEjNSM3MwLAwMD+gMABAAEA/wD+gAQA/kBAQEBAAsCA/kDAwAHAwAEAAQDA/UACwP2AgEAAAAIAAAAABAADgAAIABEAADclFSE1MxEhFQEFNSEVIxEhNQABAAJAgP1AAwD/AP3AgALAwMCAwP7AgALAwIDAAUCAAAAABQAA/8AEAAPAABsANwBJAFoAggAAASIHDgEHBhUUFx4BFxYzMjc+ATc2NTQnLgEnJgMiJy4BJyY1NDc+ATc2MzIXHgEXFhUUBw4BBwYDIiYnJjQ/ATYyFxYUDwEOASMhIiYvASY0NzYyHwEWFAcOARMiJicmJy4BJyYjIgYHDgEnLgE3Njc+ATc2MzIXHgEXFhcWBgcOASMCAGpdXosoKCgoi15dampdXosoKCgoi15dal1RUnkkIyMkeVJRXV1RUnkkIyMkeVJR3QYMBQkJQAoaCgkJQAUMBgEABgwFQAkJChoKQAkJBQyiCA0FGR8fSCcnKU+NMwgbCgoCCB4kJFItLS4xLi5UJSUeCAMLBAoFA8AoKIteXWpqXV6LKCgoKIteXWpqXV6LKCj8QCMkeVJRXV1RUnkkIyMkeVJRXV1RUnkkIwHgBQQKGgpACQkKGgpABAUFBEAKGgoJCUAKGgoEBf7LBgYhGRojCQlCPQoDCQgbCiQcHCYKCgsKKh4eJgsaCAQDAAACAAD/wAQAA8AAHQA5AAAFAT4BNTQnLgEnJiMiBw4BBwYVFBceARcWMzI2NwEBIicuAScmNTQ3PgE3NjMyFx4BFxYVFAcOAQcGBAD+3C42ISBxTExWVkxMcSAhISBxTExWToo2ASX9zUlAQGAbHBwbYEBASUlAQGAbHBwbYEBAEwElNopOVkxMcSAhISBxTExWVkxMcSAhNi7+3AEAHBtgQEBJSUBAYBscHBtgQEBJSUBAYBscAAAAAQAA/8AEAAPAAAUAABMJAREtAQAEAPwAAYD+gAPA/gD+AAFAwMAAAAEAJ//AA9kDwABVAAABIgYHJz4BNTQmJzceATMyNz4BNzY1NCcuAScmIyIHDgEHBhUUFhcHLgEjIgcOAQcGFRQXHgEXFjMyNjcXDgEVFBceARcWMzI3PgE3NjU0Jy4BJyYjMQMUNVca0woMBQTbG0srKCQkNg8QEA82JCQoKSQkNRAPBQTbG0srKCQkNg8QEA82JCQoIjwZ7gEBDxA1JCQpKCQkNg8QEA82JCQoAUoyKXgULRgPHA59HSMQDzYjJCkpJCQ1EA8PEDUkJCkPHA1+HSMPEDUkJCkpJCM2DxAWE4oFCwUpJCQ1EA8PEDUkJCkpJCM2DxAAAwAAAFgEAAMoADUARgBYAAABIgYHJz4BNTQmJzceATMyNjU0JiMiBhUUFhcHLgEjIgYVFBYzMjY3FxQGFRQWMzI2NTQmIzETISIGFREUFjMhMjY1ES4BIxMUBiMhIiY1ETQ2MyEyFhURIwJwFSQKVgQFAgJZCx8RIS8vISEvAgJZCx8RIS8vIQ4YCmEBLyEhLy8h5/1RRWNjRQKwRWMBY0ViOij9USg6OigCsCg6AQGQFBExCBIKBgwFMwwOLyEhLy8hBgsGMwwOLyEhLwkIOAIFAiEvLyEhLwGYY0X+gEVjY0UBgEVj/dgoOjooAYAoOjoo/oAAAAAFAAD/wAQAA8AAAgAFAAkADQARAAABEQEBIQEJARcBAzcBBwE3AQcEAP6AAYD+gAGA/AADgID8gICAAQCAAYCAAQCAA8D+gAGA/AABgP8AA4CA/IADgID/AID+gID/AIAAAAAABAAA/8AEAAPAACkAPgBMAGAAAAEmJy4BJyYjIgcOAQcGFRQXHgEXFhcWFx4BFxYzMjc+ATc2NTQnLgEnJgU0Nz4BNzYzMhYXBgcOAQcGBy4BNSEUBw4BBwYjNDc+ATc2EyImJzY3PgE3NjceARUUBw4BBwYC7xEkI2A7O0FQRUZpHh4UFUgyMjwRJCNgOztBUEVGaR4eFBVIMjL9VRQURi4vNUd1IUU8PV0dHQY6SAIAFBRGLi81FBRGLi81R3UhRTw9XR0dBjpIFBRGLi8CrzwyMkgVFB4eaUZFUEE7O2AjJBE8MjJIFRQeHmlGRVBBOztgIyReNS8uRhQUSDoGHR1dPTxFIXVHNS8uRhQUNS8uRhQU/gBIOgYdHV09PEUhdUc1Ly5GFBQAAAAAAgDiAEADHgM3ABIAJwAACQEmIgcBDgEXHgEzITI2NzYmJxcuASMhIgYHBhYXAR4BMzI2NwE+AQMX/wAKGgr/AAYEAwQQCgIAChAEAwQGBwQQCv4AChAEAwQGAQAFDAYGDAUBAAYEAjcBAAkJ/wAHEwkJCwsJCRMHywkLCwkJEwf/AAQFBQQBAAcTAAADAAD/wAQAA8AAAwAHAAsAABMhESEBIREhASERIQABAP8AAwABAP8A/oABAP8AAcD+AAMA/QAEAPwAAAAEAAAAFgQAA2oAEwAkADUAPAAAEyIGHQEzNSERIRUhMjY1ETQmIyEDFTIXHgEXFhUzNCcuAScmIzUVMhceARcWFTM0Jy4BJyYjETM0JiMxFXIuRHIDHP6rAVUvQ0Mv/ORyMCkqPRISchsbXT4+R1NJSGwfIHEoKIteXWq1aksDakMuq6v9jnFDLgJyLkP+AXISEj0qKS9GPj5dGxuqcSAfbEhJUmldXosoKP4BSmq0AAIAAP/ABAADwAAHAAsAAAUhEyETIRcREzMRIwIA/wCr/lWrAaqrVaurQAGrAlWr/qsCAP2rAAAAAgAA/8AEAAPAAAcADAAAASEDIQMhJxElMxEjEQIAAQCrAaur/lar/wCrqwPA/lX9q6sBVVX9qwJVAAAABwAAAAAEAAOAAAMABwALABcAGwAfACMAAAEzFSMnMxUjJzMVIxMnBycHFwcXNxc3JwERIREDIREhNSE1IQNAQECAQECAQECAQICAQICAQICAQID9wAQAQPyAA4D8gAOAAwBAQEBAQP8AQICAQICAQICAQIACQPyAA4D8wAIAQMAAAAAAAgBA/8ADwAPAABcAIQAAASE1NCYrASIGHQEhIgYVFBYzITI2NTQmBREUFjMhMjY1EQOA/wAlG4AbJf8AGyUlGwMAGyUl/SUlGwIAGyUDQEAbJSUbQCUbGyUlGxslwP2AGyUlGwKAAAABAAAAIAQAA2AATwAAJTI3PgE3NjU8ASc+ATcOAQc+ATcOAQcuASMiBw4BBwYVFBYXJicuAScmJw4BFRQWFy4BJzAUMRQWFw4BIyImJx4BFw4BIyImJxYXHgEXFjMBQpFvcJgnJwEfNRUcPSAhMAwfQyQcUC0sJiY5ERADAkE9Pm4wMCcNDzMqGjAVYUgOGw8KFAkUa0U2hUoNGQwjJiZRKyssIDY3rGpraAYOBxY3IA0RAxM8JRIaBx4kEBE5JiYsDBgMAxEROScnMBg1HTdcHAEOCwJNcw4EBAICPlICKjACARYSERgHBgAAAAEAAAAABAADgAA4AAABIgcOAQcGByMXNyM2Nz4BNzYzMhceARcWFRQHDgEHBiMiJicHFhceARcWMzI3PgE3NjU0Jy4BJyYCQFVLS3YnJwyFwMB5CxwdUzQ0OkI6O1cZGRkZVzs6QkuALHIfJyddMzQ4XVFSeiMjIyN6UlEDgB0eZ0ZHUcDANy8uRRQTGRlXOzpCQjo7VxkZQTZAKSIiMA0NIyN6UlFdXVFSeiMjAAAAAgAA/8AEAAPAABsAMAAAARQHDgEHBiMiJy4BJyY1NDc+ATc2MzIXHgEXFgMOASMiJicGBw4BBwYVITQnLgEnJgMAFBRGLi81NS8uRhQUFBRGLi81NS8uRhQUHTBzQEBzMD80NUsVFQQAFRVLNTQCwDUvLkYUFBQURi4vNTUvLkYUFBQURi4v/pYjKCgjIDAxeEVFSEhFRXgxMAAABQAA/8AEAAPAAC0AOQBVAIQAsgAAASImJy4BJy4BJy4BNTQ2Nz4BNz4BNzYyFx4BFx4BFx4BFRQGBw4BBw4BBw4BIxEiBhUUFjMyNjU0JiciBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYBNDY1Mz4BNz4BNz4BNz4BNz4BNzYyFx4BFx4BFx4BFx4BFx4BFx4BFQ4BIyImJyUmNDUmJy4BJyYjIgcOAQcGByYnLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBgcCABMkEBEdDQwUBwcHBwcHFAwNHRAjSiIQHgwNEwcIBwcIBxMNDB4QESQSMkZGMjFGRjFqXV6LKCgoKIteXWpqXV6LKCgoKIteXf6QAQECCQcFDAcHEAkIFAoKFwswazAMFgoLEwkJEAcHDAUGCgIBATeDSEqFNwJDAQodHVU1NTs7NjVVHRwLHRgXIQkJIyR5UlFdXVFSeSQjCQkiGRgeAdIHCAYUDQweEBEkEhMjEREdDQwUBw4OBxQMDR0RESMTEiQREB4MDRQGCAcBL0YyMUZGMTJGvygoi15dampdXosoKCgoi15dampdXosoKPyWBw4HESIPDBYLChMJCRAHBwwFFBQFDAcHEAkIFAoLFgwPIhEIEAgmLC0pLQECAToxMUgUFBQURzExOh4kI08rKy5dUVJ5JCMjJHlSUV0uLCxQJCQfAAAABAAAAFwEAAMkABAAIgA7AEEAAAEhIgYVERQWMyEyNjURLgEjEyMOASMhIiY1ETQ2MyEyFhURJScuASMiBgcOARURFBYXFjY/AT4BNS4BJw8BER8BBwNg/T9CXV1CAsJCXQFeQXMBBkAs/T8vQ0MvAsIvQ/7C1QcOBwYMBgwODwwMGwvXCwwBDQoU4wHjAQMkXkH+dkFeXkEBikFe/cosOUMvAYovQ0Mv/mn8jgQFAwMHFw7+4g0YBwcCB48IFgwMFwcrmAEyAZgBAAAAAQADAJ8D+wLiAQwAACUuAScuAS8BIzUjLgEnLgE3PgE3PgE3PgEvAS4BJy4BDwEqAQciBjEPAQ4BBw4BBw4BBw4BBw4BBw4BBw4BIy4BIy4BJy4BJy4BNTwBNTQ2NTwBNT4BNTwBNTQmJzQmJy4BJy4BJy4BIyYGBw4BBw4BMx4BHwEeARceARcWFAcOAQcOAQcOAQcOARUOASMiJicuAScuAScuAS8BLgEnLgEnLgEvAS4BJy4BJwciBg8BDgEVFBYXHgEXHgEXHgEXHgEXHgEfAR4BFx4BFx4BFx4BNzM+AT8BPgE3PgE1NDY3PgE3PgE3PgEzPgEzNhYXHgEXHgEXHgEfAR4BFx4BPwEyNjc+ATc2NCcuAScxA/cBAQENMyUBAQERFQUIBAUDGBQLEQcuJwYDAQkGBxEKmQIFAwQDAwIBAwIBAwENHBAKEggIDgUGCgQFBwIDBAIEBgICAwEBAQEBAQEBAwICBQQECAYOJBUxQA4FCgUFAQMQFwYEAQQCAgIBAQECAgEBBAIDAwEBAQQHBAMJBgULBgUNBwgOCAkECgcHDAYCBgQDAQUCAwYEkQsPBAIBAQIBECMTEiENDhwPDhMFBAcDDQcSDQwbDw8jFBQmEz0JDgUCAQIBAQECAgIEAwIGAwMFAQECAQcPCAkQCAcSCwoTCAoGDggIDweHChAGBQcBAQEBAgHWAgMCFzsjAQEQFgULFQsIIxsOFgk9TREGAgQCAgEBAQEBAgEBAwICBAMgPBsRHAwMEgYFCQQDAwEBAwYEBAsGBgsEBQ0ICAsDChYMDBIHBw8HCAwEBQgEBQYCAgQBAwQBBwcCCAUGBwMLCQYEDAkIFAoUIQ4NFgcIDQQFBgEBAQEBAQMEBAoHBhIMCxwQDwgVDg8bDQYIAwIBAgEBAgEBBQUEAQQDAwcEJkgiIzgVFSgTExgFBggCDQYQCAkSCAkOBQYEAQEFBQMCBQMDBwQMFAoJDQUFBwQDBAEBAgQGBhAJCRQMCxEGBgMGAwICAgIDAwQHBAQJBQUHAgAABAAA/8AEAAPAAAUACQANABEAAAEhESEBERMzESMTMxEjEzMRIwEA/wABAAFAgEBAgEBAgEBAAoD+gP7ABAD+gP8AAYD+AAKA/QAAAAMAAAAABAADgAACAAYACgAACQEhJSM1MycRMxECAP4ABAD+QICAgIADgPyAgIBAAQD/AAACAAD/wAQAA8AAGwAnAAABIgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmEwcnByc3JzcXNxcHAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXZZAwMBAwMBAwMBAwAPAKCiLXl1qal1eiygoKCiLXl1qal1eiygo/UBAwMBAwMBAwMBAwAACAAAAQAQAA0AANAA3AAABLgEnJicuASMiIyIjIgYHBgcOAQcOARUUFhceARcWFx4BMzIzMjMyNjc2Nz4BNz4BNTQmJwERBQPuCT0oMDAwYDAwMDAwMGAwMC8oPgkNBQQOCT0oMDAwYDAwMDAwMGAwMC8pPQkNBQQO/ZIBQALFKzwFBQQDAwMDBAUFPCs/hkBAhj4sPAUFBAMDAwMEBQU8LD6GQECGP/47AYDAAAAAAAEAAAABAAAKkvS9Xw889QALBAAAAAAA2QGKwQAAAADZAYrBAAD/wAQAA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAIAEAAAAAAAAAAAAAAACAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAACABAAAAAQAAUAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAYwQAAAAEAAAABAAAAAQAAAAEAAAABAAAwAQAAAAEAADABAAAAAQAACAEAAAABAAAAAQAAIAEAAAgBAAAAAQAAAAEAAAABAAAKwQAAEAEAACABAAAAAQAAAAEAACABAAA4AQAAAAEAAAABAAAgAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAABQEAAAUBAAAQAQAAAAEAABABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAABABAAAAAQAAAAEAAGABAAAAAQAAAMEAACSBAAAAAQAAAAEAAAABAAAQAQAAIAEAABnBAAAAAQAAAAEAACABAAAAAQAAAAEAABABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAACcEAAAABAAAAAQAAAAEAADiBAAAAAQAAAAEAAAABAAAAAQAAAAEAABABAAAAAQAAAAEAAAABAAAAAQAAAAEAAADBAAAAAQAAAAEAAAABAAAAAAAAAAACgAUAB4AOACCALIA7AFQAcIB7gICAnoCrgMyA7wEXgViBigHIAfOCLALfguSC9AL+gwsDEAMVAx0DIgMnAz2DRgNTA2KDeQOEA5SDr4PCA9cD64QEBA0EGoQfhCkENwQ9hEOEYYSYhL8EzATRBOuE+gUChQqFEAUohS8FQ4ViBYCFyYXiBgGGJoY5Bk0GYIZxBneGhQaLhp0GtIa7BtgG9Qb6Bv+HIodNh1oHXYdxh3qHf4eIB5IHqwe5h9mH74gwiE4IUghfiGeIcoh7CKwIwwjICOcJBgkSiTgJSYlRCWcJbgl1iYYJkwmwicaJ2gocCjWKlwqgiqcKt4rNgAAAAEAAACAAgQACgAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQARAAAAAQAAAAAAAgAHALoAAQAAAAAAAwARAFQAAQAAAAAABAARAM8AAQAAAAAABQALADMAAQAAAAAABgARAIcAAQAAAAAACgAaAQIAAwABBAkAAQAiABEAAwABBAkAAgAOAMEAAwABBAkAAwAiAGUAAwABBAkABAAiAOAAAwABBAkABQAWAD4AAwABBAkABgAiAJgAAwABBAkACgA0ARxqYW1lbmRvLWFsbC1pY29ucwBqAGEAbQBlAG4AZABvAC0AYQBsAGwALQBpAGMAbwBuAHNWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBqYW1lbmRvLWFsbC1pY29ucwBqAGEAbQBlAG4AZABvAC0AYQBsAGwALQBpAGMAbwBuAHNqYW1lbmRvLWFsbC1pY29ucwBqAGEAbQBlAG4AZABvAC0AYQBsAGwALQBpAGMAbwBuAHNSZWd1bGFyAFIAZQBnAHUAbABhAHJqYW1lbmRvLWFsbC1pY29ucwBqAGEAbQBlAG4AZABvAC0AYQBsAGwALQBpAGMAbwBuAHNGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA'') format("truetype"),url(../fonts/jamendo-all-icons.eot),url(../fonts/jamendo-all-icons.eot?#iefix) format("embedded-opentype"),url(../fonts/jamendo-all-icons.svg#jamendo-all-icons) format("svg")}audio,b,body,button,div,em,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,li,menu,nav,p,q,section,small,span,time,ul,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}ul{list-style:none}q{quotes:none}q:after,q:before{content:'';content:none}a{margin:0;vertical-align:baseline;background:0 0}a:hover{cursor:pointer}[component-disabled],[component-disabled]>*{cursor:not-allowed!important}select{vertical-align:middle}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box}button{font-family:inherit}[font~=normal],html{font-family:futurabook,Arial,sans-serif}select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px #fff inset!important}html{height:100%;font-size:14px}[color^=jam-music]{color: }body{font-size:1em;line-height:1.5;min-width:320px;background-color:#fff;-webkit-text-size-adjust:none}[text~=line-h-1]{line-height:1}p.small+p.small{margin-top:.85714rem}p+p{margin-top:1.14286rem}.overflow-x-hidden{overflow-x:hidden}[component-disabled]>*{-webkit-filter:grayscale(1)!important;filter:grayscale(1)!important;opacity:.4!important;pointer-events:none!important}[component-disabled]>*>*,[component-disabled]>*>*>*{cursor:not-allowed!important;pointer-events:none!important}[size-13]{font-size:13px!important}[size-18]{font-size:18px!important}[text-no-transform]{text-transform:initial!important}[w-400]{font-weight:400!important}[w-600]{font-weight:600!important}[l-space-0]{letter-spacing:0!important}[l-space-1]{letter-spacing:1px!important}[m-b-10]{margin-bottom:10px!important}[animation~=rotate-add-180]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}[display^=flex]{display:-webkit-box;display:-ms-flexbox;display:flex}[display^=flex][display*=row]{-ms-flex-flow:row;flex-flow:row}[display^=flex][display*=row-reverse]{-ms-flex-flow:row-reverse;flex-flow:row-reverse}[display^=flex][display*=column]{-ms-flex-flow:column;flex-flow:column}[display^=flex][display*=column-reverse]{-ms-flex-flow:column-reverse;flex-flow:column-reverse}[display^=flex][display*=align-center]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}[display^=flex][display*=align-start]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}[display^=flex][display*=align-end]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[display^=flex][display*=align-baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}[display^=flex][display*=align-strech]{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}[display^=flex][display*=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[display^=flex][display*=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[display^=flex][display*=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[display^=flex][display*=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[display^=flex][display*=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[display^=flex][display*=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[display^=flex][display*=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[display*=grow-1-desktop],[display*=grow-1]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}@media only screen and (max-width:1110px){[display*=grow-1-desktop]{-webkit-box-flex:initial;-ms-flex-positive:initial;flex-grow:initial}}[display*=align-self-start]{-ms-flex-item-align:start;align-self:flex-start}[display*=align-self-center]{-ms-flex-item-align:center;align-self:center}[display*=align-self-end]{-ms-flex-item-align:end;align-self:flex-end}[display*=align-self-baseline]{-ms-flex-item-align:baseline;align-self:baseline}[display^=block]{display:block}[display^=inline]{display:inline}[display^=inline-block]{display:inline-block}[display^=table]{display:table}[display*=overflow-hidden],[display*=overflow-visible]{overflow:hidden}[text~=ellipsis]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}[text~=nowrap]{white-space:nowrap}[text~=wrap]{white-space:normal}[text~=capitalize-first-letter]::first-letter,[text~=capitalize]{text-transform:capitalize}[text~=uppercase]{text-transform:uppercase}[text~=capitalize-first-letter]{display:block}[text~=lowercase]{text-transform:lowercase}[text~=initial]{text-transform:initial}[text~=left]{text-align:left}[text~=center]{text-align:center}[text~=right]{text-align:right}[text~=justify]{text-align:justify}[text~=underline]{text-decoration:underline}[text~=line-h-1-2]{line-height:1.2}[text~=line-h-1-25]{line-height:1.25}[text~=line-h-1-3]{line-height:1.3}[text~=line-h-1-4]{line-height:1.4}[text~=line-h-1-5]{line-height:1.5}[text~=line-h-1-6]{line-height:1.6}[text~=letter-spacing-1]{letter-spacing:1px}[font~=demi]{font-family:futurademi,Arial,sans-serif}[font~=bold]{font-family:futurabold,Arial,sans-serif}[font~=w-initial]{font-weight:initial}[font~=w-400]{font-weight:400}[font~=w-600]{font-weight:600}[font~=size-6]{font-size:6px}[font~=size-7]{font-size:7px}[font~=size-8]{font-size:8px}[font~=size-9]{font-size:9px}[font~=size-10]{font-size:10px}[font~=size-11]{font-size:11px}[font~=size-12]{font-size:12px}[font~=size-13]{font-size:13px}[font~=size-14]{font-size:14px}[font~=size-15]{font-size:15px}[font~=size-16]{font-size:16px}[font~=size-17]{font-size:17px}[font~=size-18]{font-size:18px}[font~=size-19]{font-size:19px}[font~=size-20]{font-size:20px}[font~=size-21]{font-size:21px}[font~=size-22]{font-size:22px}[font~=size-23]{font-size:23px}[font~=size-24]{font-size:24px}[font~=size-25]{font-size:25px}[font~=size-26]{font-size:26px}[font~=size-27]{font-size:27px}[font~=size-28]{font-size:28px}[font~=size-29]{font-size:29px}[font~=size-30]{font-size:30px}[font~=size-32]{font-size:32px}[font~=size-34]{font-size:34px}[font~=size-36]{font-size:36px}[font~=size-38]{font-size:38px}[font~=size-40]{font-size:40px}[size~=w-0]{width:0}[size~=w-1]{width:1px}[size~=w-2]{width:2px}[size~=w-3]{width:3px}[size~=w-4]{width:4px}[size~=w-5]{width:5px}[size~=w-6]{width:6px}[size~=w-7]{width:7px}[size~=w-8]{width:8px}[size~=w-9]{width:9px}[size~=w-10]{width:10px}[size~=w-11]{width:11px}[size~=w-12]{width:12px}[size~=w-13]{width:13px}[size~=w-14]{width:14px}[size~=w-15]{width:15px}[size~=w-16]{width:16px}[size~=w-17]{width:17px}[size~=w-18]{width:18px}[size~=w-19]{width:19px}[size~=w-20]{width:20px}[size~=w-21]{width:21px}[size~=w-22]{width:22px}[size~=w-23]{width:23px}[size~=w-24]{width:24px}[size~=w-25]{width:25px}[size~=w-26]{width:26px}[size~=w-27]{width:27px}[size~=w-28]{width:28px}[size~=w-29]{width:29px}[size~=w-30]{width:30px}[size~=w-40]{width:40px}[size~=w-135]{width:135px}[size~=w-145]{width:145px}[size~=w-180]{width:180px}[size~=w-220]{width:220px}[size~=w-270]{width:270px}[size~=w-354]{width:354px}[size~=w-650]{width:650px}[size~="w-5%"]{width:5%}[size~="w-10%"]{width:10%}[size~="w-15%"]{width:15%}[size~="w-20%"]{width:20%}[size~="w-25%"]{width:25%}[size~="w-30%"]{width:30%}[size~="w-35%"]{width:35%}[size~="w-40%"]{width:40%}[size~="w-45%"]{width:45%}[size^=width][size*="50%"],[size~="w-50%"]{width:50%}[size~="w-55%"]{width:55%}[size~="w-60%"]{width:60%}[size~="w-65%"]{width:65%}[size~="w-70%"]{width:70%}[size~="w-75%"]{width:75%}[size~="w-80%"]{width:80%}[size~="w-85%"]{width:85%}[size~="w-90%"]{width:90%}[size~="w-95%"]{width:95%}[size^=width][size*="100%"],[size~="w-100%"]{width:100%}[size~=h-0]{height:0}[size~=h-1]{height:1px}[size~=h-2]{height:2px}[size~=h-3]{height:3px}[size~=h-4]{height:4px}[size~=h-5]{height:5px}[size~=h-6]{height:6px}[size~=h-7]{height:7px}[size~=h-8]{height:8px}[size~=h-9]{height:9px}[size~=h-10]{height:10px}[size~=h-11]{height:11px}[size~=h-12]{height:12px}[size~=h-13]{height:13px}[size~=h-14]{height:14px}[size~=h-15]{height:15px}[size~=h-16]{height:16px}[size~=h-17]{height:17px}[size~=h-18]{height:18px}[size~=h-19]{height:19px}[size~=h-20]{height:20px}[size~=h-21]{height:21px}[size~=h-22]{height:22px}[size~=h-23]{height:23px}[size~=h-24]{height:24px}[size~=h-25]{height:25px}[size~=h-26]{height:26px}[size~=h-27]{height:27px}[size~=h-28]{height:28px}[size~=h-29]{height:29px}[size~=h-30]{height:30px}[size~=h-40]{height:40px}[size~=h-50]{height:50px}[size~=h-400]{height:400px}[size~=h-580]{height:580px}[size~=h-1000]{height:1000px}[size~="h-5%"]{height:5%}[size~="h-10%"]{height:10%}[size~="h-15%"]{height:15%}[size~="h-20%"]{height:20%}[size~="h-25%"]{height:25%}[size~="h-30%"]{height:30%}[size~="h-35%"]{height:35%}[size~="h-40%"]{height:40%}[size~="h-45%"]{height:45%}[size~="h-50%"]{height:50%}[size~="h-55%"]{height:55%}[size~="h-60%"]{height:60%}[size~="h-65%"]{height:65%}[size~="h-70%"]{height:70%}[size~="h-75%"]{height:75%}[size~="h-80%"]{height:80%}[size~="h-85%"]{height:85%}[size~="h-90%"]{height:90%}[size~="h-95%"]{height:95%}[size~="h-100%"]{height:100%}[size~=min-width-0]{min-width:0}[size~=min-width-1]{min-width:1px}[size~=min-width-2]{min-width:2px}[size~=min-width-3]{min-width:3px}[size~=min-width-4]{min-width:4px}[size~=min-width-5]{min-width:5px}[size~=min-width-6]{min-width:6px}[size~=min-width-7]{min-width:7px}[size~=min-width-8]{min-width:8px}[size~=min-width-9]{min-width:9px}[size~=min-width-10]{min-width:10px}[size~=min-width-11]{min-width:11px}[size~=min-width-12]{min-width:12px}[size~=min-width-13]{min-width:13px}[size~=min-width-14]{min-width:14px}[size~=min-width-15]{min-width:15px}[size~=min-width-16]{min-width:16px}[size~=min-width-17]{min-width:17px}[size~=min-width-18]{min-width:18px}[size~=min-width-19]{min-width:19px}[size~=min-width-20]{min-width:20px}[size~=min-width-21]{min-width:21px}[size~=min-width-22]{min-width:22px}[size~=min-width-23]{min-width:23px}[size~=min-width-24]{min-width:24px}[size~=min-width-25]{min-width:25px}[size~=min-width-26]{min-width:26px}[size~=min-width-27]{min-width:27px}[size~=min-width-28]{min-width:28px}[size~=min-width-29]{min-width:29px}[size~=min-width-30]{min-width:30px}[size~=min-width-40]{min-width:40px}[size~=min-width-50]{min-width:50px}[size~=min-width-135]{min-width:135px}[size~=min-width-220]{min-width:220px}[size~=min-width-290]{min-width:290px}[size~=min-width-300]{min-width:300px}[size~=min-width-650]{min-width:650px}[size~="min-width-5%"]{min-width:5%}[size~="min-width-10%"]{min-width:10%}[size~="min-width-15%"]{min-width:15%}[size~="min-width-20%"]{min-width:20%}[size~="min-width-25%"]{min-width:25%}[size~="min-width-30%"]{min-width:30%}[size~="min-width-35%"]{min-width:35%}[size~="min-width-40%"]{min-width:40%}[size~="min-width-45%"]{min-width:45%}[size~="min-width-50%"]{min-width:50%}[size~="min-width-55%"]{min-width:55%}[size~="min-width-60%"]{min-width:60%}[size~="min-width-65%"]{min-width:65%}[size~="min-width-70%"]{min-width:70%}[size~="min-width-75%"]{min-width:75%}[size~="min-width-80%"]{min-width:80%}[size~="min-width-85%"]{min-width:85%}[size~="min-width-90%"]{min-width:90%}[size~="min-width-95%"]{min-width:95%}[size~="min-width-100%"]{min-width:100%}[size~=min-height-0]{min-height:0}[size~=min-height-1]{min-height:1px}[size~=min-height-2]{min-height:2px}[size~=min-height-3]{min-height:3px}[size~=min-height-4]{min-height:4px}[size~=min-height-5]{min-height:5px}[size~=min-height-6]{min-height:6px}[size~=min-height-7]{min-height:7px}[size~=min-height-8]{min-height:8px}[size~=min-height-9]{min-height:9px}[size~=min-height-10]{min-height:10px}[size~=min-height-11]{min-height:11px}[size~=min-height-12]{min-height:12px}[size~=min-height-13]{min-height:13px}[size~=min-height-14]{min-height:14px}[size~=min-height-15]{min-height:15px}[size~=min-height-16]{min-height:16px}[size~=min-height-17]{min-height:17px}[size~=min-height-18]{min-height:18px}[size~=min-height-19]{min-height:19px}[size~=min-height-20]{min-height:20px}[size~=min-height-21]{min-height:21px}[size~=min-height-22]{min-height:22px}[size~=min-height-23]{min-height:23px}[size~=min-height-24]{min-height:24px}[size~=min-height-25]{min-height:25px}[size~=min-height-26]{min-height:26px}[size~=min-height-27]{min-height:27px}[size~=min-height-28]{min-height:28px}[size~=min-height-29]{min-height:29px}[size~=min-height-30]{min-height:30px}[size~=min-height-40]{min-height:40px}[size~=min-height-307]{min-height:307px}[size~=min-height-450]{min-height:450px}[size~=min-height-1000]{min-height:1000px}[size~="min-height-5%"]{min-height:5%}[size~="min-height-10%"]{min-height:10%}[size~="min-height-15%"]{min-height:15%}[size~="min-height-20%"]{min-height:20%}[size~="min-height-25%"]{min-height:25%}[size~="min-height-30%"]{min-height:30%}[size~="min-height-35%"]{min-height:35%}[size~="min-height-40%"]{min-height:40%}[size~="min-height-45%"]{min-height:45%}[size~="min-height-50%"]{min-height:50%}[size~="min-height-55%"]{min-height:55%}[size~="min-height-60%"]{min-height:60%}[size~="min-height-65%"]{min-height:65%}[size~="min-height-70%"]{min-height:70%}[size~="min-height-75%"]{min-height:75%}[size~="min-height-80%"]{min-height:80%}[size~="min-height-85%"]{min-height:85%}[size~="min-height-90%"]{min-height:90%}[size~="min-height-95%"]{min-height:95%}[size~="min-height-100%"]{min-height:100%}[size~=w-auto]{width:auto}[size~=h-auto]{height:auto}[margin^=auto]{margin:0 auto}[margin^="0"]{margin:0}[margin^="0-important"]{margin:0!important}[margin^="1"]{margin:1px}[margin^="2"]{margin:2px}[margin^="3"]{margin:3px}[margin^="4"]{margin:4px}[margin^="5"]{margin:5px}[margin^="6"]{margin:6px}[margin^="7"]{margin:7px}[margin^="8"]{margin:8px}[margin^="10"]{margin:10px}[margin^="11"]{margin:11px}[margin^="12"]{margin:12px}[margin^="13"]{margin:13px}[margin^="14"]{margin:14px}[margin^="15"]{margin:15px}[margin^="16"]{margin:16px}[margin^="17"]{margin:17px}[margin^="18"]{margin:18px}[margin^="19"]{margin:19px}[margin^="20"]{margin:20px}[margin^="21"]{margin:21px}[margin^="22"]{margin:22px}[margin^="23"]{margin:23px}[margin^="24"]{margin:24px}[margin^="25"]{margin:25px}[margin^="26"]{margin:26px}[margin^="27"]{margin:27px}[margin^="28"]{margin:28px}[margin^="29"]{margin:29px}[margin^="30"]{margin:30px}[margin~=top-0]{margin-top:0}[margin~=top-1]{margin-top:1px}[margin~=top-2]{margin-top:2px}[margin~=top-3]{margin-top:3px}[margin~=top-4]{margin-top:4px}[margin~=top-5]{margin-top:5px}[margin~=top-6]{margin-top:6px}[margin~=top-7]{margin-top:7px}[margin~=top-8]{margin-top:8px}[margin~=top-10]{margin-top:10px}[margin~=top-11]{margin-top:11px}[margin~=top-12]{margin-top:12px}[margin~=top-13]{margin-top:13px}[margin~=top-14]{margin-top:14px}[margin~=top-15]{margin-top:15px}[margin~=top-16]{margin-top:16px}[margin~=top-17]{margin-top:17px}[margin~=top-18]{margin-top:18px}[margin~=top-19]{margin-top:19px}[margin~=top-20]{margin-top:20px}[margin~=top-21]{margin-top:21px}[margin~=top-22]{margin-top:22px}[margin~=top-23]{margin-top:23px}[margin~=top-24]{margin-top:24px}[margin~=top-25]{margin-top:25px}[margin~=top-26]{margin-top:26px}[margin~=top-27]{margin-top:27px}[margin~=top-28]{margin-top:28px}[margin~=top-29]{margin-top:29px}[margin~=top-30]{margin-top:30px}[margin~=top-50]{margin-top:50px}[margin~=top-100]{margin-top:100px}[margin~=left-auto]{margin-left:auto}[margin~=left-0]{margin-left:0}[margin~=left-1]{margin-left:1px}[margin~=left-2]{margin-left:2px}[margin~=left-3]{margin-left:3px}[margin~=left-4]{margin-left:4px}[margin~=left-5]{margin-left:5px}[margin~=left-6]{margin-left:6px}[margin~=left-7]{margin-left:7px}[margin~=left-8]{margin-left:8px}[margin~=left-10]{margin-left:10px}[margin~=left-11]{margin-left:11px}[margin~=left-12]{margin-left:12px}[margin~=left-13]{margin-left:13px}[margin~=left-14]{margin-left:14px}[margin~=left-15]{margin-left:15px}[margin~=left-16]{margin-left:16px}[margin~=left-17]{margin-left:17px}[margin~=left-18]{margin-left:18px}[margin~=left-19]{margin-left:19px}[margin~=left-20]{margin-left:20px}[margin~=left-21]{margin-left:21px}[margin~=left-22]{margin-left:22px}[margin~=left-23]{margin-left:23px}[margin~=left-24]{margin-left:24px}[margin~=left-25]{margin-left:25px}[margin~=left-26]{margin-left:26px}[margin~=left-27]{margin-left:27px}[margin~=left-28]{margin-left:28px}[margin~=left-29]{margin-left:29px}[margin~=left-30]{margin-left:30px}[margin~=bottom-0]{margin-bottom:0}[margin~=bottom-1]{margin-bottom:1px}[margin~=bottom-2]{margin-bottom:2px}[margin~=bottom-3]{margin-bottom:3px}[margin~=bottom-4]{margin-bottom:4px}[margin~=bottom-5]{margin-bottom:5px}[margin~=bottom-6]{margin-bottom:6px}[margin~=bottom-7]{margin-bottom:7px}[margin~=bottom-8]{margin-bottom:8px}[margin~=bottom-10]{margin-bottom:10px}[margin~=bottom-11]{margin-bottom:11px}[margin~=bottom-12]{margin-bottom:12px}[margin~=bottom-13]{margin-bottom:13px}[margin~=bottom-14]{margin-bottom:14px}[margin~=bottom-15]{margin-bottom:15px}[margin~=bottom-16]{margin-bottom:16px}[margin~=bottom-17]{margin-bottom:17px}[margin~=bottom-18]{margin-bottom:18px}[margin~=bottom-19]{margin-bottom:19px}[margin~=bottom-20]{margin-bottom:20px}[margin~=bottom-21]{margin-bottom:21px}[margin~=bottom-22]{margin-bottom:22px}[margin~=bottom-23]{margin-bottom:23px}[margin~=bottom-24]{margin-bottom:24px}[margin~=bottom-25]{margin-bottom:25px}[margin~=bottom-26]{margin-bottom:26px}[margin~=bottom-27]{margin-bottom:27px}[margin~=bottom-28]{margin-bottom:28px}[margin~=bottom-29]{margin-bottom:29px}[margin~=bottom-30]{margin-bottom:30px}[margin~=bottom-50]{margin-bottom:50px}[margin~=bottom-100]{margin-bottom:100px}[margin~=right-auto]{margin-right:auto}[margin~=right-0]{margin-right:0}[margin~=right-1]{margin-right:1px}[margin~=right-2]{margin-right:2px}[margin~=right-3]{margin-right:3px}[margin~=right-4]{margin-right:4px}[margin~=right-5]{margin-right:5px}[margin~=right-6]{margin-right:6px}[margin~=right-7]{margin-right:7px}[margin~=right-8]{margin-right:8px}[margin~=right-10]{margin-right:10px}[margin~=right-11]{margin-right:11px}[margin~=right-12]{margin-right:12px}[margin~=right-13]{margin-right:13px}[margin~=right-14]{margin-right:14px}[margin~=right-15]{margin-right:15px}[margin~=right-16]{margin-right:16px}[margin~=right-17]{margin-right:17px}[margin~=right-18]{margin-right:18px}[margin~=right-19]{margin-right:19px}[margin~=right-20]{margin-right:20px}[margin~=right-21]{margin-right:21px}[margin~=right-22]{margin-right:22px}[margin~=right-23]{margin-right:23px}[margin~=right-24]{margin-right:24px}[margin~=right-25]{margin-right:25px}[margin~=right-26]{margin-right:26px}[margin~=right-27]{margin-right:27px}[margin~=right-28]{margin-right:28px}[margin~=right-29]{margin-right:29px}[margin~=right-30]{margin-right:30px}[margin~=right-40]{margin-right:40px}[padding~="1"]{padding:1px}[padding~="2"]{padding:2px}[padding~="3"]{padding:3px}[padding~="4"]{padding:4px}[padding~="5"]{padding:5px}[padding~="6"]{padding:6px}[padding~="7"]{padding:7px}[padding~="8"]{padding:8px}[padding~="10"]{padding:10px}[padding~="11"]{padding:11px}[padding~="12"]{padding:12px}[padding~="13"]{padding:13px}[padding~="14"]{padding:14px}[padding~="15"]{padding:15px}[padding~="16"]{padding:16px}[padding~="17"]{padding:17px}[padding~="18"]{padding:18px}[padding~="19"]{padding:19px}[padding~="20"]{padding:20px}[padding~="21"]{padding:21px}[padding~="22"]{padding:22px}[padding~="23"]{padding:23px}[padding~="24"]{padding:24px}[padding~="25"]{padding:25px}[padding~="26"]{padding:26px}[padding~="27"]{padding:27px}[padding~="28"]{padding:28px}[padding~="29"]{padding:29px}[padding~="30"]{padding:30px}[padding~=top-0]{padding-top:0}[padding~=top-1]{padding-top:1px}[padding~=top-2]{padding-top:2px}[padding~=top-3]{padding-top:3px}[padding~=top-4]{padding-top:4px}[padding~=top-5]{padding-top:5px}[padding~=top-6]{padding-top:6px}[padding~=top-7]{padding-top:7px}[padding~=top-8]{padding-top:8px}[padding~=top-10]{padding-top:10px}[padding~=top-11]{padding-top:11px}[padding~=top-12]{padding-top:12px}[padding~=top-13]{padding-top:13px}[padding~=top-14]{padding-top:14px}[padding~=top-15]{padding-top:15px}[padding~=top-16]{padding-top:16px}[padding~=top-17]{padding-top:17px}[padding~=top-18]{padding-top:18px}[padding~=top-19]{padding-top:19px}[padding~=top-20]{padding-top:20px}[padding~=top-21]{padding-top:21px}[padding~=top-22]{padding-top:22px}[padding~=top-23]{padding-top:23px}[padding~=top-24]{padding-top:24px}[padding~=top-25]{padding-top:25px}[padding~=top-26]{padding-top:26px}[padding~=top-27]{padding-top:27px}[padding~=top-28]{padding-top:28px}[padding~=top-29]{padding-top:29px}[padding~=top-30]{padding-top:30px}[padding~=top-32]{padding-top:32px}[padding~=top-60]{padding-top:60px}[padding~=left-0]{padding-left:0}[padding~=left-1]{padding-left:1px}[padding~=left-2]{padding-left:2px}[padding~=left-3]{padding-left:3px}[padding~=left-4]{padding-left:4px}[padding~=left-5]{padding-left:5px}[padding~=left-6]{padding-left:6px}[padding~=left-7]{padding-left:7px}[padding~=left-8]{padding-left:8px}[padding~=left-10]{padding-left:10px}[padding~=left-11]{padding-left:11px}[padding~=left-12]{padding-left:12px}[padding~=left-13]{padding-left:13px}[padding~=left-14]{padding-left:14px}[padding~=left-15]{padding-left:15px}[padding~=left-16]{padding-left:16px}[padding~=left-17]{padding-left:17px}[padding~=left-18]{padding-left:18px}[padding~=left-19]{padding-left:19px}[padding~=left-20]{padding-left:20px}[padding~=left-21]{padding-left:21px}[padding~=left-22]{padding-left:22px}[padding~=left-23]{padding-left:23px}[padding~=left-24]{padding-left:24px}[padding~=left-25]{padding-left:25px}[padding~=left-26]{padding-left:26px}[padding~=left-27]{padding-left:27px}[padding~=left-28]{padding-left:28px}[padding~=left-29]{padding-left:29px}[padding~=left-30]{padding-left:30px}[padding~=left-32]{padding-left:32px}[padding~=left-40]{padding-left:40px}[padding~=bottom-0]{padding-bottom:0}[padding~=bottom-1]{padding-bottom:1px}[padding~=bottom-2]{padding-bottom:2px}[padding~=bottom-3]{padding-bottom:3px}[padding~=bottom-4]{padding-bottom:4px}[padding~=bottom-5]{padding-bottom:5px}[padding~=bottom-6]{padding-bottom:6px}[padding~=bottom-7]{padding-bottom:7px}[padding~=bottom-8]{padding-bottom:8px}[padding~=bottom-10]{padding-bottom:10px}[padding~=bottom-11]{padding-bottom:11px}[padding~=bottom-12]{padding-bottom:12px}[padding~=bottom-13]{padding-bottom:13px}[padding~=bottom-14]{padding-bottom:14px}[padding~=bottom-15]{padding-bottom:15px}[padding~=bottom-16]{padding-bottom:16px}[padding~=bottom-17]{padding-bottom:17px}[padding~=bottom-18]{padding-bottom:18px}[padding~=bottom-19]{padding-bottom:19px}[padding~=bottom-20]{padding-bottom:20px}[padding~=bottom-21]{padding-bottom:21px}[padding~=bottom-22]{padding-bottom:22px}[padding~=bottom-23]{padding-bottom:23px}[padding~=bottom-24]{padding-bottom:24px}[padding~=bottom-25]{padding-bottom:25px}[padding~=bottom-26]{padding-bottom:26px}[padding~=bottom-27]{padding-bottom:27px}[padding~=bottom-28]{padding-bottom:28px}[padding~=bottom-29]{padding-bottom:29px}[padding~=bottom-30]{padding-bottom:30px}[padding~=bottom-32]{padding-bottom:32px}[padding~=right-0]{padding-right:0}[padding~=right-1]{padding-right:1px}[padding~=right-2]{padding-right:2px}[padding~=right-3]{padding-right:3px}[padding~=right-4]{padding-right:4px}[padding~=right-5]{padding-right:5px}[padding~=right-6]{padding-right:6px}[padding~=right-7]{padding-right:7px}[padding~=right-8]{padding-right:8px}[padding~=right-10]{padding-right:10px}[padding~=right-11]{padding-right:11px}[padding~=right-12]{padding-right:12px}[padding~=right-13]{padding-right:13px}[padding~=right-14]{padding-right:14px}[padding~=right-15]{padding-right:15px}[padding~=right-16]{padding-right:16px}[padding~=right-17]{padding-right:17px}[padding~=right-18]{padding-right:18px}[padding~=right-19]{padding-right:19px}[padding~=right-20]{padding-right:20px}[padding~=right-21]{padding-right:21px}[padding~=right-22]{padding-right:22px}[padding~=right-23]{padding-right:23px}[padding~=right-24]{padding-right:24px}[padding~=right-25]{padding-right:25px}[padding~=right-26]{padding-right:26px}[padding~=right-27]{padding-right:27px}[padding~=right-28]{padding-right:28px}[padding~=right-29]{padding-right:29px}[padding~=right-30]{padding-right:30px}[padding~=right-32]{padding-right:32px}[padding~=right-40]{padding-right:40px}[color^=jam-licensing]{color:#67b7bf}[color^=white]{color:#fff}[color^=red]{color:red}[color^=orange]{color:orange}[color^=gray-0]{color:#f5f5f5}[color^=gray-1]{color:#f2f2f2}[color^=gray-2]{color:#e5e5e5}[color^=gray-3]{color:#d8d8d8}[color^=gray-4]{color:#cbcbcb}[color^=gray-5]{color:#bebebe}[color^=gray-6]{color:#b1b1b1}[color^=gray-7]{color:#a4a4a4}[color^=gray-8]{color:#979797}[color^=gray-9]{color:#8a8a8a}[color^=gray-10]{color:#7d7d7d}[color^=gray-11]{color:#707070}[color^=gray-12]{color:#636363}[color^=gray-13]{color:#565656}[color^=gray-14]{color:#494949}[color^=gray-15]{color:#3c3c3c}[color^=gray-16]{color:#2f2f2f}[color^=gray-17]{color:#222}[color^=gray-18]{color:#151515}[color^=gray-19]{color:#080808}[border~=none]{border:none}[border~=w-1]{border:1px solid}[border~=w-2]{border:2px solid}[border~=w-3]{border:3px solid}[border~=w-4]{border:4px solid}[border~=w-5]{border:5px solid}[border~=w-6]{border:6px solid}[border~=w-7]{border:7px solid}[border~=w-8]{border:8px solid}[border~=w-9]{border:9px solid}[border~=w-10]{border:10px solid}[border^=jam-music]{border-color: }[border^=jam-licensing],[border~=jamlicensing]{border-color:#67b7bf}[border~="r100%"]{border-radius:100%}[border~=r1]{border-radius:1px}[border~=r2]{border-radius:2px}[border~=r3]{border-radius:3px}[border~=r4]{border-radius:4px}[border~=r5]{border-radius:5px}[border~=r6]{border-radius:6px}[border~=r7]{border-radius:7px}[border~=r8]{border-radius:8px}[border~=r9]{border-radius:9px}[border~=r10]{border-radius:10px}[background^=jam-music]{background-color: }[background^=jam-licensing]{background-color:#67b7bf}[background^=black]{background-color:#000}[background^=red]{background-color:red}[background^=orange]{background-color:orange}[background^=gray-0]{background-color:#f5f5f5}[background^=gray-1]{background-color:#f2f2f2}[background^=gray-2]{background-color:#e5e5e5}[background^=gray-3]{background-color:#d8d8d8}[background^=gray-4]{background-color:#cbcbcb}[background^=gray-5]{background-color:#bebebe}[background^=gray-6]{background-color:#b1b1b1}[background^=gray-7]{background-color:#a4a4a4}[background^=gray-8]{background-color:#979797}[background^=gray-9]{background-color:#8a8a8a}[background^=gray-10]{background-color:#7d7d7d}[background^=gray-11]{background-color:#707070}[background^=gray-12]{background-color:#636363}[background^=gray-13]{background-color:#565656}[background^=gray-14]{background-color:#494949}[background^=gray-15]{background-color:#3c3c3c}[background^=gray-16]{background-color:#2f2f2f}[background^=gray-17]{background-color:#222}[background^=gray-18]{background-color:#151515}[background^=gray-19]{background-color:#080808}[position^=relative]{position:relative}[position^=absolute]{position:absolute}[position^=sticky-desktop],[position^=sticky]{position:-webkit-sticky;position:sticky}@media only screen and (max-width:1110px){[position^=sticky-desktop]{position:initial}}[position^=float-right]{float:right}[position*=top-2]{top:2px}[position*=top-30]{top:30px}[position*=right-0]{right:0}[position*=right-minus-10]{right:-10px}[position*=bottom-0]{bottom:0}[position*=left-0]{left:0}[hover~=licensing]:hover,[hover~=licensing]:hover>*{color:#67b7bf}@media only screen and (max-width:750px){[responsive~="750-reset-background"]{background-color:initial}}.section-secondary:after,.section-secondary:before{content:" ";display:table}.section-secondary:after{clear:both}.section-header .select select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.entity_visual{position:relative;width:100%;padding-bottom:100%}.player{position:relative;width:100%;height:100%}.entity.entity--artist .entity_visual,.entity.entity--user .entity_visual{width:100%;height:100%;border-radius:100%}.btn-social,.entity-secondary-menu .layout,.entity_information,.notifications .notification,.notifications .notification-target,.section-header{display:table;width:100%}.entity-secondary-menu .layout_body,.entity_information>div:first-child,.notifications .notification-target>div,.notifications .notification>div,.section-header_left,.section-header_mono,.section-header_right{display:table-cell;vertical-align:middle}.btn-social>div{display:table-cell;text-align:center;vertical-align:middle}.entity-secondary-menu .layout_body,.entity_information>div:first-child{width:100%;max-width:50px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:auto;margin-right:auto;color:inherit}.entity_visual .playlist-cover-grid,.entity_visual>div{position:absolute;width:100%;height:100%;top:0;left:0}.social-links li .icon{position:absolute;top:0;left:0}.btn-action:after{position:absolute;bottom:0;right:0;left:0;top:0}.btn-icon.is-active:after{position:absolute;left:50%;top:50%}.btn-like .icon,.btn-like span{display:inline-block;vertical-align:middle}.btn,.btn-icon,.btn-like,.btn-link,.btn-pill,.btn-secondary-menu,.btn-social,.btn-store,a.link-action:link{position:relative;display:inline-block;vertical-align:top;text-align:center;text-decoration:none;z-index:0}.btn-icon:hover,.btn-like:hover,.btn-link:hover,.btn-pill:hover,.btn-secondary-menu:hover,.btn-social:hover,.btn-store:hover,.btn:hover,a.link-action:hover:link{cursor:pointer}.btn-pill:after,.btn-pill:before,.btn-social:after,.btn-social:before,.btn:after,.btn:before{position:absolute;z-index:-2;content:"";border-radius:3px}.btn,.btn-social>div:last-child{text-transform:uppercase;line-height:1.6;color:#fff!important;letter-spacing:1px}.btn.btn--discreet:before{background-color:#bfbfbf}.btn.btn--discreet:after{background-color:transparent}.btn.btn--discreet:active:before,.btn.btn--discreet:hover:before{background-color:#999}.btn-pill:before,.btn:before{background-color:#262626}.btn-pill:after,.btn:after{background-color:transparent}.btn-pill:active:before,.btn-pill:hover:before,.btn:active:before,.btn:hover:before{background-color:#000}.btn-pill.btn--brand:before,.btn.btn--brand:before{background-color: }.btn-pill.btn--brand:after,.btn.btn--brand:after{background-color:transparent}.btn-pill.btn--brand:active:before,.btn-pill.btn--brand:hover:before,.btn.btn--brand:active:before,.btn.btn--brand:hover:before{background-color:#d20036}.btn-pill.btn--facebook:before,.btn-social.btn--facebook:before{background-color:#5f78ab}.btn-pill.btn--facebook:after,.btn-social.btn--facebook:after{background-color:transparent}.btn-pill.btn--facebook:active:before,.btn-pill.btn--facebook:hover:before,.btn-social.btn--facebook:active:before,.btn-social.btn--facebook:hover:before{background-color:#41557c}.btn-pill.btn--google:before,.btn-social.btn--google:before{background-color:#dd4b39}.btn-pill.btn--google:after,.btn-social.btn--google:after{background-color:transparent}.btn-pill.btn--google:active:before,.btn-pill.btn--google:hover:before,.btn-social.btn--google:active:before,.btn-social.btn--google:hover:before{background-color:#ac2d1e}.btn-pill.btn--instagram:before{background-color:#e0176c}.btn-pill.btn--instagram:after{background-color:transparent}.btn-pill.btn--instagram:active:before,.btn-pill.btn--instagram:hover:before{background-color:#9b104b}.btn.is-disabled:active:before,.btn.is-disabled:before,.btn.is-disabled:hover:before,.btn[disabled]:active:before,.btn[disabled]:before,.btn[disabled]:hover:before{background-color:#bfbfbf!important}.btn-icon,.btn-icon:link,.btn-icon:visited,a.link-action:link,a.link-action:visited:link{color:#4d4d4d}.btn-icon:active,.btn-icon:hover,a.link-action:active:link,a.link-action:hover:link{color:#00000}.btn-icon.btn--discreet,.btn-icon.btn--discreet:link,.btn-icon.btn--discreet:visited,.btn-like,.btn-like:link,.btn-like:visited{color:#999}.btn-icon.btn--discreet:active,.btn-icon.btn--discreet:hover,.btn-like:active,.btn-like:hover{color:#00000}.btn-pill,.btn-pill:active,.btn-pill:hover,.btn-pill:link,.btn-pill:visited,.btn-social,.btn-social:active,.btn-social:hover,.btn-social:link,.btn-social:visited{color:#fff}.btn-icon .icon+.icon,.btn-pill .icon+.icon,.is-on.btn-icon .icon,.is-on.btn-pill .icon{display:none}.is-on.btn-icon .icon+.icon,.is-on.btn-pill .icon+.icon{display:inline}.is-on.btn-icon,.is-on.btn-icon:hover,.is-on.btn-pill,.is-on.btn-pill:hover{color:#00000}.btn-social:after,.btn:after{z-index:-3}.btn-social.is-active:after,.btn.btn--lg.is-active:after{-webkit-animation:btn-lg-active-outer .8s linear;animation:btn-lg-active-outer .8s linear}@-webkit-keyframes btn-lg-active-outer{0%{top:8px;right:0;bottom:8px;left:0;opacity:0}25%{top:0;right:-8px;bottom:0;left:-8px;opacity:.2}100%{top:0;right:-8px;bottom:0;left:-8px;opacity:0}}@keyframes btn-lg-active-outer{0%{top:8px;right:0;bottom:8px;left:0;opacity:0}25%{top:0;right:-8px;bottom:0;left:-8px;opacity:.2}100%{top:0;right:-8px;bottom:0;left:-8px;opacity:0}}.btn-pill.is-active:after{-webkit-animation:btn-active-inner .8s linear;animation:btn-active-inner .8s linear}@-webkit-keyframes btn-active-inner{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}25%{-webkit-transform:scale(1);transform:scale(1);opacity:.3}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes btn-active-inner{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}25%{-webkit-transform:scale(1);transform:scale(1);opacity:.3}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.entity-secondary-menu .layout_cover_img,.entity_visual_image,.playlist-cover-grid>li img,.row--list-image img{width:100%;height:auto}.entity .btn-pill{position:absolute;z-index:2}.player_entity-information>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-link.list-link--small a,a.small,p.small{font-size:12px;font-size:.85714rem}.section-header .select select,.section-header h1{font-size:11px;font-size:.78571rem;letter-spacing:1px;line-height:1.3636;text-transform:uppercase}.entity-secondary-menu .layout_body_title,.entity_information_title{margin-bottom:.42857rem;text-transform:capitalize;font-weight:600;font-family:futurabook,Arial,sans-serif}.entity-secondary-menu .layout_body_title{font-size:13px;font-size:.92857rem}.entity_information_title{font-size:12px;font-size:.85714rem}.entity-secondary-menu .layout_body_secondary,.entity_information_secondary{font-size:10px;font-size:.71429rem;font-family:futurabook,Arial,sans-serif;text-transform:uppercase}.btn-like{font-size:9px;font-size:.64286rem}.btn,.btn-social>div:last-child,a.link-action:link{font-size:10px;font-size:.71429rem;font-family:futurabold,Arial,sans-serif}.btn-link,.messages_message_text,.notifications .notification-target,.social-links li,p.small{font-size:12px;font-size:.85714rem;font-family:futurabook,Arial,sans-serif}.btn-action,.form-group label:not(.radio-inline),.notifications .notification-target span{font-size:12px;font-size:.85714rem;font-family:futurabold,Arial,sans-serif}.btn-secondary-menu{font-size:13px;font-size:.92857rem;font-family:futurabook,Arial,sans-serif}.navigation .secondary{font-size:10px;font-size:.71429rem;font-family:futurabook,Arial,sans-serif}.player_entity-information_title{font-size:13px;font-size:.92857rem;font-family:futurabook,Arial,sans-serif}.social-links .facebook a,.social-links .facebook a:link{color:#5f78ab}.social-links .facebook a:hover,.social-links .facebook a:visited{color:#41557c}.social-links .google a:link{color:#dd4b39}.social-links .google a:hover,.social-links .google a:visited{color:#ac2d1e}.list-secondary-menu>li{border-bottom:1px solid #d1d1d1}.list-secondary-menu>li:last-child{border-bottom:none}.list-link>li{display:block}body{height:100%}@media only screen and (min-width:992px){.l-form-2-col-md>div:first-child{padding-right:24px}.l-form-2-col-md>div:last-child{padding-left:24px}}.container,.container-fluid{padding-left:16px;padding-right:16px;clear:both}.container-fluid>.no-padding-x,.container>.no-padding-x{margin-left:-16px;margin-right:-16px}.row--list-grid{margin:-8px}.row--list-grid>[class*=col-]{padding:.57143rem}@media only screen and (max-width:992px){.container{padding:48px 0 72px}}.form-group label:not(.radio-inline){line-height:2}.section-header .select:focus{outline-width:0}a:link.link-color{font-family:futurademi,Arial,sans-serif}a,a.link-wrap{font-size:inherit}a{text-decoration:underline}.btn-action,.btn-action:active,.btn-action:focus,.btn-action:hover,.btn-action:visited,a.link-wrap,a:link.link-color{text-decoration:none}a:active,a:link{color:#00000}a:visited{color:#ff6c92}a:focus,a:hover{color:#d20036}a:link.link-action{padding:.85714rem;text-transform:uppercase;line-height:1.6;letter-spacing:1px}a:link.link-color{color:#00000}a.link-wrap{color:inherit;outline:0}.btn{padding:16px 12px}.btn:before{top:12px;right:0;bottom:12px;left:0}.btn span{text-transform:initial}.btn.btn--lg:before{top:8px;right:0;bottom:8px;left:0}.btn.btn-xs{padding:12px 5px}.btn.is-disabled,.btn[disabled]{pointer-events:none}.btn.is-disabled:hover,.btn[disabled]:hover{cursor:not-allowed}.btn:after{top:12px;right:0;bottom:12px;left:0;background-color:#737373}.btn.is-active:after{-webkit-animation:btn-is-active .8s linear;animation:btn-is-active .8s linear}@-webkit-keyframes btn-is-active{0%{top:12px;right:0;bottom:12px;left:0;opacity:0}25%{top:4px;right:-8px;bottom:4px;left:-8px;opacity:.3}100%{top:4px;right:-8px;bottom:4px;left:-8px;opacity:0}}@keyframes btn-is-active{0%{top:12px;right:0;bottom:12px;left:0;opacity:0}25%{top:4px;right:-8px;bottom:4px;left:-8px;opacity:.3}100%{top:4px;right:-8px;bottom:4px;left:-8px;opacity:0}}@-webkit-keyframes button-is-active{0%,100%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes button-is-active{0%,100%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.1);transform:scale(1.1)}}.btn-action,.btn-action span{line-height:1.334;position:relative}.btn-action{appearance:none;-moz-appearance:none;-webkit-appearance:none;vertical-align:middle;display:inline-block;z-index:0;text-transform:uppercase;letter-spacing:1px;color:#737373;background-color:#f0f0f0}.btn-action,.btn-action:after{height:48px;min-width:48px;border-radius:24px;padding:16px}.btn-action i,.btn-action span{z-index:2}.btn-action span{vertical-align:top;margin-left:8px}.btn-action:focus{outline:0}.btn-action.small,.btn-action.small:after{height:36px;min-width:36px;border-radius:18px;padding:10px}.btn-action:after{background-color:#000;content:'';opacity:0}.btn-action:hover{cursor:pointer}.btn-action:hover:after{opacity:.05}.btn-action .icon+.icon,.btn-action span+span,.btn-action.is-on span{display:none}.btn-action.is-on span+span{display:inline}.btn-action.is-on{color:#00000}.btn-action.facebook:hover{color:#fff;background-color:#5f78ab}.btn-action.instagram:hover{color:#fff;background:radial-gradient(circle at bottom left,#ffda75 15%,#ff3a49 43%,#ff3a49 40%,#e518a1 50%,#6634e1 90%)}.btn-store{background-repeat:no-repeat}.btn-action.website:hover{color:#fff;background-color:#707070}.btn-store{display:inline-block;background-image:url(https://images.jamendo.com/jamendomusic/static/apps/sprite-badge-apps.png?v1.1)}.logo{background-position:center}.btn-icon{width:32px;height:48px}.btn-icon::-moz-focus-inner{border:0;outline:0}.btn-icon .icon{display:inline;line-height:48px}.btn-icon:after{background-color:#737373}.btn-pill:after{background-color:#fff}.btn-icon.is-active:after{border-radius:100%;opacity:0;margin:-28px 0 0 -28px;height:56px;width:56px;z-index:-2;content:"";-webkit-animation:btn-icon-is-active .8s linear;animation:btn-icon-is-active .8s linear}@-webkit-keyframes btn-icon-is-active{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}25%{-webkit-transform:scale(1);transform:scale(1);opacity:.2}100%{opacity:0}}@keyframes btn-icon-is-active{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}25%{-webkit-transform:scale(1);transform:scale(1);opacity:.2}100%{opacity:0}}.btn-like{height:32px;padding:0 16px}.btn-like .icon{margin-right:8px}.btn-like.is-on{color:#00000}.btn-link{color:#262626;text-decoration:underline;line-height:1;padding:18px 12px}.btn-secondary-menu{text-decoration:none}.btn-link:hover{color:#000}.btn-link.btn--brand{color:#00000}.btn-link.btn--brand:hover{color:#d20036}.btn-link.is-disabled,.btn-link[disabled]{color:#bfbfbf!important;pointer-events:none}.btn-link.is-disabled:hover,.btn-link[disabled]:hover{color:#bfbfbf!important;cursor:not-allowed}.btn-pill{width:48px;height:48px}.btn-pill:after,.btn-pill:before{border-radius:24px;top:2px;right:2px;bottom:2px;left:2px}.btn-pill:after{z-index:-1;-webkit-transform:scale(0);transform:scale(0);opacity:0}.btn-pill .icon{display:inline;line-height:48px}.btn-pill.btn--sm:after,.btn-pill.btn--sm:before{top:12px;right:12px;bottom:12px;left:12px}.btn-pill.btn--xs:after,.btn-pill.btn--xs:before{top:16px;right:16px;bottom:16px;left:16px}.btn-social:after,.btn-social:before{top:8px;bottom:8px;left:0;right:0}.btn-pill.btn--xs .icon{font-size:8px}.btn-social{padding:8px 0}.btn-social>div{padding:8px 10px}.btn-social>div:first-child{line-height:1;border-right:1px solid #fff;color:#fff}.btn-social>div:last-child{width:100%}.btn-social:after{background-color:#737373}.logo{background-repeat:no-repeat;background-size:contain}.btn-secondary-menu{padding:16px 16px 16px 48px;position:relative;display:block;width:100%;text-align:left;color:#737373;line-height:16px}.btn-secondary-menu:link,.btn-secondary-menu:visited{color:#737373}.btn-secondary-menu:active,.btn-secondary-menu:hover{background-color:#f9f9f9}.btn-secondary-menu .icon{position:absolute;left:16px;top:16px}.btn-secondary-menu.is-on .icon{color:#00000}@-webkit-keyframes move-from-top-opacity{0%{top:50px;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0)}100%{top:100%;opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes move-from-top-opacity{0%{top:50px;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0)}100%{top:100%;opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.icon,.icon-data{position:relative;display:inline-block;font-family:jamendo-licensing-icons;font-style:normal;font-weight:400;text-transform:none;line-height:1}.icon{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;width:16px;height:16px} .icon-chevron-down:before { content: "" } .icon-chevron-left:before { content: "" } .icon-chevron-new2:before { content: "" } .icon-chevron-right:before { content: "" } .icon-close:before { content: "" } .icon-comment:before { content: "" } .icon-download:before { content: "" } .icon-duration:before { content: "" } .icon-facebook:before { content: "" } .icon-filter:before { content: "" } .icon-google:before { content: "" } .icon-heart:before { content: "" } .icon-heart-on:before { content: "" } .icon-home:before { content: "" } .icon-info-new2:before { content: "" } .icon-information:before { content: "" } .icon-instagram:before { content: "" } .icon-link:before { content: "" } .icon-mail:before { content: "" } .icon-menu:before { content: "" } .icon-menu-secondary:before { content: "" } .icon-next:before { content: "" } .icon-pause:before { content: "" } .icon-picture:before { content: "" } .icon-play:before { content: "" } .icon-play-next:before { content: "" } .icon-user:before { content: "" } .icon-user-new2:before { content: "" } .icon-video:before { content: "" } .icon-youtube:before { content: "" } .icon-close-s:before { content: "" } .icon-comment-s:before { content: "" } .icon-download-s:before { content: "" } .icon-duration-s:before { content: "" } .icon-heart-on-s:before { content: "" } .icon-menu-secondary-s:before { content: "" } .icon-pause-s:before { content: "" } .icon-picture-s:before { content: "" } .icon-play-s:before { content: "" } .icon-user-s:before { content: "" } .icon-data-chevron-down:before { content: "" } .icon-data-chevron-left:before { content: "" } .icon-data-chevron-new2:before { content: "" } .icon-data-chevron-right:before { content: "" } .icon-data-close:before { content: "" } .icon-data-comment:before { content: "" } .icon-data-download:before { content: "" } .icon-data-duration:before { content: "" } .icon-data-facebook:before { content: "" } .icon-data-filter:before { content: "" } .icon-data-google:before { content: "" } .icon-data-heart:before { content: "" } .icon-data-heart-on:before { content: "" } .icon-data-home:before { content: "" } .icon-data-info-new2:before { content: "" } .icon-data-information:before { content: "" } .icon-data-instagram:before { content: "" } .icon-data-link:before { content: "" } .icon-data-mail:before { content: "" } .icon-data-menu:before { content: "" } .icon-data-menu-secondary:before { content: "" } .icon-data-next:before { content: "" } .icon-data-pause:before { content: "" } .icon-data-picture:before { content: "" } .icon-data-play:before { content: "" } .icon-data-play-next:before { content: "" } .icon-data-user:before { content: "" } .icon-data-user-new2:before { content: "" } .icon-data-video:before { content: "" } .icon-data-youtube:before { content: "" } .icon-data-close-s:before { content: "" } .icon-data-comment-s:before { content: "" } .icon-data-download-s:before { content: "" } .icon-data-duration-s:before { content: "" } .icon-data-heart-on-s:before { content: "" } .icon-data-menu-secondary-s:before { content: "" } .icon-data-pause-s:before { content: "" } .icon-data-picture-s:before { content: "" } .icon-data-play-s:before { content: "" } .icon-data-user-s:before { content: "" } .icon[class$="-s"] { font-size: 12px; width: 12px; height: 12px } .icon--24 { font-size: 24px; width: 24px; height: 24px } .icon--32 { font-size: 32px; width: 32px; height: 32px } .icon--48 { font-size: 48px; width: 48px; height: 48px } .icon--72 { font-size: 72px; width: 72px; height: 72px } @-webkit-keyframes loader1 { 0%, 25%, 50% { -webkit-transform: scale(1); transform: scale(1) } 15%, 40% { -webkit-transform: scale(1.6); transform: scale(1.6) } } @keyframes loader1 { 0%, 25%, 50% { -webkit-transform: scale(1); transform: scale(1) } 15%, 40% { -webkit-transform: scale(1.6); transform: scale(1.6) } } @-webkit-keyframes loader2 { 0%, 51% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } 50% { opacity: 0; -webkit-transform: scale(3); transform: scale(3) } } @keyframes loader2 { 0%, 51% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } 50% { opacity: 0; -webkit-transform: scale(3); transform: scale(3) } } .logo { pointer-events: none; height: 50px; width: 128px; background-image: url(https://images.jamendo.com/jamendomusic/static/svg/jamendo-music-logo-white.svg) } .logo.logo--sm { height: 40px; width: 100px } .logo.logo--lg { height: 65px; width: 166px } .desktop-secondary-menu { visibility: hidden; position: absolute; z-index: 5; white-space: nowrap; background-color: #fff; border: 1px solid #d1d1d1; opacity: 0; transition: all .3s linear; top: 100%; right: 0 } .desktop-secondary-menu-wrap { position: relative; overflow: visible } .desktop-secondary-menu.top-left { bottom: 100%; top: initial; right: initial; left: 0 } .desktop-secondary-menu.top-right { bottom: 100%; top: initial } .entity { position: relative } .entity_menu { position: absolute; bottom: 0; right: 0 } .entity_information { background-color: #f9f9f9 } .entity_information>div:first-child { padding: 0 2.28571rem 0 .85714rem; height: 60px } .entity_information_title { width: 100%; overflow: hidden; text-overflow: ellipsis; display: inline } .entity_information_secondary { display: inline-block; margin-top: 8px } .entity_information_secondary>span { display: inline-block; margin-bottom: 4px } .entity.entity--artist .entity_information, .entity.entity--user .entity_information { background-color: transparent; text-align: center } .entity.entity--artist .entity_information>div, .entity.entity--user .entity_information>div { padding: 0 .85714rem } .entity-secondary-menu { padding: 1.14286rem; border-bottom: 1px solid #bfbfbf } .entity-secondary-menu .layout { color: #4d4d4d } .entity-secondary-menu .layout_cover { position: absolute; width: 50px; width: 3.57143rem } .entity-secondary-menu .layout_cover_img { display: block } .entity-secondary-menu .layout_body { padding: 0 1.14286rem 0 4.71429rem; text-align: left; height: 50px } .entity-secondary-menu .layout_body_secondary, .entity-secondary-menu .layout_body_title { display: inline } @-webkit-keyframes entryBlink { 0%, 100% { background-color: #fff } 25% { background-color: #e8e8e8 } } @keyframes entryBlink { 0%, 100% { background-color: #fff } 25% { background-color: #e8e8e8 } } .list-button, .list-button>li { display: inline-block } .list-button { height: 48px; height: 3.42857rem; white-space: nowrap; vertical-align: top } .list-button>li:first-child { margin-left: .57143rem } .player-controls li { display: inline-block } .list-link li { margin-bottom: .57143rem } .list-link.list-link--small li { margin-bottom: 0 } .player-controls.is-radio .player-controls_next .icon { opacity: .4 } .player-controls .player-controls_play .icon-play, .player-controls.is-pause .player-controls_play .icon-pause { display: none } .player-controls .player-controls_play .icon-pause, .player-controls.is-pause .player-controls_play .icon-play { display: inline } .player .player-controls .player-controls_play { width: 64px; width: 4.57143rem } .player .player-controls .player-controls_play .icon { font-size: 32px; font-size: 2.28571rem; width: 32px; width: 2.28571rem; height: 32px; height: 2.28571rem } .player .player-controls .player-controls_next { width: 56px; width: 4rem } .player .player-controls .player-controls_next .icon { font-size: 24px; font-size: 1.71429rem; width: 24px; width: 1.71429rem; height: 24px; height: 1.71429rem } .playlist-cover-grid { width: 100%; display: inline-block; overflow: hidden; font-size: 0 } .playlist-cover-grid>li { float: left; width: 50%; height: 50% } .section-header .select+.select, .section-header h1+.select { margin-left: 4px } .section-header .select select:hover, .section-header .select:hover { cursor: pointer } .section-no-header { margin-top: 32px } @media only screen and (min-width:1334px) { .section-no-header { margin-top: 48px } } .section-footer { text-align: right; margin-top: 20px; height: 24px; overflow-y: visible } .section-footer .btn { margin-top: -12px } .section-header { margin-top: 18px; height: 48px; position: relative; color: #737373 } .section-header_left>div, .section-header_right>div { display: inline-block; background-color: #fff } .section-header_left { width: 100% } .section-header_left>div { padding-right: 12px } .section-header_right { white-space: nowrap } .section-header_right>div { padding-left: 12px } .section-header h1 { color: inherit } .section-header .select { position: relative; display: inline-block; z-index: 2 } .section-header .select select { border-radius: 3px; padding: 5px 32px 4px 6px; border: 1px solid #bfbfbf; text-transform: uppercase; background: 0 0; line-height: 1.2727; color: inherit; outline: 0; font-family: futurabook, Arial, sans-serif } .section-header .select select::-ms-expand { display: none } .section-header .select select:focus { box-shadow: 0 0 5px #bfbfbf } .section-header .select .icon { top: 50%; margin-top: -6px; position: absolute; right: 10px; z-index: -1; font-size: 12px; color: #bfbfbf; width: 12px; height: 12px } .section-header.mono-select { margin-bottom: 8px } @media only screen and (min-width:992px) { .section-header { margin-top: 20px } } .section-header+.section-header { margin-top: 0 } .btn-action-list li, .navigation .wrap>div:first-child>div { vertical-align: top } .social-links { margin-top: 36px } .social-links li { margin-bottom: .85714rem; padding-left: 1.71429rem; position: relative } .social-links li:last-child { margin-bottom: 0 } .social-links .facebook { color: #5f78ab } .social-links .google { color: #dd4b39 } .navigation .wrap>div:first-of-type>a .logo:hover, .navigation a:hover { cursor: pointer } .selection_titles h1 { font-weight: 600; font-size: 17px; text-transform: initial; letter-spacing: 0 } .selection_titles h2 { font-size: 13px; font-weight: 400; margin-bottom: 10px } .btn-action-list, .btn-action-list li { display: inline-block } .btn-action-list li { margin-right: 12px; font-size: 0 } .btn-action-list li:last-child { margin-right: 0 } .btn-action-list li:empty { display: none } .btn-action-list.small li { margin-right: 8px } .btn-action-list.small .icon-pause-s, .btn-action-list.small .icon-play-s { top: 1px } .btn-expand { width: 36px; height: 36px; float: right } .btn-expand .icon { font-size: 12px; line-height: 36px } .navigation a, .player_entity-information>* { text-decoration: none } .messages, .messages_message_text a { color: #fff } .messages_message, .messages_message .container { position: relative } .messages:empty, .messages_message:not(:nth-last-child(-n+2)) .messages_message_dismiss, .messages_message:not(:nth-last-child(-n+2)) .messages_message_text, .messages_message:not(:nth-last-child(-n+4)) { display: none } .messages { background-color: #fff; margin: 8px } .messages_message { background-color: #262626; padding: .85714rem; border-top: 1px solid #fff } .messages_message_text { padding-right: 3.42857rem } .navigation a, .navigation a:link, .navigation a:visited { color: #d1d1d1 } .messages_message_dismiss { position: absolute; right: 0; top: 50%; margin-top: -1.71429rem; width: 36px; width: 2.57143rem; height: 36px; height: 2.57143rem } .messages_message_dismiss .icon { margin-left: -.42857rem; margin-top: -.42857rem } .messages_message:first-child { border-top: none } .messages_message:not(:nth-last-child(-n+2)) { padding: .14286rem 0 } .navigation { width: 180px; background-color: #262626; height: auto } .navigation a.is-active .icon, .navigation a.is-active:link, .navigation a.is-active:visited, .navigation a:active, .navigation a:active .icon, .navigation a:hover, .navigation a:hover .icon { color: #fff } .navigation .wrap>div:first-of-type>a { display: inline-block } .navigation .wrap>div:first-of-type>a .logo { margin: 12px 0 } .navigation .secondary { letter-spacing: .5px; width: 148px } .navigation .secondary li { display: inline; line-height: 1.5; white-space: nowrap; margin-right: 4px } .navigation .secondary li:last-child:after { display: none } .navigation .logo-link { padding: 16px 0; display: inline-block } .navigation .wrap { display: -webkit-box; display: -ms-flexbox } .navigation .wrap { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 16px; height: 100%; min-height: 100vh } .navigation .wrap>div:last-child>div { vertical-align: bottom; padding-bottom: 16px } .navigation .social { margin-left: -4px; text-align: center } .navigation .social li { display: inline-block } .navigation .social a:link, .navigation .social a:visited { color: #999; width: 34px; height: 27px } .navigation .social a:link .icon, .navigation .social a:visited .icon { line-height: 27px } .navigation .social a.btn--facebook:before, .navigation .social a.btn--google:before, .navigation .social a.btn--instagram:before { background-color: transparent } @media only screen and (max-width:992px) { .navigation { width: 300px; height: auto } .navigation .close { margin: 8px 0 0 8px; width: 48px; height: 48px } .navigation .wrap { padding: 0 24px 24px } .navigation .wrap>div>a { display: none } .navigation .secondary a { line-height: 1; display: block } .navigation .social { margin-left: -3px; text-align: left } .navigation .social li { display: inline-block } .navigation .social li a:link { width: 48px; height: 48px; color: #fff } .navigation .social li a:link .icon { line-height: 48px } .navigation .social a.btn--facebook:before { background-color: #5f78ab } .navigation .social a.btn--google:before { background-color: #dd4b39 } .navigation .social a.btn--instagram:before { background-color: #e0176c } } .arrow-top { position: absolute; top: -5px; width: 5px; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #d1d1d1 } .notifications { overflow-y: auto; width: 100%; height: 100%; max-height: 413px } .notifications .notification { border-bottom: 1px solid #d1d1d1 } .notifications .notification>div { padding: 0 12px } .notifications .notification>div:nth-child(2) { padding-left: 0 } .notifications .notification-target { color: #737373 } .notifications .notification-target span { color: #262626 } .notifications .notification-target>div { padding: 16px 0 } .notifications .notification-target>div:first-child { width: 36px } .notifications .notification-target>div:last-child { padding-left: 12px } .notifications .notification:hover { background-color: #e8e8e8 } .notifications .notification:last-child { border-bottom: none } .notifications .notification .btn { white-space: nowrap } @media only screen and (max-width:768px) { .notifications { width: 100%; height: 100%; max-height: 100%; overflow-y: auto } .notifications :hover { overflow-y: hidden } } .player { color: #fff; overflow: hidden } .player>* { position: absolute } .player_cover, .player_entity-information { left: 16px; left: 1.14286rem; right: 16px; right: 1.14286rem } .player_controls { left: 0; right: 0; text-align: center; font-size: 0 } .player_cover { top: 64px; top: 4.57143rem; bottom: 308px; bottom: 22rem; text-align: center } .player_cover img { width: auto; height: auto; max-width: 100%; max-height: 100%; display: inline-block; border: 1px solid #fff } .player_entity-information { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 36px; height: 2.57143rem; bottom: 256px; bottom: 18.28571rem } .player_entity-information>* { display: block; text-align: center } .player_entity-information>:hover { color: #fff!important; text-decoration: underline } .player_controls { height: 48px; height: 3.42857rem; bottom: 16px; bottom: 1.14286rem } @media only screen and (min-width:768px) { .player_entity-information { left: 48px; left: 3.42857rem; right: 48px; right: 3.42857rem } .player_cover { top: 112px; top: 8rem; bottom: 404px; bottom: 28.85714rem } .player_cover img { height: 100%; width: auto; display: inline-block; border: 1px solid #fff } .player_entity-information { height: 40px; height: 2.85714rem; bottom: 344px; bottom: 24.57143rem } .player_entity-information_title { font-size: 18px; font-size: 1.28571rem } .player_controls { bottom: 40px; bottom: 2.85714rem } } @media only screen and (min-width:992px) { .player_cover { top: 96px; top: 6.85714rem; bottom: 332px; bottom: 23.71429rem } .player_entity-information { bottom: 276px; bottom: 19.71429rem } .player_controls { bottom: 24px; bottom: 1.71429rem } } @media only screen and (min-width:1334px) { .player_cover { top: 112px; top: 8rem; bottom: 404px; bottom: 28.85714rem } .player_entity-information { bottom: 344px; bottom: 24.57143rem } .player_controls { bottom: 40px; bottom: 2.85714rem } } @media only screen and (max-height:430px) { .player_cover { display: none } } @media only screen and (min-width:768px) and (max-width:992px) and (max-height:550px) { .player_cover { display: none } } @media only screen and (min-width:992px) and (max-height:470px) { .player_cover { display: none } } @media only screen and (min-width:1334px) and (max-height:550px) { .player_cover { display: none } } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100% } .owl-carousel .owl-nav.disabled { display: none } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block } .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { background: 0 0; color: inherit; border: none; padding: 0!important; font: inherit } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } .slider-radio { position: relative } .slider-radio { display: inline-block } .slider-radio label { display: inline-block; padding: 10px 20px; cursor: pointer; font-size: 20px } button { padding: 0; border: none; background-color: transparent; transition: .5s ease; transition-property: color, background-color, border-color, box-shadow; cursor: pointer } button:focus { outline: 0 } a { transition: .5s ease; transition-property: color, background-color, border-color, box-shadow } a:active, a:focus, a:hover { outline: 0; text-decoration: none } select { padding: 0; margin: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; box-shadow: none; transition: .5s ease; transition-property: color, background-color, border-color, box-shadow } select:focus { outline: 0 } select::-ms-expand { display: none } ul { margin: 0; padding: 0; list-style: none } ::-moz-selection { background: #fff; color: #222227; text-shadow: none } ::selection { background: #fff; color: #222227; text-shadow: none } ::-webkit-input-placeholder { color: silver; opacity: 1 } ::-moz-placeholder { color: silver; opacity: 1 } :-moz-placeholder { color: silver; opacity: 1 } :-ms-input-placeholder { color: silver; opacity: 1 } :focus { outline: -webkit-focus-ring-color auto 0 } body::-webkit-scrollbar { width: 16px } body::-webkit-scrollbar-track { background: #222227 } body::-webkit-scrollbar-thumb { background-color: silver; outline: 1px solid #222227 } .fade { transition: opacity .4s linear } @media screen and (prefers-reduced-motion:reduce) { .fade { transition: none } } .fade:not(.show) { opacity: 0 } .collapse:not(.show) { display: none } :focus-visible { outline: 0 dotted } .row--grid { margin-right: -10px; margin-left: -10px } .row--grid .col-12, .row--grid .col-6 { padding-left: 10px; padding-right: 10px } @media (min-width:768px) { .row--grid { margin-right: -15px; margin-left: -15px } .row--grid .col-12, .row--grid .col-6 { padding-left: 15px; padding-right: 15px } } .owl-carousel .owl-item { -webkit-transform: none } .header { display: block; position: fixed; top: 0; left: 0; right: 0; width: auto; height: 70px; background-color: #16151a; border-bottom: 1px solid #222227; z-index: 101 } .header__content { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 100%; width: 100%; position: relative; padding: 0 15px } .header__logo { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; height: 70px; width: 100% } .header__logo img { width: 100px; height: auto; display: block } .header__action { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 100%; width: 24px; position: relative; margin-left: 15px } .header__action:first-child { margin-left: 0 } .header__action-btn { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 36px; width: 100% } .header__action-btn span { display: none } .header__action-btn svg { width: 24px; height: auto; fill: silver; transition: fill .5s ease } .header__action-btn:hover svg { fill: #fff } .header__btn { position: absolute; width: 24px; height: 22px; display: block; right: 15px; top: 24px } .header__btn span { position: absolute; right: 0; width: 24px; height: 2px; background-color: silver; border-radius: 2px; transition: .5s ease } .header__btn span:first-child { top: 0 } .header__btn span:nth-child(2) { top: 10px; width: 16px } .header__btn span:last-child { top: 20px; width: 8px } .header__btn:hover span { background-color: #25a56a } .header__btn--active span { background-color: #25a56a } .header__btn--active span:first-child { transform: rotate(-45deg); top: 9px } .header__btn--active span:nth-child(2) { opacity: 0; width: 0 } .header__btn--active span:last-child { width: 24px; transform: rotate(45deg); top: 9px } .header__nav { display: none } .header__product { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, .1); position: relative; padding-left: 56px } .header__product button { position: absolute; width: 14px; bottom: 5px; right: 0 } .header__product button svg { width: 14px; height: auto; fill: silver; transition: fill .4s ease } .header__product button:hover svg { fill: #25a56a } .header__product img { width: 46px; height: auto; position: absolute; top: 0; left: 0; border-radius: 6px } .header__product p { color: #fff; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; width: 100%; display: block; margin-bottom: 0; font-weight: 400 } .header__product p a { color: #fff } .header__product p a:hover { color: #25a56a } .header__product span { padding: 0; font-size: 14px; color: silver; position: relative; background-color: transparent; top: auto; left: auto; display: block; width: 100%; margin-top: 5px; line-height: 100% } .header__product:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none } .header__all { display: none } @media (min-width:400px) { .header__action { margin-left: 20px } .header__action:first-child { margin-left: 0 } } @media (min-width:576px) { .header__action-btn span { display: block; white-space: nowrap; color: silver; font-size: 16px; margin-right: 10px; font-family: Inter, sans-serif; transition: color .5s ease } .header__content { padding: 0 30px } .header__btn { right: 30px } } @media (min-width:768px) { .header__action { margin-left: 30px } } @media (min-width:1200px) { .header { position: relative; padding-left: 280px } .header__btn, .header__logo { display: none } .header__nav { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-right: 60px } .header__nav a { font-size: 16px; color: silver; margin-right: 30px; font-family: Inter, sans-serif } .header__nav a:last-child { margin-right: 0 } .header__nav a:hover { color: #25a56a } .header__all { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; background-color: rgba(255, 255, 255, .1); color: silver; font-size: 13px; font-weight: 400; font-family: Inter, sans-serif; margin-bottom: 15px; height: 24px; border-radius: 8px 8px 0 0 } .header__all:hover { color: #25a56a } } .main { position: relative; margin-top: 70px; padding: 20px 0 60px } .main__title { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; margin-bottom: 10px; margin-top: 60px } .main__title h1 { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; font-family: Inter, sans-serif; font-weight: 400; color: #fff; font-size: 30px; line-height: 140%; margin-bottom: 0; position: relative } .main__title h1 b { font-weight: 500 } .main__title h1 a { color: #fff } .main__title h1 a:hover { color: #25a56a } .main__title h2 { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; font-family: Inter, sans-serif; font-weight: 400; color: #fff; font-size: 26px; line-height: 100%; margin-bottom: 0; position: relative } .main__title h2 svg { width: 26px; height: auto; fill: #25a56a; margin-right: 10px } .main__title h2 b { font-weight: 500 } .main__title h2 a { color: #000 } .main__title h2 a:hover { color: #25a56a } .main__title h3 { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; font-family: Inter, sans-serif; font-weight: 400; font-size: 24px; color: #fff; margin-bottom: 0; line-height: 100%; position: relative } .main__title p { display: block; width: 100%; font-size: 16px; line-height: 26px; color: silver; margin-top: 20px; margin-bottom: 0 } .main__title p b { font-weight: 600 } .main__title p a { color: #25a56a; text-decoration: underline } .main__title p a:hover { text-decoration: none } .main__link { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 16px; color: silver; font-weight: 400 } .main__link svg { width: 22px; height: auto; fill: silver; margin-left: 5px; transition: fill .5s ease } .main__link:hover { color: #fff } .main__link:hover svg { fill: #25a56a } .main__carousel-wrap { position: relative } .main__nav { display: none } .main__list { margin-top: 20px } .main__filter { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-top: 20px; padding-bottom: 20px; padding-top: 20px; background-color: #16151a; position: relative } .main__filter:before { content: ""; position: absolute; display: block; left: -15px; right: -15px; width: auto; top: 0; border-top: 1px solid #222227; border-bottom: 1px solid #222227; bottom: 0; background-color: #16151a } .main__filter-wrap { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; position: relative; z-index: 2; padding: 0 20px } @media (min-width:576px) { .main { padding: 20px 15px 50px } .main__filter:before { left: -30px; right: -30px } } @media (min-width:768px) { .main { padding: 30px 15px 70px } .main__title { margin-top: 70px; margin-bottom: 0 } .main__title h1 { font-size: 36px } .main__title h2 { font-size: 30px } .main__title h2 svg { width: 30px } .main__title p:last-child { margin-bottom: 10px } .main__list { margin-top: 30px } .main__filter { padding: 0; flex-direction: row; align-items: center; margin-top: 30px; height: 70px } .main__filter-wrap { padding: 0 } } @media (min-width:1200px) { .main__nav { position: absolute; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 34px; height: 34px; right: 0; bottom: -14px; z-index: 2 } .main__nav svg { width: 30px; height: auto; fill: silver; transition: fill .5s ease } .main__nav:hover svg { fill: #25a56a } .main__nav--prev { right: 25px } .main__nav--next { right: -5px } .main__filter { position: -webkit-sticky; position: sticky; top: 0; z-index: 99; background-color: #fff; border: none } } /*============================== Profile ==============================*/ .profile { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; background-color: #16151a; padding: 20px 20px 0; border-radius: 12px; position: relative; margin-top: 20px; border: 1px solid #222227 } .profile__logout { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: auto; position: absolute; top: 20px; right: 20px } .profile__logout span { display: none; font-size: 16px; color: silver; margin-right: 10px; transition: .5s ease; font-family: Inter, sans-serif } .profile__logout svg { fill: silver; width: 24px; height: auto; transition: fill .5s ease } .profile__logout:hover span { color: #fff } .profile__logout:hover svg { fill: #25a56a } .profile__user { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 20px } .profile__meta { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start } .profile__meta h3 { color: #fff; font-family: Inter, sans-serif; display: block; font-size: 16px; font-weight: 400; margin-bottom: 7px; line-height: 100% } .profile__meta span { color: silver; font-size: 12px; line-height: 100% } @media (min-width:768px) { .profile { margin-top: 30px; padding: 0 20px; flex-direction: row; justify-content: space-between; align-items: center } .profile__user { margin-bottom: 0; margin-right: 60px } .profile__logout { position: relative; top: auto; right: auto } .profile__logout span { display: block } } .album { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-top: 20px; width: 100% } .album__cover { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 12px; position: relative; overflow: hidden; width: 100%; background-color: #000 } .album__cover img { width: 100%; display: block; position: relative; z-index: 1; opacity: 1; transition: .5s ease } .album__cover a { position: absolute; z-index: 2; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 56px; height: 56px; top: 50%; left: 50%; margin: -28px 0 0 -28px; border-radius: 12px; background-color: #222227; transform: scale(.8); opacity: 0; transition: .5s ease; border: 1px solid rgba(255, 255, 255, .05) } .album__cover a svg { fill: #fff; width: 24px; height: auto; margin: 1px 0 0 1px; transition: fill .5s ease } .album__cover a:hover svg { fill: #25a56a } .album__cover:hover img { opacity: .6; transform: scale(1.08) } .album__cover:hover a { opacity: 1; transform: scale(1) } .album__cover:hover .album__stat { opacity: 1; transform: scale(1) } .album__title { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-top: 5px } .album__title h3 { display: block; width: 100%; color: #fff; font-size: 16px; font-weight: 400; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word } .album__title h3 a { color: #fff } .album__title h3 a:hover { color: #25a56a } .album__title span { display: block; width: 100%; color: silver; font-size: 14px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word } .album__title span a { color: #000; text-decoration: none } .album__title span a:hover { color: #25a56a } .album__stat { position: absolute; z-index: 2; display: flex; flex-direction: row; justify-content: center; align-items: center; bottom: 20px; left: 0; right: 0; color: #fff; font-size: 12px; transform: scale(.8); opacity: 0; transition: .5s ease } .album__stat span { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-right: 15px } .album__stat span:last-child { margin-right: 0 } .album__stat svg { width: 14px; height: auto; fill: #fff; margin-right: 5px } @media (min-width:768px) { .album { margin-top: 30px } .album__stat { font-size: 13px } .album__stat span { margin-right: 20px } .album__stat span:last-child { margin-right: 0 } .album__stat svg { width: 16px } } .store-item { margin-top: 20px; border: 1px solid #222227; background-color: #16151a; padding: 20px; border-radius: 12px; position: release; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100% } .store-item__cover { display: block; position: release; width: 100%; border-radius: 12px; overflow: hidden } .store-item__cover img { width: 100% } .store-item__buy { width: 100%; height: 50px; border-radius: 12px; background-color: #25a56a; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: Inter, sans-serif; font-weight: 500; padding: 0 25px; margin-top: 15px } .store-item__buy svg { fill: #fff; width: 28px; height: auto; margin-right: 7px } .store-item__buy:hover { background-color: #222227; color: #fff } .store-item__content { width: 100%; display: block } .store-item__carousel { position: relative; width: 100% } @media (min-width:768px) { .store-item { flex-direction: row } .store-item__content { width: 230px; margin-right: 20px } } @media (min-width:1200px) { .store-item__content { width: 290px } } .artist { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-top: 20px; width: 100%; position: relative } .artist__cover { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 12px; position: relative; overflow: hidden; width: 100% } .artist__cover:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(45deg, rgba(37, 165, 106, .8) 0, rgba(37, 165, 106, 0) 100%); opacity: 0; transition: opacity .5s ease; z-index: 2 } .artist__cover img { width: 100%; display: block; position: relative; z-index: 1 } .artist__title { z-index: 3; color: #fff; font-size: 16px; margin-bottom: 0; text-align: center; width: 100%; transition: color .5s ease; margin-top: 10px; font-family: Inter, sans-serif; font-weight: 400 } .artist:hover .artist__cover:before { opacity: .3 } .artist:hover .artist__title { color: #25a56a } @media (min-width:768px) { .artist { margin-top: 30px } } .event { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; margin-top: 20px; width: 100%; border-radius: 12px; position: relative; overflow: hidden; padding: 20px; height: 300px } .event:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(45deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, 0) 100%); opacity: .6; transition: opacity .5s ease; z-index: 1 } .event__time { position: relative; z-index: 2; font-size: 14px; text-decoration: none; color: silver; font-weight: 400; margin-bottom: 20px } .event__title { position: relative; text-decoration: none; z-index: 2; font-family: Inter, sans-serif; font-weight: 400; color: #fff; font-size: 24px; margin-bottom: 5px; width: 100% } .event__title a { text-decoration: none; color: #fff } .event__title a:hover { color: #25a56a; text-decoration: none } .event__ticket { text-decoration: none; position: absolute; top: 20px; left: 20px; min-width: 130px; height: 40px; border-radius: 12px; background-color: #222227; display: inline-flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; z-index: 2; font-family: Inter, sans-serif; font-weight: 500; padding: 0 15px; border: 1px solid rgba(255, 255, 255, .05) } .event__ticket svg { width: 18px; text-decoration: none; height: auto; margin-right: 7px; fill: #25a56a; transition: fill .5s ease } .event__ticket:hover { color: #fff; text-decoration: none; background-color: #25a56a; border-color: #25a56a } .event__ticket:hover svg { fill: #fff; text-decoration: none } .event__out { position: absolute; top: 20px; left: 20px; text-decoration: none; min-width: 120px; height: 40px; border-radius: 12px; background-color: #25a56a; display: inline-flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; z-index: 2; font-family: Inter, sans-serif; font-weight: 500; padding: 0 15px } .event:hover:before { opacity: .8; text-decoration: none } @media (min-width:768px) { .event { margin-top: 30px; text-decoration: none; height: 320px } .event__title { font-size: 26px; text-decoration: none } } .single-item { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #222227; height: 58px } .single-item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; height: 48px } .single-item__number { color: silver; font-size: 22px; min-width: 20px; width: auto; font-family: Inter, sans-serif; font-weight: 400 } .single-item__rate { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 14px; color: silver; width: 24px; margin-right: 10px } .single-item__rate svg { fill: #25a56a; width: 20px; height: auto } .single-item__rate--red svg { fill: #eb5757 } .single-item__cover { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 8px; overflow: hidden; transition: .5s ease } .single-item__cover img { width: 48px; height: auto; opacity: 1; transition: opacity .5s ease; position: relative } .single-item__cover svg { position: absolute; opacity: 0; fill: #fff; width: 24px; height: auto; margin: 1px 0 0 1px; transition: .5s ease } .single-item__cover svg:last-child { opacity: 0 } .single-item__cover:hover svg { fill: #25a56a } .single-item__cover.active { background-color: #000 } .single-item__cover.active img { opacity: .35 } .single-item__cover.active svg { fill: #25a56a } .single-item__cover.pause svg { opacity: 1 } .single-item__cover.pause svg:last-child { opacity: 0 } .single-item__cover.play svg { opacity: 0 } .single-item__cover.play svg:last-child { opacity: 1 } .single-item__title { display: inline-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-right: auto } .single-item__title h4 { display: block; color: #000; font-size: 16px; line-height: 24px; font-weight: 400; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word } .single-item__title h4 a { color: #000 } .single-item__title h4 a:hover { color: #25a56a } .single-item__title span { display: block; color: #000; font-size: 14px; line-height: 24px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word } .single-item__title span a { color: #000 } .single-item__title span a:hover { color: #000 } .single-item__time { margin-left: 15px; font-size: 13px; color: silver } .single-item__time--live { background-color: #eb5757; color: #fff; display: inline-flex; flex-direction: row; justify-content: center; align-items: center; height: 24px; padding: 0 12px; border-radius: 8px; font-size: 12px; font-family: Inter, sans-serif; font-weight: 400 } .single-item:hover .single-item__cover { background-color: #222227 } .single-item:hover .single-item__cover img { opacity: .35 } .single-item:hover .single-item__cover svg { opacity: 1 } .single-item:hover .single-item__cover svg:last-child { opacity: 0 } .single-item:hover .single-item__cover.play svg { opacity: 0 } .single-item:hover .single-item__cover.play svg:last-child { opacity: 1 } /*============================== Live ==============================*/ .live { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-top: 20px; position: relative; overflow: hidden } .live__cover { width: 100%; border-radius: 12px; overflow: hidden; position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center } .live__cover img { position: relative; width: 100%; z-index: 1; transition: .5s ease } .live__cover svg { position: absolute; display: block; fill: #fff; width: 46px; height: auto; transition: .5s ease; z-index: 3; transform: scale(.8); opacity: 0 } .live__cover:before { content: ""; position: absolute; display: block; top: 0; bottom: 0; right: 0; left: 0; z-index: 2; background: linear-gradient(45deg, rgba(37, 165, 106, .8) 0, rgba(37, 165, 106, 0) 100%); opacity: .1; transition: opacity .5s ease } .live__value { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; position: absolute; bottom: 20px; left: 20px; z-index: 3; pointer-events: none; height: 28px; width: auto; padding: 0 15px; border-radius: 8px; background-color: rgba(34, 34, 39, .8); color: #fff; font-size: 12px; font-weight: 400 } .live__status { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; position: absolute; top: 20px; left: 20px; z-index: 3; pointer-events: none; height: 24px; width: auto; padding: 0 12px; border-radius: 8px; background-color: #eb5757; color: #fff; font-size: 12px; text-transform: uppercase; font-family: Inter, sans-serif; font-weight: 400 } .live__title { font-size: 20px; font-family: Inter, sans-serif; font-weight: 400; color: #fff; margin-bottom: 0; margin-top: 10px; width: 100%; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: break-word; transition: color .5s ease } .live__title a { color: #fff } .live:hover .live__cover:before { opacity: .3 } .live:hover .live__cover svg { opacity: 1; transform: scale(1) } .live:hover .live__title { color: #25a56a } .live:hover .live__title a { color: #25a56a } @media (min-width:768px) { .live { margin-top: 30px } } .product { position: relative; margin-top: 20px; border-radius: 12px; width: 100%; overflow: hidden; background-color: #222227; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 20px } .product__img { width: 100%; border-radius: 12px; overflow: hidden; position: relative } .product__img:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(45deg, #000 0, rgba(0, 0, 0, 0) 100%); opacity: 0; transition: opacity .5s ease; z-index: 2 } .product__img img { width: 100%; display: block; position: relative; z-index: 1 } .product__img:hover:before { opacity: .2 } .product__title { display: block; width: 100%; font-size: 17px; font-weight: 400; color: #fff; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; margin-top: 15px } .product__title a { color: #fff } .product__title a:hover { color: #25a56a } .product__price { font-size: 16px; color: silver; margin-top: 5px; display: block; width: 100%; font-family: Inter, sans-serif; font-weight: 400 } .product__new { font-size: 14px; color: #eb5757; position: absolute; bottom: 20px; right: 20px; font-weight: 600 } @media (min-width:768px) { .product { margin-top: 30px } } .partners { margin-top: 60px } .partners__img img { -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .7; transition: .5s } .partners__img:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1 } @media (min-width:768px) { .partners { margin-top: 70px } } .contacts__list { margin-top: 20px } .contacts__list li { margin-bottom: 15px } .contacts__list li:last-child { margin-bottom: 0 } .contacts__list a { font-size: 16px; color: #fff; font-family: Inter, sans-serif; font-weight: 400 } .contacts__list a:hover { color: #25a56a } .contacts__social { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100% } .contacts__social a { margin-top: 20px; margin-right: 15px; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 30px; height: 30px; position: relative; transition-property: all } .contacts__social a svg { width: 100%; height: auto } .contacts__social a:last-child { margin-right: 0 } .contacts__social a:hover { opacity: 1!important; -webkit-filter: grayscale(0)!important; filter: grayscale(0)!important } .contacts__social:hover a { opacity: .7; -webkit-filter: grayscale(.7); filter: grayscale(.7) } @media (min-width:768px) { .contacts__social { margin-top: 10px } } .footer { background-color: #222227; padding: 30px 0 20px; position: relative; overflow: hidden } .footer__logo { margin-top: 60px } .footer__logo img { width: 100px; height: auto } .footer__tagline { margin-top: 15px; display: block; font-size: 14px; line-height: 24px; color: silver; margin-bottom: 0 } .footer__links { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-top: 5px } .footer__links a { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-top: 10px; color: silver; font-size: 16px } .footer__links a svg { width: 20px; height: auto; fill: #25a56a; margin-right: 10px } .footer__links a:hover { color: #25a56a } .footer__social { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100% } .footer__social a { margin-top: 20px; margin-right: 15px; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 30px; height: 30px; position: relative; transition-property: all } .footer__social a svg { width: 100%; height: auto } .footer__social a:last-child { margin-right: 0 } .footer__social a:hover { opacity: 1!important; -webkit-filter: grayscale(0)!important; filter: grayscale(0)!important } .footer__social:hover a { opacity: .6; -webkit-filter: grayscale(.6); filter: grayscale(.6) } .footer__content { margin-top: 60px; border-top: 1px solid rgba(255, 255, 255, .1) } .footer__copyright { display: block; font-size: 14px; color: silver; margin-top: 20px } .footer__copyright a { color: silver } .footer__copyright a:hover { color: #25a56a } .footer__title { display: block; margin-top: 30px; font-size: 16px; color: #fff; font-family: Inter, sans-serif; font-weight: 500; margin-bottom: 15px } .footer__nav { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start } .footer__nav a { font-size: 15px; line-height: 24px; margin-bottom: 10px; color: silver } .footer__nav a:last-child { margin-bottom: 0 } .footer__nav a:hover { color: #25a56a } @media (min-width:576px) { .footer { padding: 30px 15px 20px } } @media (min-width:768px) { .footer { padding: 20px 15px 25px } .footer__content { margin-top: 70px; padding-top: 25px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100% } .footer__logo { margin-top: 50px } .footer__title { margin-top: 50px } .footer__social { width: auto; order: 2 } .footer__social a { margin-top: 0 } .footer__copyright { margin-top: 0; order: 1 } } @media (min-width:1200px) { .footer { padding-left: 295px; padding-right: 15px } .footer__social { display: inline-flex; width: auto } } .live { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-top: 20px; position: relative; overflow: hidden } .live__cover { width: 100%; border-radius: 12px; overflow: hidden; position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center } .live__cover img { position: relative; width: 100%; z-index: 1; transition: .5s ease } .live__cover svg { position: absolute; display: block; fill: #fff; width: 46px; height: auto; transition: .5s ease; z-index: 3; transform: scale(.8); opacity: 0 } .live__cover:before { content: ""; position: absolute; display: block; top: 0; bottom: 0; right: 0; left: 0; z-index: 2; background: linear-gradient(45deg, rgba(37, 165, 106, .8) 0, rgba(37, 165, 106, 0) 100%); opacity: .1; transition: opacity .5s ease } .live__value { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; position: absolute; bottom: 20px; left: 20px; z-index: 3; pointer-events: none; height: 28px; width: auto; padding: 0 15px; border-radius: 8px; background-color: rgba(34, 34, 39, .8); color: #fff; font-size: 12px; font-weight: 400 } .live__status { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; position: absolute; top: 20px; left: 20px; z-index: 3; pointer-events: none; height: 24px; width: auto; padding: 0 12px; border-radius: 8px; background-color: #eb5757; color: #fff; font-size: 12px; text-transform: uppercase; font-family: Inter, sans-serif; font-weight: 400 } .live__title { font-size: 20px; font-family: Inter, sans-serif; font-weight: 400; color: #fff; margin-bottom: 0; margin-top: 10px; width: 100%; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: break-word; transition: color .5s ease } .live__title a { color: #fff } .live:hover .live__cover:before { opacity: .3 } .live:hover .live__cover svg { opacity: 1; transform: scale(1) } .live:hover .live__title { color: #25a56a } .live:hover .live__title a { color: #25a56a } @media (min-width:768px) { .live { margin-top: 30px } } .product { position: relative; margin-top: 20px; border-radius: 12px; width: 100%; overflow: hidden; background-color: #222227; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 20px } .product__img { width: 100%; border-radius: 12px; overflow: hidden; position: relative } .product__img:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(45deg, #000 0, rgba(0, 0, 0, 0) 100%); opacity: 0; transition: opacity .5s ease; z-index: 2 } .product__img img { width: 100%; display: block; position: relative; z-index: 1 } .product__img:hover:before { opacity: .2 } .product__title { display: block; width: 100%; font-size: 17px; font-weight: 400; color: #fff; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; margin-top: 15px } .product__title a { color: #fff } .product__title a:hover { color: #25a56a } .product__price { font-size: 16px; color: silver; margin-top: 5px; display: block; width: 100%; font-family: Inter, sans-serif; font-weight: 400 } .product__new { font-size: 14px; color: #eb5757; position: absolute; bottom: 20px; right: 20px; font-weight: 600 } @media (min-width:768px) { .product { margin-top: 30px } } .partners { margin-top: 60px } .partners__img img { -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .7; transition: .5s } .partners__img:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1 } @media (min-width:768px) { .partners { margin-top: 70px } } .contacts__list { margin-top: 20px } .contacts__list li { margin-bottom: 15px } .contacts__list li:last-child { margin-bottom: 0 } .contacts__list a { font-size: 16px; color: #fff; font-family: Inter, sans-serif; font-weight: 400 } .contacts__list a:hover { color: #25a56a } .contacts__social { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100% } .contacts__social a { margin-top: 20px; margin-right: 15px; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 30px; height: 30px; position: relative; transition-property: all } .contacts__social a svg { width: 100%; height: auto } .contacts__social a:last-child { margin-right: 0 } .contacts__social a:hover { opacity: 1!important; -webkit-filter: grayscale(0)!important; filter: grayscale(0)!important } .contacts__social:hover a { opacity: .7; -webkit-filter: grayscale(.7); filter: grayscale(.7) } @media (min-width:768px) { .contacts__social { margin-top: 10px } } .footer { background-color: #222227; padding: 30px 0 20px; position: relative; overflow: hidden } .footer__logo { margin-top: 60px } .footer__logo img { width: 100px; height: auto } .footer__tagline { margin-top: 15px; display: block; font-size: 14px; line-height: 24px; color: silver; margin-bottom: 0 } .footer__links { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-top: 5px } .footer__links a { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-top: 10px; color: silver; font-size: 16px } .footer__links a svg { width: 20px; height: auto; fill: #25a56a; margin-right: 10px } .footer__links a:hover { color: #25a56a } .footer__social { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100% } .footer__social a { margin-top: 20px; margin-right: 15px; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 30px; height: 30px; position: relative; transition-property: all } .footer__social a svg { width: 100%; height: auto } .footer__social a:last-child { margin-right: 0 } .footer__social a:hover { opacity: 1!important; -webkit-filter: grayscale(0)!important; filter: grayscale(0)!important } .footer__social:hover a { opacity: .6; -webkit-filter: grayscale(.6); filter: grayscale(.6) } .footer__content { margin-top: 60px; border-top: 1px solid rgba(255, 255, 255, .1) } .footer__copyright { display: block; font-size: 14px; color: silver; margin-top: 20px } .footer__copyright a { color: silver } .footer__copyright a:hover { color: #25a56a } .footer__title { display: block; margin-top: 30px; font-size: 16px; color: #fff; font-family: Inter, sans-serif; font-weight: 500; margin-bottom: 15px } .footer__nav { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start } .footer__nav a { font-size: 15px; line-height: 24px; margin-bottom: 10px; color: silver } .footer__nav a:last-child { margin-bottom: 0 } .footer__nav a:hover { color: #25a56a } @media (min-width:576px) { .footer { padding: 30px 15px 20px } } @media (min-width:768px) { .footer { padding: 20px 15px 25px } .footer__content { margin-top: 70px; padding-top: 25px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100% } .footer__logo { margin-top: 50px } .footer__title { margin-top: 50px } .footer__social { width: auto; order: 2 } .footer__social a { margin-top: 0 } .footer__copyright { margin-top: 0; order: 1 } } @media (min-width:1200px) { .footer { padding-left: 295px; padding-right: 15px } .footer__social { display: inline-flex; width: auto } } /*============================== Sign ==============================*/ .sign { display: block; position: relative; } .sign__content { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; height: auto; padding: 20px 0 0; } .sign__form { background-color: #16151a; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 12px; padding: 30px 20px; position: relative; width: 100%; max-width: 420px; border: 1px solid #222227; } .sign__form--contacts, .sign__form--profile, .sign__form--cart { margin-top: 20px; max-width: 100%; padding: 20px 20px 5px; align-items: flex-start; } .sign__form--contacts .sign__btn, .sign__form--profile .sign__btn, .sign__form--cart .sign__btn { margin: 0 0 15px; } .sign__form--contacts .row, .sign__form--profile .row, .sign__form--cart .row { margin-left: -10px; margin-right: -10px; } .sign__form--contacts .col-12, .sign__form--profile .col-12, .sign__form--cart .col-12 { padding-left: 10px; padding-right: 10px; } .sign__form--profile .sign__btn { margin: 5px 0 15px; } .sign__logo { display: block; margin-bottom: 30px; } .sign__logo a { max-width: 100%; width: auto; } .sign__logo img { width: 100px; } .sign__title { font-size: 16px; font-weight: 500; font-family: "Inter", sans-serif; color: #fff; margin-bottom: 20px; } .sign__label { font-weight: 400; font-size: 14px; color: #c0c0c0; margin-bottom: 5px; padding-left: 20px; } .sign__label b { font-weight: 600; color: #fff; } .sign__input { background-color: #222227; border: 1px solid transparent; border-radius: 12px; height: 46px; position: relative; color: #fff; font-size: 16px; width: 100%; padding: 0 20px; font-family: "Inter", sans-serif; } .sign__input:focus { border-color: #25a56a; } .sign__select { background: url("../img/arrow2.svg") no-repeat center right 20px #222227; background-size: 18px auto; border: 1px solid transparent; border-radius: 12px; height: 46px; position: relative; color: #fff; font-size: 16px; width: 100%; padding: 0 20px; cursor: pointer; font-family: "Inter", sans-serif; } .sign__select:focus { border-color: #25a56a; } .sign__textarea { background-color: #222227; border: 1px solid transparent; border-radius: 12px; height: 144px; position: relative; color: #fff; font-size: 16px; width: 100%; padding: 15px 20px; resize: none; font-family: "Inter", sans-serif; } .sign__textarea:focus { border-color: #25a56a; } .sign__group { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; flex-wrap: wrap; position: relative; margin-bottom: 20px; width: 100%; } .sign__group--row .sign__label { padding-left: 0; } .sign__group--checkbox { width: 100%; text-align: left; } .sign__group--checkbox input:not(:checked), .sign__group--checkbox input:checked { position: absolute; left: -9999px; } .sign__group--checkbox input:not(:checked)+label, .sign__group--checkbox input:checked+label { font-size: 14px; color: #c0c0c0; font-weight: normal; position: relative; cursor: pointer; padding-left: 35px; line-height: 22px; margin: 0; } .sign__group--checkbox input:not(:checked)+label a, .sign__group--checkbox input:checked+label a { color: #25a56a; } .sign__group--checkbox input:not(:checked)+label a:hover, .sign__group--checkbox input:checked+label a:hover { color: #25a56a; text-decoration: underline; } .sign__group--checkbox input:not(:checked)+label:before, .sign__group--checkbox input:checked+label:before { content: ""; position: absolute; left: 0; top: 0; width: 22px; height: 22px; background-color: #222227; border: 1px solid transparent; border-radius: 6px; } .sign__group--checkbox input:not(:checked)+label:after, .sign__group--checkbox input:checked+label:after { content: ""; position: absolute; left: 0; top: 0; width: 22px; height: 22px; text-align: center; transition: 0.5s ease; background: url("../img/checkmark.svg") no-repeat center/20px auto; border-radius: 6px; } .sign__group--checkbox input:not(:checked)+label:after { opacity: 0; transform: scale(0); } .sign__group--checkbox input:checked+label:after { opacity: 1; transform: scale(1); } .sign__group--checkbox label::-moz-selection { background: transparent; color: #c0c0c0; } .sign__group--checkbox label::selection { background: transparent; color: #c0c0c0; } .sign__btn { width: 100%; height: 50px; border-radius: 12px; background-color: #25a56a; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; margin: 15px auto; } .sign__btn:hover { color: #fff; background-color: #222227; } .sign__text { margin-top: 15px; font-size: 14px; line-height: 24px; color: #fff; width: 100%; text-align: center; } .sign__text:first-child { margin-top: 0; } .sign__text a { position: relative; color: #25a56a; } .sign__text a:hover { color: #25a56a; text-decoration: underline; } .sign__text--small { font-size: 13px; line-height: 20px; text-align: left; } .sign__delimiter { font-size: 14px; color: #c0c0c0; line-height: 100%; width: 100%; display: block; text-align: center; } .sign__social { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 15px; margin-top: 15px; } .sign__social a { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 46px; width: calc(33% - 10px); border-radius: 12px; color: #fff; } .sign__social a svg { height: auto; fill: #fff; transition: 0.5s ease; } .sign__social a.fb { background-color: #3b5999; } .sign__social a.fb svg { width: 10px; } .sign__social a.gl { background-color: #df4a32; } .sign__social a.gl svg { width: 18px; } .sign__social a.tw { background-color: #1da1f2; } .sign__social a.tw svg { width: 20px; } .sign__social a:hover { background-color: #c0c0c0; } .sign__social a:hover.fb svg { fill: #3b5999; } .sign__social a:hover.gl svg { fill: #df4a32; } .sign__social a:hover.tw svg { fill: #1da1f2; } .sign__value { font-size: 24px; color: #fff; display: block; font-weight: 500; margin-left: 10px; font-family: "Inter", sans-serif; } .sign__radio { position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-top: 5px; } .sign__radio li { position: relative; overflow: hidden; margin-bottom: 10px; } .sign__radio li:last-child { margin-bottom: 0; } .sign__radio input:not(:checked), .sign__radio input:checked { position: absolute; left: -9999px; } .sign__radio label { display: block; margin: 0; position: relative; font-weight: 400; cursor: pointer; font-size: 16px; color: #c0c0c0; line-height: 24px; padding-left: 32px; transition: 0.5s ease; } .sign__radio label:before { content: ""; display: block; position: absolute; width: 20px; height: 20px; border: 6px solid #222227; background-color: transparent; border-radius: 50%; left: 0; top: 2px; transition: 0.5s ease; } .sign__radio label:hover { color: #fff; } .sign__radio input:checked+label { color: #fff; } .sign__radio input:checked+label:before { border-color: #25a56a; } @media (min-width: 576px) { .sign__form { padding: 40px; } .sign__form--contacts, .sign__form--profile, .sign__form--cart { padding: 20px 20px 5px; } .sign__logo { margin-bottom: 40px; } } @media (min-width: 768px) { .sign__form--contacts, .sign__form--profile { margin-top: 30px; } .sign__form--contacts .sign__btn, .sign__form--profile .sign__btn { margin: 10px 0 15px; } .sign__form--cart { margin-top: 30px; } .sign__form--cart .sign__btn { margin-top: 10px; } .sign__content { padding: 30px 0 0; } } @media (min-width: 992px) { .sign__form--profile .sign__btn { width: 180px; } } /*============================== Page 404 ==============================*/ .page-404 { display: block; position: relative; } .page-404__wrap { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; height: auto; padding: 20px 0 0; } .page-404__content { background-color: #16151a; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 12px; padding: 20px; position: relative; width: 100%; max-width: 420px; border: 1px solid #222227; } .page-404__title { position: relative; color: #fff; line-height: 100%; font-size: 100px; margin-bottom: 10px; font-weight: 500; font-family: "Inter", sans-serif; } .page-404__text { text-align: center; display: block; width: 100%; color: #c0c0c0; font-size: 16px; line-height: 24px; margin-bottom: 30px; } .page-404__btn { width: 100%; height: 50px; border-radius: 12px; background-color: #25a56a; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; margin: 0 auto; } .page-404__btn:hover { color: #fff; background-color: #222227; } @media (min-width: 576px) { .page-404__content { padding: 40px; } } @media (min-width: 768px) { .page-404__wrap { padding: 30px 0 0; } } .mfp-bg { background: rgba(34, 34, 39, 0.75); } .mfp-container { padding: 0 15px !important; } .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; transition: all 0.4s ease-in-out; transform: scale(0.8); } .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; transform: scale(1); } .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 1; } .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { transform: scale(0.8); opacity: 0; } .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } .my-mfp-zoom-in.mfp-bg { opacity: 0; transition: opacity 0.4s ease-out; } .mfp-iframe-scaler iframe { border-radius: 12px; box-shadow: none; background-color: #16151a; } .mfp-iframe-holder .mfp-close { color: transparent; transition: opacity 0.4s; } .mfp-iframe-holder .mfp-close:before { content: ""; position: absolute; top: 0; right: 0; width: 30px; height: 44px; background: url("../img/close.svg") no-repeat center; background-size: 30px auto; } .mfp-iframe-holder .mfp-content { max-width: 910px; } .mfp-figure::after { box-shadow: none; background-color: #222227; } .mfp-fade.mfp-bg { opacity: 0; transition: all 0.4s ease-in-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 1; } .mfp-fade.mfp-bg.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-bg.mfp-removing .mfp-content { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all 0.4s ease-in-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /*============================== Slider radio ==============================*/ .slider-radio { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; background-color: #222227; padding: 5px 0; border-radius: 12px; margin-top: 10px; position: relative; width: 100%; z-index: 2; } .slider-radio label { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 30px; padding: 0 15px; font-size: 14px; color: #c0c0c0; margin-bottom: 0; cursor: pointer; border-radius: 10px; margin: 0 5px; position: relative; z-index: 100; transition: color 0.5s; font-family: "Inter", sans-serif; font-weight: 400; } .slider-radio label:hover { color: #fff; } .slider-radio .sliding-piece { border-radius: 10px; background-color: #25a56a; z-index: 99; } .slider-radio input[type="radio"]:checked+label { color: #fff; background-color: #25a56a; } @media (min-width: 768px) { .slider-radio { margin-left: auto; margin-top: 0; width: auto; } } /*============================== Select2 ==============================*/ .select2-container { width: auto !important; margin-right: 30px; } .select2-container .select2-selection--single { height: 40px; background-color: transparent; border-radius: 0; border: none; } .select2-container .select2-selection--single .select2-selection__rendered { line-height: 40px; color: #fff; padding: 0 18px 0 0; font-size: 14px; font-family: "Inter", sans-serif; font-weight: 400; transition: 0.5s ease; } .select2-container .select2-selection--single[aria-expanded="true"] { background-color: transparent; } .select2-container .select2-selection--single:hover .select2-selection__rendered { color: #25a56a; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 20px; width: 18px; top: 10px; right: 0; background: url("../img/arrow.svg") no-repeat center right; background-size: 18px auto; margin-top: 1px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #25a56a; color: #fff; white-space: nowrap; } .select2-container--default .select2-results__option--selected { color: #fff; background-color: #25a56a; cursor: default; } .select2-container--default .select2-results__option[aria-selected="true"] { background-color: transparent; color: #25a56a; cursor: default; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: transparent; color: #25a56a; } .select2-results__option { padding: 0 0; font-size: 14px; font-family: "Inter", sans-serif; font-weight: 400; color: #fff; height: 40px; line-height: 40px; transition: 0.5s ease; } .select2-dropdown { border-left: none; border-right: none; border-bottom: none; border-top: none; border-radius: 12px !important; min-width: 180px; padding: 5px 0 5px 15px; background-color: #222227; } .select2-container--open .select2-dropdown--below { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } .select2-container--open .select2-dropdown--above { border-top-left-radius: 12px; border-top-right-radius: 12px; } /*============================== Scrollbar-track ==============================*/ .scrollbar-track-y { background: #222227 !important; top: 0px !important; bottom: 0px !important; height: auto !important; width: 4px !important; border-radius: 4px !important; right: 0px !important; overflow: hidden; } .scrollbar-thumb-y { background: #25a56a !important; width: 4px !important; border-radius: 4px !important; } .scrollbar-track-x { background: #222227 !important; left: 0px !important; right: 0px !important; height: 4px !important; width: auto !important; border-radius: 4px !important; bottom: 0px !important; overflow: hidden; } .scrollbar-thumb-x { background: #25a56a !important; height: 4px !important; border-radius: 4px !important; } @keyframes plyr-progress { to { background-position: 25px 0; background-position: var(--plyr-progress-loading-size, 25px) 0; } } @keyframes plyr-popup { 0% { opacity: 0.5; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @keyframes plyr-fade-in { from { opacity: 0; } to { opacity: 1; } } .plyr { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; align-items: center; direction: ltr; display: flex; flex-direction: column; font-family: inherit; font-family: var(--plyr-font-family, inherit); font-variant-numeric: tabular-nums; font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); line-height: 1.7; line-height: var(--plyr-line-height, 1.7); max-width: 100%; min-width: 200px; position: relative; text-shadow: none; transition: box-shadow 0.3s ease; z-index: 0; } .plyr audio, .plyr iframe, .plyr video { display: block; height: 100%; width: 100%; } .plyr button { font: inherit; line-height: inherit; width: auto; } .plyr:focus { outline: 0; } .plyr--full-ui { box-sizing: border-box; } .plyr--full-ui *, .plyr--full-ui ::after, .plyr--full-ui ::before { box-sizing: inherit; } .plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label { touch-action: manipulation; } .plyr__badge { background: #4a5464; background: var(--plyr-badge-background, #4a5464); border-radius: 2px; border-radius: var(--plyr-badge-border-radius, 2px); color: #fff; color: var(--plyr-badge-text-color, #fff); font-size: 9px; font-size: var(--plyr-font-size-badge, 9px); line-height: 1; padding: 3px 4px; } .plyr--full-ui ::-webkit-media-text-track-container { display: none; } .plyr__captions { animation: plyr-fade-in 0.3s ease; bottom: 0; display: none; font-size: 13px; font-size: var(--plyr-font-size-small, 13px); left: 0; padding: 10px; padding: var(--plyr-control-spacing, 10px); position: absolute; text-align: center; transition: transform 0.4s ease-in-out; width: 100%; } .plyr__captions span:empty { display: none; } @media (min-width: 480px) { .plyr__captions { font-size: 15px; font-size: var(--plyr-font-size-base, 15px); padding: calc(10px * 2); padding: calc(var(--plyr-control-spacing, 10px) * 2); } } @media (min-width: 768px) { .plyr__captions { font-size: 18px; font-size: var(--plyr-font-size-large, 18px); } } .plyr--captions-active .plyr__captions { display: block; } .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions { transform: translateY(calc(10px * -4)); transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4)); } .plyr__caption { background: rgba(0, 0, 0, 0.8); background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8)); border-radius: 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; color: #fff; color: var(--plyr-captions-text-color, #fff); line-height: 185%; padding: 0.2em 0.5em; white-space: pre-wrap; } .plyr__caption div { display: inline; } .plyr__control { background: 0 0; border: 0; border-radius: 3px; border-radius: var(--plyr-control-radius, 3px); color: inherit; cursor: pointer; flex-shrink: 0; overflow: visible; padding: calc(10px * 0.7); padding: calc(var(--plyr-control-spacing, 10px) * 0.7); position: relative; transition: all 0.3s ease; } .plyr__control svg { display: block; fill: currentColor; height: 18px; height: var(--plyr-control-icon-size, 18px); pointer-events: none; width: 18px; width: var(--plyr-control-icon-size, 18px); } .plyr__control:focus { outline: 0; } .plyr__control.plyr__tab-focus { outline-color: #00b3ff; outline-color: var( --plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px; } a.plyr__control { text-decoration: none; } a.plyr__control::after, a.plyr__control::before { display: none; } .plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed { display: none; } .plyr--full-ui ::-webkit-media-controls { display: none; } .plyr__controls { align-items: center; display: flex; justify-content: flex-end; text-align: center; } .plyr__controls .plyr__progress__container { flex: 1; min-width: 0; } .plyr__controls .plyr__controls__item { margin-left: calc(10px / 4); margin-left: calc(var(--plyr-control-spacing, 10px) / 4); } .plyr__controls .plyr__controls__item:first-child { margin-left: 0; margin-right: auto; } .plyr__controls .plyr__controls__item.plyr__progress__container { padding-left: calc(10px / 4); padding-left: calc(var(--plyr-control-spacing, 10px) / 4); } .plyr__controls .plyr__controls__item.plyr__time { padding: 0 calc(10px / 2); padding: 0 calc(var(--plyr-control-spacing, 10px) / 2); } .plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time+.plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child { padding-left: 0; } .plyr__controls:empty { display: none; } .plyr [data-plyr="airplay"], .plyr [data-plyr="captions"], .plyr [data-plyr="fullscreen"], .plyr [data-plyr="pip"] { display: none; } .plyr--airplay-supported [data-plyr="airplay"], .plyr--captions-enabled [data-plyr="captions"], .plyr--fullscreen-enabled [data-plyr="fullscreen"], .plyr--pip-supported [data-plyr="pip"] { display: inline-block; } .plyr__menu { display: flex; position: relative; } .plyr__menu .plyr__control svg { transition: transform 0.3s ease; } .plyr__menu .plyr__control[aria-expanded="true"] svg { transform: rotate(90deg); } .plyr__menu .plyr__control[aria-expanded="true"] .plyr__tooltip { display: none; } .plyr__menu__container { animation: plyr-popup 0.2s ease; background: rgba(255, 255, 255, 0.9); background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9)); border-radius: 4px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); color: #4a5464; color: var(--plyr-menu-color, #4a5464); font-size: 15px; font-size: var(--plyr-font-size-base, 15px); margin-bottom: 10px; position: absolute; right: -3px; text-align: left; white-space: nowrap; z-index: 3; } .plyr__menu__container>div { overflow: hidden; transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); } .plyr__menu__container::after { border: 4px solid transparent; border: var(--plyr-menu-arrow-size, 4px) solid transparent; border-top-color: rgba(255, 255, 255, 0.9); border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9)); content: ""; height: 0; position: absolute; right: calc(((18px / 2)+calc(10px * 0.7)) - (4px / 2)); right: calc( ( (var(--plyr-control-icon-size, 18px) / 2)+calc(var(--plyr-control-spacing, 10px) * 0.7)) - (var(--plyr-menu-arrow-size, 4px) / 2)); top: 100%; width: 0; } .plyr__menu__container [role="menu"] { padding: calc(10px * 0.7); padding: calc(var(--plyr-control-spacing, 10px) * 0.7); } .plyr__menu__container [role="menuitem"], .plyr__menu__container [role="menuitemradio"] { margin-top: 2px; } .plyr__menu__container [role="menuitem"]:first-child, .plyr__menu__container [role="menuitemradio"]:first-child { margin-top: 0; } .plyr__menu__container .plyr__control { align-items: center; color: #4a5464; color: var(--plyr-menu-color, #4a5464); display: flex; font-size: 13px; font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px)); padding-bottom: calc(calc(10px * 0.7) / 1.5); padding-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5); padding-left: calc(calc(10px * 0.7) * 1.5); padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5); padding-right: calc(calc(10px * 0.7) * 1.5); padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5); padding-top: calc(calc(10px * 0.7) / 1.5); padding-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5); -webkit-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .plyr__menu__container .plyr__control>span { align-items: inherit; display: flex; width: 100%; } .plyr__menu__container .plyr__control::after { border: 4px solid transparent; border: var(--plyr-menu-item-arrow-size, 4px) solid transparent; content: ""; position: absolute; top: 50%; transform: translateY(-50%); } .plyr__menu__container .plyr__control--forward { padding-right: calc(calc(10px * 0.7) * 4); padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4); } .plyr__menu__container .plyr__control--forward::after { border-left-color: #728197; border-left-color: var(--plyr-menu-arrow-color, #728197); right: calc((calc(10px * 0.7) * 1.5) - 4px); right: calc( (calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px)); } .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after { border-left-color: currentColor; } .plyr__menu__container .plyr__control--back { font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); margin: calc(10px * 0.7); margin: calc(var(--plyr-control-spacing, 10px) * 0.7); margin-bottom: calc(calc(10px * 0.7) / 2); margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2); padding-left: calc(calc(10px * 0.7) * 4); padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4); position: relative; width: calc(100% - (calc(10px * 0.7) * 2)); width: calc(100% - (calc(var(--plyr-control-spacing, 10px) * 0.7) * 2)); } .plyr__menu__container .plyr__control--back::after { border-right-color: #728197; border-right-color: var(--plyr-menu-arrow-color, #728197); left: calc((calc(10px * 0.7) * 1.5) - 4px); left: calc( (calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px)); } .plyr__menu__container .plyr__control--back::before { background: #dcdfe5; background: var(--plyr-menu-back-border-color, #dcdfe5); box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff); content: ""; height: 1px; left: 0; margin-top: calc(calc(10px * 0.7) / 2); margin-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2); overflow: hidden; position: absolute; right: 0; top: 100%; } .plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after { border-right-color: currentColor; } .plyr__menu__container .plyr__control[role="menuitemradio"] { padding-left: calc(10px * 0.7); padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7); } .plyr__menu__container .plyr__control[role="menuitemradio"]::after, .plyr__menu__container .plyr__control[role="menuitemradio"]::before { border-radius: 100%; } .plyr__menu__container .plyr__control[role="menuitemradio"]::before { background: rgba(0, 0, 0, 0.1); content: ""; display: block; flex-shrink: 0; height: 16px; margin-right: 10px; margin-right: var(--plyr-control-spacing, 10px); transition: all 0.3s ease; width: 16px; } .plyr__menu__container .plyr__control[role="menuitemradio"]::after { background: #fff; border: 0; height: 6px; left: 12px; opacity: 0; top: 50%; transform: translateY(-50%) scale(0); transition: transform 0.3s ease, opacity 0.3s ease; width: 6px; } .plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::before { background: #00b3ff; background: var( --plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); } .plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::after { opacity: 1; transform: translateY(-50%) scale(1); } .plyr__menu__container .plyr__control[role="menuitemradio"].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role="menuitemradio"]:hover::before { background: rgba(35, 40, 47, 0.1); } .plyr__menu__container .plyr__menu__value { align-items: center; display: flex; margin-left: auto; margin-right: calc((calc(10px * 0.7) - 2) * -1); margin-right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) - 2) * -1); overflow: hidden; padding-left: calc(calc(10px * 0.7) * 3.5); padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 3.5); pointer-events: none; } .plyr--full-ui input[type="range"] { -webkit-appearance: none; background: 0 0; border: 0; border-radius: calc(13px * 2); border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2); color: #00b3ff; color: var( --plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); display: block; height: calc((3px * 2)+13px); height: calc( (var(--plyr-range-thumb-active-shadow-width, 3px) * 2)+var(--plyr-range-thumb-height, 13px)); margin: 0; min-width: 0; padding: 0; transition: box-shadow 0.3s ease; width: 100%; } .plyr--full-ui input[type="range"]::-webkit-slider-runnable-track { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -webkit-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -webkit-user-select: none; user-select: none; background-image: linear-gradient(to right, currentColor 0, transparent 0); background-image: linear-gradient( to right, currentColor var(--value, 0), transparent var(--value, 0)); } .plyr--full-ui input[type="range"]::-webkit-slider-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)); height: 13px; height: var(--plyr-range-thumb-height, 13px); position: relative; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px); -webkit-appearance: none; margin-top: calc(((13px - 5px) / 2) * -1); margin-top: calc( ( ( var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2) * -1); } .plyr--full-ui input[type="range"]::-moz-range-track { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -moz-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; user-select: none; } .plyr--full-ui input[type="range"]::-moz-range-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)); height: 13px; height: var(--plyr-range-thumb-height, 13px); position: relative; -moz-transition: all 0.2s ease; transition: all 0.2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px); } .plyr--full-ui input[type="range"]::-moz-range-progress { background: currentColor; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); } .plyr--full-ui input[type="range"]::-ms-track { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -ms-user-select: none; user-select: none; color: transparent; } .plyr--full-ui input[type="range"]::-ms-fill-upper { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -ms-user-select: none; user-select: none; } .plyr--full-ui input[type="range"]::-ms-fill-lower { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -ms-user-select: none; user-select: none; background: currentColor; } .plyr--full-ui input[type="range"]::-ms-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)); height: 13px; height: var(--plyr-range-thumb-height, 13px); position: relative; -ms-transition: all 0.2s ease; transition: all 0.2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px); margin-top: 0; } .plyr--full-ui input[type="range"]::-ms-tooltip { display: none; } .plyr--full-ui input[type="range"]:focus { outline: 0; } .plyr--full-ui input[type="range"]::-moz-focus-outer { border: 0; } .plyr--full-ui input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track { outline-color: #00b3ff; outline-color: var( --plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px; } .plyr--full-ui input[type="range"].plyr__tab-focus::-moz-range-track { outline-color: #00b3ff; outline-color: var( --plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px; } .plyr--full-ui input[type="range"].plyr__tab-focus::-ms-track { outline-color: #00b3ff; outline-color: var( --plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px; } .plyr__poster { background-color: #000; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity 0.2s ease; width: 100%; z-index: 1; } .plyr--stopped.plyr__poster-enabled .plyr__poster { opacity: 1; } .plyr__time { font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); } .plyr__time+.plyr__time::before { content: "\2044"; margin-right: 10px; margin-right: var(--plyr-control-spacing, 10px); } @media (max-width: calc(768px - 1px)) { .plyr__time+.plyr__time { display: none; } } .plyr__tooltip { background: rgba(255, 255, 255, 0.9); background: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); border-radius: 3px; border-radius: var(--plyr-tooltip-radius, 3px); bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); color: #4a5464; color: var(--plyr-tooltip-color, #4a5464); font-size: 13px; font-size: var(--plyr-font-size-small, 13px); font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); left: 50%; line-height: 1.3; margin-bottom: calc(calc(10px / 2) * 2); margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2); opacity: 0; padding: calc(10px / 2) calc(calc(10px / 2) * 1.5); padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(calc(var(--plyr-control-spacing, 10px) / 2) * 1.5); pointer-events: none; position: absolute; transform: translate(-50%, 10px) scale(0.8); transform-origin: 50% 100%; transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; white-space: nowrap; z-index: 2; } .plyr__tooltip::before { border-left: 4px solid transparent; border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-right: 4px solid transparent; border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.9); border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); bottom: calc(4px * -1); bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1); content: ""; height: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0; z-index: 2; } .plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible { opacity: 1; transform: translate(-50%, 0) scale(1); } .plyr .plyr__control:hover .plyr__tooltip { z-index: 3; } .plyr__controls>.plyr__control:first-child .plyr__tooltip, .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip { left: 0; transform: translate(0, 10px) scale(0.8); transform-origin: 0 100%; } .plyr__controls>.plyr__control:first-child .plyr__tooltip::before, .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before { left: calc((18px / 2)+calc(10px * 0.7)); left: calc( (var(--plyr-control-icon-size, 18px) / 2)+calc(var(--plyr-control-spacing, 10px) * 0.7)); } .plyr__controls>.plyr__control:last-child .plyr__tooltip { left: auto; right: 0; transform: translate(0, 10px) scale(0.8); transform-origin: 100% 100%; } .plyr__controls>.plyr__control:last-child .plyr__tooltip::before { left: auto; right: calc((18px / 2)+calc(10px * 0.7)); right: calc( (var(--plyr-control-icon-size, 18px) / 2)+calc(var(--plyr-control-spacing, 10px) * 0.7)); transform: translateX(50%); } .plyr__controls>.plyr__control:first-child .plyr__tooltip--visible, .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible, .plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip, .plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls>.plyr__control:first-child:hover .plyr__tooltip, .plyr__controls>.plyr__control:last-child .plyr__tooltip--visible, .plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls>.plyr__control:last-child:hover .plyr__tooltip { transform: translate(0, 0) scale(1); } .plyr__progress { left: calc(13px * 0.5); left: calc(var(--plyr-range-thumb-height, 13px) * 0.5); margin-right: 13px; margin-right: var(--plyr-range-thumb-height, 13px); position: relative; } .plyr__progress input[type="range"], .plyr__progress__buffer { margin-left: calc(13px * -0.5); margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5); margin-right: calc(13px * -0.5); margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5); width: calc(100%+13px); width: calc(100%+var(--plyr-range-thumb-height, 13px)); } .plyr__progress input[type="range"] { position: relative; z-index: 2; } .plyr__progress .plyr__tooltip { font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); left: 0; } .plyr__progress__buffer { -webkit-appearance: none; background: 0 0; border: 0; border-radius: 100px; height: 5px; height: var(--plyr-range-track-height, 5px); left: 0; margin-top: calc((5px / 2) * -1); margin-top: calc((var(--plyr-range-track-height, 5px) / 2) * -1); padding: 0; position: absolute; top: 50%; } .plyr__progress__buffer::-webkit-progress-bar { background: 0 0; } .plyr__progress__buffer::-webkit-progress-value { background: currentColor; border-radius: 100px; min-width: 5px; min-width: var(--plyr-range-track-height, 5px); -webkit-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr__progress__buffer::-moz-progress-bar { background: currentColor; border-radius: 100px; min-width: 5px; min-width: var(--plyr-range-track-height, 5px); -moz-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr__progress__buffer::-ms-fill { border-radius: 100px; -ms-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr--loading .plyr__progress__buffer { animation: plyr-progress 1s linear infinite; background-image: linear-gradient( -45deg, rgba(35, 40, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 40, 47, 0.6) 50%, rgba(35, 40, 47, 0.6) 75%, transparent 75%, transparent); background-image: linear-gradient( -45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, transparent 75%, transparent); background-repeat: repeat-x; background-size: 25px 25px; background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px); color: transparent; } .plyr--video.plyr--loading .plyr__progress__buffer { background-color: rgba(255, 255, 255, 0.25); background-color: var( --plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)); } .plyr--audio.plyr--loading .plyr__progress__buffer { background-color: rgba(193, 200, 209, 0.6); background-color: var( --plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)); } .plyr__volume { align-items: center; display: flex; max-width: 110px; min-width: 80px; position: relative; width: 20%; } .plyr__volume input[type="range"] { margin-left: calc(10px / 2); margin-left: calc(var(--plyr-control-spacing, 10px) / 2); margin-right: calc(10px / 2); margin-right: calc(var(--plyr-control-spacing, 10px) / 2); position: relative; z-index: 2; } .plyr--is-ios .plyr__volume { min-width: 0; width: auto; } .plyr--audio { display: block; } .plyr--audio .plyr__controls { background: #fff; background: var(--plyr-audio-controls-background, #fff); border-radius: inherit; color: #4a5464; color: var(--plyr-audio-control-color, #4a5464); padding: 10px; padding: var(--plyr-control-spacing, 10px); } .plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded="true"] { background: #00b3ff; background: var( --plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); color: #fff; color: var(--plyr-audio-control-color-hover, #fff); } .plyr--full-ui.plyr--audio input[type="range"]::-webkit-slider-runnable-track { background-color: rgba(193, 200, 209, 0.6); background-color: var( --plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); } .plyr--full-ui.plyr--audio input[type="range"]::-moz-range-track { background-color: rgba(193, 200, 209, 0.6); background-color: var( --plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); } .plyr--full-ui.plyr--audio input[type="range"]::-ms-track { background-color: rgba(193, 200, 209, 0.6); background-color: var( --plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); } .plyr--full-ui.plyr--audio input[type="range"]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); } .plyr--full-ui.plyr--audio input[type="range"]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); } .plyr--full-ui.plyr--audio input[type="range"]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); } .plyr--audio .plyr__progress__buffer { color: rgba(193, 200, 209, 0.6); color: var( --plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)); } .plyr--video { background: #000; overflow: hidden; } .plyr--video.plyr--menu-open { overflow: visible; } .plyr__video-wrapper { background: #000; height: 100%; margin: auto; overflow: hidden; position: relative; width: 100%; } .plyr__video-embed, .plyr__video-wrapper--fixed-ratio { height: 0; padding-bottom: 56.25%; } .plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video { border: 0; left: 0; position: absolute; top: 0; } .plyr--full-ui .plyr__video-embed>.plyr__video-embed__container { padding-bottom: 240%; position: relative; transform: translateY(-38.28125%); } .plyr--video .plyr__controls { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)); background: var( --plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75))); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; bottom: 0; color: #fff; color: var(--plyr-video-control-color, #fff); left: 0; padding: calc(10px / 2); padding: calc(var(--plyr-control-spacing, 10px) / 2); padding-top: calc(10px * 2); padding-top: calc(var(--plyr-control-spacing, 10px) * 2); position: absolute; right: 0; transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out; z-index: 3; } @media (min-width: 480px) { .plyr--video .plyr__controls { padding: 10px; padding: var(--plyr-control-spacing, 10px); padding-top: calc(10px * 3.5); padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5); } } .plyr--video.plyr--hide-controls .plyr__controls { opacity: 0; pointer-events: none; transform: translateY(100%); } .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded="true"] { background: #00b3ff; background: var( --plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); color: #fff; color: var(--plyr-video-control-color-hover, #fff); } .plyr__control--overlaid { background: #00b3ff; background: var( --plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); border: 0; border-radius: 100%; color: #fff; color: var(--plyr-video-control-color, #fff); display: none; left: 50%; opacity: 0.9; padding: calc(10px * 1.5); padding: calc(var(--plyr-control-spacing, 10px) * 1.5); position: absolute; top: 50%; transform: translate(-50%, -50%); transition: 0.3s; z-index: 2; } .plyr__control--overlaid svg { left: 2px; position: relative; } .plyr__control--overlaid:focus, .plyr__control--overlaid:hover { opacity: 1; } .plyr--playing .plyr__control--overlaid { opacity: 0; visibility: hidden; } .plyr--full-ui.plyr--video .plyr__control--overlaid { display: block; } .plyr--full-ui.plyr--video input[type="range"]::-webkit-slider-runnable-track { background-color: rgba(255, 255, 255, 0.25); background-color: var( --plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); } .plyr--full-ui.plyr--video input[type="range"]::-moz-range-track { background-color: rgba(255, 255, 255, 0.25); background-color: var( --plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); } .plyr--full-ui.plyr--video input[type="range"]::-ms-track { background-color: rgba(255, 255, 255, 0.25); background-color: var( --plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); } .plyr--full-ui.plyr--video input[type="range"]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var( --plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); } .plyr--full-ui.plyr--video input[type="range"]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var( --plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); } .plyr--full-ui.plyr--video input[type="range"]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var( --plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); } .plyr--video .plyr__progress__buffer { color: rgba(255, 255, 255, 0.25); color: var( --plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)); } .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-webkit-full-screen video { height: 100%; } .plyr:-ms-fullscreen video { height: 100%; } .plyr:fullscreen video { height: 100%; } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-ms-fullscreen .plyr__video-wrapper { height: 100%; position: static; } .plyr:fullscreen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none; } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none; } .plyr:fullscreen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr: -webkit-full-screen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } .plyr:-ms-fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } .plyr:fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-webkit-full-screen video { height: 100%; } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr: -webkit-full-screen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr:-moz-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-moz-full-screen video { height: 100%; } .plyr:-moz-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:-moz-full-screen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr: -moz-full-screen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-ms-fullscreen video { height: 100%; } .plyr:-ms-fullscreen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr: -ms-fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr--fullscreen-fallback { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; bottom: 0; display: block; left: 0; position: fixed; right: 0; top: 0; z-index: 10000000; } .plyr--fullscreen-fallback video { height: 100%; } .plyr--fullscreen-fallback .plyr__video-wrapper { height: 100%; position: static; } .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { display: block; } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr--fullscreen-fallback.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr--fullscreen-fallback .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr__ads { border-radius: inherit; bottom: 0; cursor: pointer; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: -1; } .plyr__ads>div, .plyr__ads>div iframe { height: 100%; position: absolute; width: 100%; } .plyr__ads::after { background: #23282f; border-radius: 2px; bottom: 10px; bottom: var(--plyr-control-spacing, 10px); color: #fff; content: attr(data-badge-text); font-size: 11px; padding: 2px 6px; pointer-events: none; position: absolute; right: 10px; right: var(--plyr-control-spacing, 10px); z-index: 3; } .plyr__ads::after:empty { display: none; } .plyr__cues { background: currentColor; display: block; height: 5px; height: var(--plyr-range-track-height, 5px); left: 0; margin: -var(--plyr-range-track-height, 5px) / 2 0 0; opacity: 0.8; position: absolute; top: 50%; width: 3px; z-index: 3; } .plyr__preview-thumb { background-color: rgba(255, 255, 255, 0.9); background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); border-radius: 3px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); margin-bottom: calc(calc(10px / 2) * 2); margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2); opacity: 0; padding: 3px; padding: var(--plyr-tooltip-radius, 3px); pointer-events: none; position: absolute; transform: translate(0, 10px) scale(0.8); transform-origin: 50% 100%; transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; z-index: 2; } .plyr__preview-thumb--is-shown { opacity: 1; transform: translate(0, 0) scale(1); } .plyr__preview-thumb::before { border-left: 4px solid transparent; border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-right: 4px solid transparent; border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.9); border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); bottom: calc(4px * -1); bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1); content: ""; height: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0; z-index: 2; } .plyr__preview-thumb__image-container { background: #c1c8d1; border-radius: calc(3px - 1px); border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px); overflow: hidden; position: relative; z-index: 0; } .plyr__preview-thumb__image-container img { height: 100%; left: 0; max-height: none; max-width: none; position: absolute; top: 0; width: 100%; } .plyr__preview-thumb__time-container { bottom: 6px; left: 0; position: absolute; right: 0; white-space: nowrap; z-index: 3; } .plyr__preview-thumb__time-container span { background-color: rgba(0, 0, 0, 0.55); border-radius: calc(3px - 1px); border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px); color: #fff; font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); padding: 3px 6px; } .plyr__preview-scrubbing { bottom: 0; filter: blur(1px); height: 100%; left: 0; margin: auto; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; right: 0; top: 0; transition: opacity 0.3s ease; width: 100%; z-index: 1; } .plyr__preview-scrubbing--is-shown { opacity: 1; } .plyr__preview-scrubbing img { height: 100%; left: 0; max-height: none; max-width: none; object-fit: contain; position: absolute; top: 0; width: 100%; } .plyr--no-transition { transition: none !important; } .plyr__sr-only { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; border: 0 !important; height: 1px !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .plyr [hidden] { display: none !important; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative } .owl-carousel { display: none; width: 100%; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100% } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0!important; font: inherit } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } s .pf { display: inline-block; font: normal normal normal 14px/1 PaymentFont; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pf-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .pf-2x { font-size: 2em; } .pf-3x { font-size: 3em; } .pf-4x { font-size: 4em; } .pf-5x { font-size: 5em; } .banner-size { width: * { box-sizing: border-box } body { font-family: Verdana, sans-serif; margin: 0 } .mySlides { display: none } img { vertical-align: middle; } /* Slideshow container */ .slideshow-container { max-width: 1000px; position: relative; margin: auto; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); } /* Caption text */ .text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center; } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } /* The dots/bullets/indicators */ .dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } .active, .dot:hover { background-color: #717171; } /* Fading animation */ .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } @-webkit-keyframes fade { from { opacity: .4 } to { opacity: 1 } } @keyframes fade { from { opacity: .4 } to { opacity: 1 } } /* On smaller screens, decrease text size */ @media only screen and (max-width: 300px) { .prev, .next, .text { font-size: 11px } } ; } .pf-amazon:before { content: "\f000"; } .pf-american-express:before { content: "\f001"; } .pf-american-express-alt:before { content: "\f002"; } .pf-atm:before { content: "\f003"; } .pf-bankomat:before { content: "\f004"; } .pf-bank-transfer:before { content: "\f005"; } .pf-bitcoin:before { content: "\f006"; } .pf-bitcoin-sign:before { content: "\f007"; } .pf-braintree:before { content: "\f008"; } .pf-btc:before { content: "\f009"; } .pf-card:before { content: "\f00a"; } .pf-carta-si:before { content: "\f00b"; } .pf-cash:before { content: "\f00c"; } .pf-cash-on-delivery:before { content: "\f00d"; } .pf-cb:before { content: "\f00e"; } .pf-cirrus:before { content: "\f00f"; } .pf-cirrus-alt:before { content: "\f010"; } .pf-clickandbuy:before { content: "\f011"; } .pf-credit-card:before { content: "\f012"; } .pf-diners:before { content: "\f013"; } .pf-discover:before { content: "\f014"; } .pf-ec:before { content: "\f015"; } .pf-eps:before { content: "\f016"; } .pf-eur:before { content: "\f017"; } .pf-facture:before { content: "\f018"; } .pf-fattura:before { content: "\f019"; } .pf-flattr:before { content: "\f01a"; } .pf-giropay:before { content: "\f01b"; } .pf-google-wallet:before { content: "\f01c"; } .pf-google-wallet-alt:before { content: "\f01d"; } .pf-gpb:before { content: "\f01e"; } .pf-gratipay:before { content: "\f01f"; } .pf-ideal:before { content: "\f020"; } .pf-ils:before { content: "\f021"; } .pf-inr:before { content: "\f022"; } .pf-invoice:before { content: "\f023"; } .pf-invoice-sign:before { content: "\f024"; } .pf-invoice-sign-alt:before { content: "\f025"; } .pf-invoice-sign-alt-o:before { content: "\f026"; } .pf-invoice-sign-o:before { content: "\f027"; } .pf-jcb:before { content: "\f028"; } .pf-jpy:before { content: "\f029"; } .pf-krw:before { content: "\f02a"; } .pf-maestro:before { content: "\f02b"; } .pf-maestro-alt:before { content: "\f02c"; } .pf-mastercard:before { content: "\f02d"; } .pf-mastercard-alt:before { content: "\f02e"; } .pf-mastercard-securecode:before { content: "\f02f"; } .pf-ogone:before { content: "\f030"; } .pf-paybox:before { content: "\f031"; } .pf-paylife:before { content: "\f032"; } .pf-paypal:before { content: "\f033"; } .pf-paypal-alt:before { content: "\f034"; } .pf-paysafecard:before { content: "\f035"; } .pf-postepay:before { content: "\f036"; } .pf-quick:before { content: "\f037"; } .pf-rechnung:before { content: "\f038"; } .pf-ripple:before { content: "\f039"; } .pf-rub:before { content: "\f03a"; } .pf-skrill:before { content: "\f03b"; } .pf-sofort:before { content: "\f03c"; } .pf-square:before { content: "\f03d"; } .pf-stripe:before { content: "\f03e"; } .pf-truste:before { content: "\f03f"; } .pf-try:before { content: "\f040"; } .pf-unionpay:before { content: "\f041"; } .pf-usd:before { content: "\f042"; } .pf-verified-by-visa:before { content: "\f043"; } .pf-verisign:before { content: "\f044"; } .pf-visa:before { content: "\f045"; } .pf-visa-electron:before { content: "\f046"; } .pf-western-union:before { content: "\f047"; } .pf-western-union-alt:before { content: "\f048"; } .pf-wirecard:before { content: "\f049"; } .pf-sepa:before { content: "\f04a"; } .pf-sepa-alt:before { content: "\f04b"; } .pf-apple-pay:before { content: "\f04c"; } .pf-interac:before { content: "\f04d"; } .pf-paymill:before { content: "\f04e"; } .pf-dankort:before { content: "\f04f"; } .pf-bancontact-mister-cash:before { content: "\f050"; } .pf-moip:before { content: "\f051"; } .pf-pagseguro:before { content: "\f052"; } .pf-cash-on-pickup:before { content: "\f053"; } .pf-sage:before { content: "\f054"; } .pf-elo:before { content: "\f055"; } .pf-elo-alt:before { content: "\f056"; } .pf-payu:before { content: "\f057"; } .pf-mercado-pago:before { content: "\f058"; } .pf-mercado-pago-sign:before { content: "\f059"; } .pf-payshop:before { content: "\f05a"; } .pf-multibanco:before { content: "\f05b"; } .pf-gratipay-sign:before { content: "\f05c"; } .pf-six:before { content: "\f05d"; } .pf-cashcloud:before { content: "\f05e"; } .pf-interac-alt:before { content: "\f05f"; } .pf-klarna:before { content: "\f060"; } .pf-bitpay:before { content: "\f061"; } .pf-venmo:before { content: "\f062"; } .pf-visa-debit:before { content: "\f063"; } .pf-alipay:before { content: "\f064"; } .pf-diners-alt:before { content: "\f065"; } .pf-hipercard:before { content: "\f066"; } .pf-skrill-alt:before { content: "\f067"; } .pf-shopify:before { content: "\f068"; } .pf-direct-debit:before { content: "\f069"; } .pf-sodexo:before { content: "\f06a"; } .pf-bpay:before { content: "\f06b"; } .pf-contactless:before { content: "\f06c"; } .pf-contactless-alt:before { content: "\f06d"; } .pf-eth:before { content: "\f06e"; } .pf-ltc:before { content: "\f06f"; } .pf-visa-pay:before { content: "\f070"; } .pf-wechat-pay:before { content: "\f071"; } .pf-amazon-pay:before { content: "\f072"; } .pf-amazon-pay-alt:before { content: "\f073"; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, body { height: 100%; } body { font-family: "Open Sans", sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; } /* REQUIRED STYLES */ .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; padding: 1px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role="group"] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled="true"] { color: #999; } .select2-container--default .select2-results__option[aria-selected="true"] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%); background-image: -o-linear-gradient(top, #fff 50%, #eee 100%); background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%); background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%); background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%); background-image: -o-linear-gradient(top, #fff 0%, #eee 50%); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%); background-image: -o-linear-gradient(top, #eee 50%, #fff 100%); background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role="group"] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled="true"] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: #fff; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: #fff; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ""; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #fff; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #fff; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ""; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; } .owl-carousel { display: none; width: 100%; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height 0.5s ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 0.4s ease; } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 0.1s ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 0.4s ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .slider-radio { position: relative; } .slider-radio input[type="radio"] { display: none; } .slider-radio input[type="radio"]:checked+label { position: relative !important; z-index: 100 !important; } /* DEFAULT */ .slider-radio { display: inline-block; } .slider-radio label { display: inline-block; padding: 10px 20px; cursor: pointer; font-size: 20px; } /* Indicator Styles */ .slider-radio input[type="radio"]:checked+label, .slider-radio .sliding-piece { background-color: #77abff; transition-timing-function: cubic-bezier(0.74, 0.14, 0.38, 0.99); } /* Base Theme */ .slider-radio.base { background-color: #eee; border-radius: 5px; overflow: hidden; } .slider-radio.base input[type="radio"]:checked+label, .slider-radio.base .sliding-piece { background-color: #005d7a; border: none; color: white; } /* Elegant Theme */ .slider-radio.elegant label { display: inline-block; padding: 10px 20px; cursor: pointer; font-size: 20px; font-weight: bold; opacity: 0.5; } .slider-radio.elegant input[type="radio"]:checked+label, .slider-radio.elegant .sliding-piece { color: white; border-radius: 10px; background-color: #f44242; opacity: 1; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } /* Edgy Theme */ .slider-radio.edgy label { display: inline-block; padding: 10px 20px; cursor: pointer; font-size: 20px; font-weight: bold; opacity: 0.5; filter: blur(1px); transition: filter 0.3s; } .slider-radio.edgy input[type="radio"]:checked+label { filter: blur(0px); } .slider-radio.edgy input[type="radio"]:checked+label, .slider-radio.edgy .sliding-piece { border-radius: 10px; background-color: transparent; color: black; opacity: 1; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } /* Vertical */ .slider-radio.vertical label { display: block !important; } button { padding: 0; border: none; background-color: transparent; transition: 0.5s ease; transition-property: color, background-color, border-color, box-shadow; cursor: pointer; } button:focus { outline: none; } a { text-decoration: none; } a:hover, a:active, a:focus { outline: none; text-decoration: none; } input, textarea, select { padding: 0; margin: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; box-shadow: none; transition: 0.5s ease; transition-property: color, background-color, border-color, box-shadow; } input:focus, textarea:focus, select:focus { outline: none; } select::-ms-expand { display: none; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } ul { margin: 0; padding: 0; list-style: none; } ::-moz-selection { background: #fff; color: #222227; text-shadow: none; } ::selection { background: #fff; color: #222227; text-shadow: none; } ::-webkit-input-placeholder { color: #c0c0c0; opacity: 1; } ::-moz-placeholder { color: #c0c0c0; opacity: 1; } :-moz-placeholder { color: #c0c0c0; opacity: 1; } :-ms-input-placeholder { color: #c0c0c0; opacity: 1; } :focus { outline: -webkit-focus-ring-color auto 0px; } body::-webkit-scrollbar { width: 16px; } body::-webkit-scrollbar-track { background: #222227; } body::-webkit-scrollbar-thumb { background-color: #c0c0c0; outline: 1px solid #222227; } .tab-content { width: 100%; } .tab-content>.tab-pane { display: none; } .tab-content>.active { display: block; } .fade { transition: opacity 0.4s linear; } @media screen and (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.4s ease; } @media screen and (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } :focus-visible { outline: 0px dotted; } .row--grid { margin-right: -10px; margin-left: -10px; } .row--grid .col-6, .row--grid .col-12 { padding-left: 10px; padding-right: 10px; } @media (min-width: 768px) { .row--grid { margin-right: -15px; margin-left: -15px; } .row--grid .col-6, .row--grid .col-12 { padding-left: 15px; padding-right: 15px; } } .row--sidebar { margin-right: -10px; margin-left: -10px; } .row--sidebar .col-6, .row--sidebar .col-12 { padding-left: 10px; padding-right: 10px; } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .owl-carousel .owl-item { -webkit-transform: none; } /*============================== Header ==============================*/ .header { display: block; position: fixed; top: 0; left: 0; right: 0; width: auto; height: 70px; background-color: #16151a; border-bottom: 1px solid #222227; z-index: 101; } .header__content { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 100%; width: 100%; position: relative; padding: 0 15px; } .header__logo { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; height: 70px; width: 100%; } .header__logo img { width: 100px; height: auto; display: block; } .header__actions { display: inline-flex; flex-direction: row; justify-content: flex-end; align-items: center; width: auto; margin-left: auto; margin-right: 40px; } .header__action { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 100%; width: 24px; position: relative; margin-left: 15px; } .header__action:first-child { margin-left: 0; } .header__action--cart span, .header__action--note span { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 16px; min-width: 16px; color: #fff; padding: 0 5px; border-radius: 4px; background-color: #25a56a; position: absolute; top: 1px; left: 10px; font-family: "Inter", sans-serif; font-size: 10px; pointer-events: none; } .header__action--cart span:empty, .header__action--note span:empty { display: none; } .header__action--note a svg, .header__action--note button svg { width: 22px; } .header__action--note span { background-color: #2f80ed; } .header__action--cart .header__drop { display: none; } .header__action:hover .header__drop { pointer-events: auto; opacity: 1; z-index: 99; margin-top: 0; } .header__action-btn { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 36px; width: 100%; } .header__action-btn span { display: none; } .header__action-btn svg { width: 24px; height: auto; fill: #c0c0c0; transition: fill 0.5s ease; } .header__action-btn:hover svg { fill: #fff; } .header__btn { position: absolute; width: 24px; height: 22px; display: block; right: 15px; top: 24px; } .header__btn span { position: absolute; right: 0; width: 24px; height: 2px; background-color: #c0c0c0; border-radius: 2px; transition: 0.5s ease; } .header__btn span:first-child { top: 0; } .header__btn span:nth-child(2) { top: 10px; width: 16px; } .header__btn span:last-child { top: 20px; width: 8px; } .header__btn:hover span { background-color: #25a56a; } .header__btn--active span { background-color: #25a56a; } .header__btn--active span:first-child { transform: rotate(-45deg); top: 9px; } .header__btn--active span:nth-child(2) { opacity: 0; width: 0; } .header__btn--active span:last-child { width: 24px; transform: rotate(45deg); top: 9px; } .header__search { position: absolute; left: 0; top: -71px; width: 100%; height: 70px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; background-color: #16151a; z-index: 1; padding: 0 15px; border-bottom: 1px solid #222227; transition: top 0.5s ease; } .header__search input { width: calc(100% - 30px); height: 40px; background-color: #222227; color: #fff; font-size: 16px; border-radius: 12px; border: none; padding: 0 20px; font-family: "Inter", sans-serif; } .header__search input:focus { border-color: #fff; } .header__search button { position: absolute; right: 60px; top: 15px; height: 40px; width: auto; display: flex; flex-direction: row; justify-content: center; align-items: center; } .header__search button svg { width: 20px; height: auto; fill: #c0c0c0; transition: 0.5s ease; } .header__search button:hover svg { fill: #25a56a; } .header__search button.close { right: 15px; } .header__search--active { top: 0; } .header__nav { display: none; } .header__drop { position: absolute; top: 100%; right: -15px; background-color: #222227; padding: 15px; border-radius: 12px; width: 200px; pointer-events: none; opacity: 0; z-index: -1; transition: 0.4s ease; margin-top: -5px; } .header__note { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .header__note:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .header__note svg { width: 16px; height: auto; margin-right: 5px; fill: #c0c0c0; } .header__note p { color: #fff; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; width: calc(100% - 25px); display: block; margin-bottom: 0; font-weight: 400; } .header__note p a { color: #fff; } .header__note p a:hover { color: #fff; text-decoration: none; } .header__note span { padding: 0; font-size: 12px; color: #c0c0c0; position: relative; background-color: transparent; top: auto; left: auto; display: block; width: 100%; margin-top: 5px; } .header__note--succ svg { fill: #25a56a; } .header__note--fail svg { fill: #eb5757; } .header__note--info svg { fill: #c0c0c0; } .header__note--gift svg { fill: #8051d4; } .header__product { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative; padding-left: 56px; } .header__product button { position: absolute; width: 14px; bottom: 5px; right: 0; } .header__product button svg { width: 14px; height: auto; fill: #c0c0c0; transition: fill 0.4s ease; } .header__product button:hover svg { fill: #25a56a; } .header__product img { width: 46px; height: auto; position: absolute; top: 0; left: 0; border-radius: 6px; } .header__product p { color: #fff; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; width: 100%; display: block; margin-bottom: 0; font-weight: 400; } .header__product p a { color: #fff; } .header__product p a:hover { color: #25a56a; } .header__product span { padding: 0; font-size: 14px; color: #c0c0c0; position: relative; background-color: transparent; top: auto; left: auto; display: block; width: 100%; margin-top: 5px; line-height: 100%; } .header__product:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .header__all { display: none; } @media (min-width: 400px) { .header__action { margin-left: 20px; } .header__action:first-child { margin-left: 0; } .header__actions { margin-right: 44px; } } @media (min-width: 576px) { .header__action--signin { width: auto; padding-left: 22px; } .header__action--signin:before { content: ""; position: absolute; display: block; width: 1px; height: 24px; background-color: #222227; top: 50%; left: 0; margin-top: -11px; } .header__action--signin:hover a span, .header__action--signin:hover button span { color: #fff; } .header__action--signin:hover a svg, .header__action--signin:hover button svg { fill: #25a56a; } .header__action-btn span { display: block; white-space: nowrap; color: #c0c0c0; font-size: 16px; margin-right: 10px; font-family: "Inter", sans-serif; transition: color 0.5s ease; } .header__content { padding: 0 30px; } .header__search { padding: 0 30px; } .header__search button { right: 75px; } .header__search button.close { right: 30px; } .header__btn { right: 30px; } .header__drop { width: 260px; } } @media (min-width: 768px) { .header__action { margin-left: 30px; } .header__action--signin { padding-left: 32px; } } @media (min-width: 1200px) { .header--mobile { display: none; } .header__logo, .header__btn { display: none; } .header__actions { margin-right: 0; } .header__action--search { display: none; } .header__action--cart .header__drop { display: block; } .header__search { position: relative; top: auto; left: auto; width: 320px; padding: 0; border: none; background-color: transparent; } .header__search input { padding: 0 60px 0 20px; width: 100%; } .header__search button { right: 20px; } .header__search button.close { display: none; } .header__search--active { top: auto; } .header__nav { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-right: 60px; } .header__nav a { font-size: 16px; color: #c0c0c0; margin-right: 30px; font-family: "Inter", sans-serif; } .header__nav a:last-child { margin-right: 0; } .header__nav a:hover { color: #25a56a; } .header__all { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; background-color: rgba(255, 255, 255, 0.1); color: #c0c0c0; font-size: 13px; font-weight: 400; font-family: "Inter", sans-serif; margin-bottom: 15px; height: 24px; border-radius: 8px 8px 0 0; } .header__all:hover { color: #25a56a; } } /*============================== Sidebar ==============================*/ .sidebar { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; background-color: #16151a; position: fixed; top: 0; left: 0; bottom: 0; z-index: 101; width: 280px; transform: translateX(-100%); transition: transform 0.5s ease; border-right: 1px solid #222227; } .sidebar__logo { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; height: 70px; width: 100%; padding: 0 30px 0 15px; border-bottom: 1px solid #222227; } .sidebar__logo img { width: 100px; height: auto; display: block; } .sidebar__nav { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; position: relative; padding: 30px 0 0; width: 100%; max-height: calc(100vh - 150px); overflow-y: auto; } .sidebar__nav-link { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 16px; color: #c0c0c0; font-family: "Inter", sans-serif; margin-left: 15px; transition: 0.4s ease; position: relative; } .sidebar__nav-link svg { fill: #c0c0c0; width: 22px; height: auto; transition: fill 0.5s; margin-right: 12px; margin-bottom: 2px; } .sidebar__nav-link svg:last-child { width: 16px; margin-right: 0; margin-top: 3px; margin-left: 2px; margin-bottom: 0; } .sidebar__nav-link:hover { color: #fff; } .sidebar__nav-link:hover svg { fill: #25a56a; } .sidebar__nav-link--active, .sidebar__nav-link[aria-expanded="true"] { color: #fff; } .sidebar__nav-link--active svg, .sidebar__nav-link[aria-expanded="true"] svg { fill: #25a56a; } .sidebar__nav-link--active:hover svg, .sidebar__nav-link[aria-expanded="true"]:hover svg { fill: #25a56a; } .sidebar__nav-link[aria-expanded="true"] { margin-bottom: 15px; } .sidebar__nav-link--active { cursor: default; } .sidebar__nav-item { width: 100%; display: block; margin-bottom: 15px; position: relative; } .sidebar__nav-item:last-child { margin-bottom: 0; } .sidebar__menu { padding: 0; display: block; width: 100%; text-align: left; overflow: hidden; background-color: #222227; transition: 0.4s ease; height: auto; } .sidebar__menu--scroll { height: 165px; overflow: hidden; } .sidebar__menu li { padding: 0 0 0 49px; margin-bottom: 15px; position: relative; } .sidebar__menu li:before { content: ""; position: absolute; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #25a56a; top: 50%; left: 25px; margin-top: -2px; } .sidebar__menu li:last-child { margin-bottom: 0; padding-bottom: 20px; } .sidebar__menu li:last-child:before { top: 11px; } .sidebar__menu li:first-child { margin-top: 0; padding-top: 20px; } .sidebar__menu li:first-child:before { top: 31px; } .sidebar__menu a { font-size: 14px; color: #c0c0c0; display: block; font-weight: 400; } .sidebar__menu a:hover { color: #25a56a; } .sidebar__menu a.active { color: #25a56a; cursor: default; } .sidebar--active { transform: translateX(0); } @media (min-width: 576px) { .sidebar__logo { padding: 0 30px; } .sidebar__nav-link { margin-left: 30px; } .sidebar__menu li { padding: 0 0 0 64px; } .sidebar__menu li:before { left: 40px; } } @media (min-width: 1200px) { .sidebar { transform: translateX(0); } .sidebar__nav { max-height: calc(100vh - 332px); } } /*============================== Player ==============================*/ .player { z-index: 102; bottom: 0; left: 0; width: 100%; } .player__cover { width: 100%; max-width: 90px; } .player__cover img { width: 100%; height: auto; display: block; border-radius: 12px; margin-bottom: 10px; } .player__track { font-size: 16px; line-height: 24px; display: block; width: 100%; text-align: center; font-weight: 400; color: #c0c0c0; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } .player__track b { font-weight: 600; color: #fff; } .player__content { width: 100%; } .player__btn { display: flex; flex-direction: row; justify-content: center; align-items: center; background-color: #16151a; border-radius: 12px 12px 0 0; height: 40px; width: 90px; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 103; color: #fff; font-size: 14px; border: 1px solid #222227; border-bottom: none; } .player__btn svg { width: 18px; height: auto; fill: #25a56a; margin-right: 8px; } .player--active { transform: translateY(0); } @media (min-width: 1200px) { .player { width: 278px; padding: 20px 30px; position: a; transform: translateY(0); } .player__btn { display: none; } } .plyr__control { padding: 0; } .plyr__control svg { width: 24px; height: 24px; transition: fill 0.4s ease; } .plyr__control:hover { background-color: transparent !important; } .plyr__control:hover svg { fill: #25a56a; } .plyr__controls { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; } .plyr__actions { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; } .plyr__actions button { margin: 0 5px; } .plyr__tooltip { background-color: #222227; box-shadow: none; color: #fff; font-size: 14px !important; } .plyr__tooltip:before { border-top-color: #222227; } .plyr__wrap { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; margin-top: 10px; } .plyr__time { margin-left: 10px; color: #c0c0c0; font-size: 14px; line-height: 100%; } .plyr__volume { margin-right: auto; } .plyr__progress { width: 100%; } .plyr--audio .plyr__controls { padding: 0; color: #fff; background-color: transparent; } .plyr--full-ui input[type="range"] { color: #25a56a; } /*============================== Main ==============================*/ .main { position: relative; margin-top: 70px; padding: 20px 0 60px; } .main__title { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; margin-bottom: 10px; margin-top: 60px; } .main__title h1 { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; font-family: "Inter", sans-serif; font-weight: 400; color: #fff; font-size: 30px; line-height: 140%; margin-bottom: 0; position: relative; } .main__title h1 b { font-weight: 500; } .main__title h1 a { color: #fff; } .main__title h1 a:hover { color: #25a56a; } .main__title h2 { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; font-family: "Inter", sans-serif; font-weight: 400; color: #fff; font-size: 26px; line-height: 100%; margin-bottom: 0; position: relative; } .main__title h2 svg { width: 26px; height: auto; fill: #25a56a; margin-right: 10px; } .main__title h2 b { font-weight: 500; } .main__title h2 a { color: black } .main__title h2 a:hover { color: black; } .main__title h3 { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; font-family: "Inter", sans-serif; font-weight: 400; font-size: 24px; color: #fff; margin-bottom: 0; line-height: 100%; position: relative; } .main__title p { display: block; width: 100%; font-size: 16px; line-height: 26px; color: #c0c0c0; margin-top: 20px; margin-bottom: 0; } .main__title p b { font-weight: 600; } .main__title p a { color: #25a56a; text-decoration: none; } .main__title p a:hover { text-decoration: none; } .main__title ol { padding-left: 0; list-style: none; counter-reset: li; margin-bottom: 0; } .main__title ol ol { padding-left: 15px; margin-top: 10px; } .main__title ol ol ol { margin-top: 10px; margin-bottom: 10px; } .main__title ol ol ol li { margin-top: 5px; } .main__title ol h4 { font-size: 16px; color: #fff; display: inline-block; margin-bottom: 0; margin-top: 20px; font-weight: 500; font-family: "Inter", sans-serif; } .main__title ol li { font-size: 16px; line-height: 24px; color: #c0c0c0; position: relative; } .main__title ol li b { font-weight: 600; color: #c0c0c0; } .main__title ol li a { color: #eb5757; } .main__title ol li a:hover { color: #eb5757; text-decoration: none; } .main__title ol li:last-child { margin-bottom: 0; } .main__title ol li:before { counter-increment: li; content: counters(li, ".") ". "; } .main__title--page { margin-bottom: 0; margin-top: 50px; } .main__link { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 16px; color: black; text-decoration: none; font-weight: 400; } .main__link svg { color: black; text-decoration: none; width: 22px; height: auto; fill: #c0c0c0; margin-left: 5px; transition: fill 0.5s ease; } .main__link:hover { color: black; text-decoration: none; } .main__link:hover svg { fill: #25a56a; color: black; text-decoration: none; } .main__carousel-wrap { position: relative; } .main__carousel .owl-dots { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; margin-top: 20px; position: relative; } .main__carousel .owl-dot { margin-right: 10px; } .main__carousel .owl-dot:last-child { margin-right: 0; } .main__carousel .owl-dot span { display: block; height: 4px; width: 10px; border-radius: 2px; background-color: #c0c0c0; transition: 0.5s ease; } .main__carousel .owl-dot.active span { width: 20px; background-color: #25a56a; } .main__nav { display: none; } .main__list { margin-top: 20px; } .main__list--dashbox { margin-top: 0; } .main__list--dashbox .single-item__title { max-width: 80px; } .main__list--dashbox .single-item__time { font-size: 12px; } .main__filter { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-top: 20px; padding-bottom: 20px; padding-top: 20px; background-color: #16151a; position: relative; } .main__filter:before { content: ""; position: absolute; display: block; left: -15px; right: -15px; width: auto; top: 0; border-top: 1px solid #222227; border-bottom: 1px solid #222227; bottom: 0; background-color: #16151a; } .main__filter-wrap { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; position: relative; z-index: 2; padding: 0 20px; } .main__filter-search { position: relative; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; margin-bottom: 10px; } .main__filter-search input { width: 100%; height: 40px; background-color: #222227; color: #fff; font-size: 14px; border-radius: 12px; border: none; padding: 0 60px 0 20px; font-family: "Inter", sans-serif; } .main__filter-search input:focus { border-color: #222227; } .main__filter-search button { position: absolute; right: 20px; top: 0; height: 40px; width: auto; display: flex; flex-direction: row; justify-content: center; align-items: center; } .main__filter-search button svg { width: 20px; height: auto; fill: #c0c0c0; transition: 0.5s ease; } .main__filter-search button:hover svg { fill: #25a56a; } .main__load { width: 160px; height: 50px; border-radius: 12px; background-color: #25a56a; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; margin: 30px auto 0; } .main__load:hover { color: #25a56a; background-color: #222227; } .main__tabs { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%; margin-top: 10px; } .main__tabs li { margin-top: 15px; margin-right: 15px; } .main__tabs li:last-child { margin-right: 0; } .main__tabs a { display: inline-flex; flex-direction: row; justify-content: center; align-items: center; width: auto; color: #c0c0c0; font-size: 17px; } .main__tabs a span { font-size: 15px; font-weight: 600; margin-right: 3px; margin-top: 3px; color: #c0c0c0; transition: color 0.5s ease; } .main__tabs a:hover { color: #fff; } .main__tabs a.active { color: #fff; } .main__tabs a.active span { color: #25a56a; } .main__table { width: 100%; min-width: 520px; border-spacing: 0; } .main__table thead { border-bottom: 1px solid #222227; } .main__table thead th { font-size: 14px; color: #c0c0c0; font-weight: 400; padding: 0 10px 20px 0; line-height: 100%; margin-bottom: 0; border: none; } .main__table thead th a { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; color: #c0c0c0; } .main__table thead th a svg { width: 20px; height: auto; fill: #c0c0c0; transition: fill 0.5s ease; } .main__table thead th a:hover { color: #fff; } .main__table thead th a:hover svg { fill: #25a56a; } .main__table thead th a.active { color: #fff; } .main__table thead th a.active svg { width: 16px; fill: #25a56a; } .main__table tbody tr { border-bottom: none; background-color: transparent; border-top: 1px solid #222227; } .main__table tbody td { padding: 0; background-color: transparent; border: 0px solid transparent; } .main__table tbody td:first-child .main__table-text { border-radius: 12px 0 0 12px; } .main__table tbody td:last-child .main__table-text, .main__table tbody td:last-child .main__table-btns { border-radius: 0 12px 12px 0; } .main__table tbody td .main__table-text { background-color: transparent; padding: 15px 20px 15px 0; } .main__table-text { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 14px; color: #c0c0c0; font-weight: 400; line-height: 30px; padding: 20px; white-space: nowrap; } .main__table-text svg { width: 18px; height: auto; transition: fill 0.5s ease; fill: #c0c0c0; margin-right: 5px; } .main__table-text a { font-size: 16px; color: #fff; } .main__table-text a:hover { color: #25a56a; } .main__table-text--number a { font-size: 14px; line-height: 22px; border-bottom: 2px dashed #25a56a; } .main__table-text--price { font-family: "Inter", sans-serif; font-weight: 500; color: #c0c0c0; font-size: 16px; } .main__table-text--red { color: #eb5757; } .main__table-text--red svg { fill: #eb5757; } .main__table-text--green { color: #25a56a; } .main__table-text--green svg { fill: #25a56a; } .main__table-text--grey { color: #c0c0c0; } .main__table-img { width: 100px; height: auto; display: flex; flex-direction: row; justify-content: center; align-items: center; background-color: transparent; border-radius: 8px; overflow: hidden; padding: 15px 20px 15px 0; } .main__table-img img { width: 100%; height: auto; border-radius: 8px; } @media (min-width: 400px) { .main__list--dashbox .single-item__title { max-width: 110px; } } @media (min-width: 576px) { .main { padding: 20px 15px 50px; } .main__list--dashbox .single-item__title { max-width: 150px; } .main__list--dashbox .single-item__time { font-size: 14px; } .main__filter:before { left: -30px; right: -30px; } } @media (min-width: 768px) { .main { padding: 30px 15px 70px; } .main__title { margin-top: 70px; color: #000; margin-bottom: 0; } .main__title h1 { color: #000; font-size: 36px; } .main__title h2 { color: #000; font-size: 30px; } .main__title h2 svg { width: 30px; color: #000; } .main__title p:last-child { margin-bottom: 10px; color: #000; } .main__title--sidebar { margin-bottom: 10px; } .main__carousel .owl-dots { margin-top: 30px; } .main__list { margin-top: 30px; } .main__list--dashbox { margin-top: 0; } .main__filter { padding: 0; flex-direction: row; align-items: center; margin-top: 30px; height: 70px; } .main__filter-wrap { padding: 0; } .main__load { margin: 40px auto 0; } .main__tabs li { margin-top: 20px; margin-right: 20px; } .main__tabs li:last-child { margin-right: 0; } .main__filter-search { margin-bottom: 0; width: 180px; margin-right: 30px; } .main__filter-search input { width: 180px; } } @media (min-width: 992px) { .main__filter-search { margin-bottom: 0; width: 250px; } .main__filter-search input { width: 250px; } .main__title--sidebar { margin-top: 30px; } .main__list--dashbox .single-item__title { max-width: 200px; } } @media (min-width: 1200px) { .main__carousel .owl-dots { justify-content: flex-end; padding-right: 68px; } .main__nav { position: absolute; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 34px; height: 34px; right: 0; bottom: -14px; z-index: 2; } .main__nav svg { width: 30px; height: auto; fill: #c0c0c0; transition: fill 0.5s ease; } .main__nav:hover svg { fill: #25a56a; } .main__nav--prev { right: 25px; } .main__nav--next { right: -5px; } .main__nav--hero { bottom: 15px; } .main__nav--hero svg { fill: #fff; } .main__nav--hero.main__nav--prev { right: 95px; } .main__nav--hero.main__nav--next { right: 65px; } .main__nav--hero:hover svg { fill: #25a56a; } .main__filter { position: -webkit-sticky; position: sticky; top: 0; z-index: 99; background-color: #fff; border: none; } .main__filter-search { margin-bottom: 0; width: 220px; } .main__filter-search input { width: 220px; } } /*============================== Breadcrumb ==============================*/ .breadcrumb { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; } .breadcrumb__item { font-size: 14px; color: #c0c0c0; transition: 0.5s ease; position: relative; margin-right: 34px; } .breadcrumb__item:before { content: ""; position: absolute; left: 100%; top: 1px; bottom: 0; width: 34px; background: url("../img/breadcrumb.svg") no-repeat center/16px auto; } .breadcrumb__item:hover { color: #c0c0c0; } .breadcrumb__item:last-child { margin-right: 0; } .breadcrumb__item:last-child:before { display: none; } .breadcrumb__item--active { cursor: default; margin-right: 0; } .breadcrumb__item--active:before { display: none; } .breadcrumb__item--active:hover { color: #c0c0c0; } .breadcrumb a { color: #c0c0c0; } .breadcrumb a:hover { color: #25a56a; } @media (min-width: 1200px) { .breadcrumb { margin-top: 25px; } .breadcrumb--hidden-desk { display: none; } } /*============================== Profile ==============================*/ .profile { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; background-color: #16151a; padding: 20px 20px 0; border-radius: 12px; position: relative; margin-top: 20px; border: 1px solid #222227; } .profile__tabs { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; overflow: hidden; width: 100%; } .profile__tabs li { margin-right: 20px; } .profile__tabs li:last-child { margin-right: 0; } .profile__tabs a { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; height: 40px; color: #c0c0c0; position: relative; font-size: 14px; font-family: "Inter", sans-serif; } .profile__tabs a:hover { color: #fff; } .profile__tabs a:before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; display: block; background-color: #25a56a; transition: 0.5s ease; transform: translateY(2px); opacity: 0; border-radius: 2px 2px 0 0; } .profile__tabs a.active { color: #fff; cursor: default; } .profile__tabs a.active:before { opacity: 1; transform: translateY(0); } .profile__logout { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: auto; position: absolute; top: 20px; right: 20px; } .profile__logout span { display: none; font-size: 16px; color: #c0c0c0; margin-right: 10px; transition: 0.5s ease; font-family: "Inter", sans-serif; } .profile__logout svg { fill: #c0c0c0; width: 24px; height: auto; transition: fill 0.5s ease; } .profile__logout:hover span { color: #fff; } .profile__logout:hover svg { fill: #25a56a; } .profile__user { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 20px; } .profile__meta { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .profile__meta h3 { color: #fff; font-family: "Inter", sans-serif; display: block; font-size: 16px; font-weight: 400; margin-bottom: 7px; line-height: 100%; } .profile__meta span { color: #c0c0c0; font-size: 12px; line-height: 100%; } .profile__avatar { display: block; position: relative; width: 40px; cursor: pointer; overflow: hidden; border-radius: 8px; margin-right: 15px; } .profile__avatar img { width: 100%; } @media (min-width: 768px) { .profile { margin-top: 30px; padding: 0 20px; flex-direction: row; justify-content: space-between; align-items: center; } .profile__tabs { border-bottom: none; margin-bottom: 0; width: auto; margin-right: auto; } .profile__tabs li { margin-right: 30px; } .profile__tabs li:last-child { margin-right: 0; } .profile__tabs a { align-items: center; height: 70px; font-size: 16px; } .profile__user { margin-bottom: 0; margin-right: 60px; } .profile__logout { position: relative; top: auto; right: auto; } .profile__logout span { display: block; } } /*============================== Hero ==============================*/ .hero { display: block; width: 100%; } .hero .owl-dots { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; margin-top: 20px; position: relative; } .hero .owl-dot { margin-right: 10px; } .hero .owl-dot:last-child { margin-right: 0; } .hero .owl-dot span { display: block; height: 4px; width: 10px; border-radius: 2px; background-color: #c0c0c0; transition: 0.5s ease; } .hero .owl-dot.active span { width: 20px; background-color: #25a56a; } .hero .owl-stage-outer { border-radius: 12px; } .hero__slide { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 100%; min-height: 300px; border-radius: 12px; overflow: hidden; padding: 40px 20px; position: relative; } .hero__slide:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient( 45deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; } .hero__title { position: relative; z-index: 2; color: #fff; font-weight: 400; font-size: 30px; font-family: "Inter", sans-serif; margin-bottom: 0; line-height: 130%; } .hero__text { position: relative; z-index: 2; color: #c0c0c0; font-size: 16px; line-height: 26px; margin-bottom: 0; margin-top: 15px; } .hero__btns { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%; margin-top: 10px; } .hero__btn { width: auto; min-width: 120px; height: 50px; border-radius: 12px; background-color: #222227; display: inline-flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; padding: 0 20px; margin-top: 20px; margin-right: 20px; } .hero__btn svg { fill: #fff; width: 28px; height: auto; margin-right: 7px; } .hero__btn:last-child { margin-right: 0; } .hero__btn:hover { color: #25a56a; } .hero__btn--video { text-transform: none; font-size: 16px; } .hero__btn--video svg { fill: #25a56a; width: 28px; height: auto; margin-right: 10px; transition: fill 0.5s ease; } .hero__btn--video:hover { background-color: #25a56a; color: #fff; } .hero__btn--video:hover svg { fill: #fff; } .hero__btn--green { background-color: #25a56a; color: #fff; } .hero__btn--green:hover { background-color: #222227; color: #25a56a; } @media (min-width: 576px) { .hero__slide { min-height: 400px; } } @media (min-width: 768px) { .hero .owl-dots { margin-top: 30px; } .hero__slide { padding: 40px 30px; padding-right: 10%; min-height: 460px; } .hero__title { font-size: 36px; } .hero__btn { margin-top: 30px; margin-right: 30px; min-width: 160px; padding: 0 25px; } .hero__btn:last-child { margin-right: 0; } } @media (min-width: 992px) { .hero__slide { padding-right: 25%; } } @media (min-width: 1200px) { .hero { margin-top: 30px; } .hero .owl-dots { justify-content: flex-end; margin-top: -34px; margin-bottom: 30px; padding-right: 124px; z-index: 2; } .hero .owl-dot span { background-color: rgba(255, 255, 255, 0.6); } .hero .owl-dot.active span { background-color: #fff; } .hero__title { font-size: 44px; } .hero__text { font-size: 17px; line-height: 28px; } .hero__btn { margin-top: 40px; } .hero__slide { padding: 60px; padding-right: 33%; } } @media (min-width: 1900px) { .hero__slide { padding-right: 50%; } } /*============================== Album ==============================*/ .album { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-top: 20px; width: 100%; } .album__cover { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 12px; position: relative; overflow: hidden; width: 100%; background-color: #000; } .album__cover img { width: 100%; display: block; position: relative; z-index: 1; opacity: 1; transition: 0.5s ease; } .album__cover a { position: absolute; z-index: 2; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 56px; height: 56px; top: 50%; left: 50%; margin: -28px 0 0 -28px; border-radius: 12px; background-color: #222227; transform: scale(0.8); opacity: 0; transition: 0.5s ease; border: 1px solid rgba(255, 255, 255, 0.05); } .album__cover a svg { fill: #fff; width: 24px; height: auto; margin: 1px 0 0 1px; transition: fill 0.5s ease; } .album__cover a:hover svg { fill: #25a56a; } .album__cover:hover img { opacity: 0.6; transform: scale(1.08); } .album__cover:hover a { opacity: 1; transform: scale(1); } .album__cover:hover .album__stat { opacity: 1; transform: scale(1); } .album__title { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-top: 5px; } .album__title h3 { display: block; width: 100%; color: #fff; font-size: 16px; font-weight: 400; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } .album__title h3 a { color: #fff; } .album__title h3 a:hover { color: #25a56a; } .album__title span { display: block; width: 100%; color: #c0c0c0; font-size: 14px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } .album__title span a { color: black !important; text-decoration: none; font-size: 14px; } .album__stat { position: absolute; z-index: 2; display: flex; flex-direction: row; justify-content: center; align-items: center; bottom: 20px; left: 0; right: 0; color: #fff; font-size: 12px; transform: scale(0.8); opacity: 0; transition: 0.5s ease; } .album__stat span { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-right: 15px; } .album__stat span:last-child { margin-right: 0; } .album__stat svg { width: 14px; height: auto; fill: #fff; margin-right: 5px; } @media (min-width: 768px) { .album { margin-top: 30px; padding: 30px; border-radius: 12px; background-color: #E9E7E7; } .album--sidebar { margin-top: 20px; } .album__stat { font-size: 13px; } .album__stat span { margin-right: 20px; } .album__stat span:last-child { margin-right: 0; } .album__stat svg { width: 16px; } } /*============================== Releases ==============================*/ .release { margin-top: 20px; border: 1px solid #222227; background-color: #16151a; padding: 20px; border-radius: 12px; position: release; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; } .release__cover { display: block; position: relative; width: 100%; border-radius: 12px; overflow: hidden; } .release__cover img { width: 100%; } .release__list { position: relative; height: 330px; width: 100%; overflow: hidden; padding-right: 14px; margin-top: 20px; } .release__stat { display: flex; flex-direction: row; justify-content: space-between; align-items: center; color: #c0c0c0; font-size: 14px; transition: 0.5s ease; width: 100%; margin-top: 15px; } .release__stat span { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-right: 20px; } .release__stat span:last-child { margin-right: 0; } .release__stat svg { width: 20px; height: auto; fill: #25a56a; margin-right: 5px; } .release__buy { width: 100%; height: 50px; border-radius: 12px; background-color: #25a56a; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; padding: 0 25px; margin-top: 15px; } .release__buy svg { fill: #fff; width: 28px; height: auto; margin-right: 7px; } .release__buy:hover { background-color: #222227; color: #fff; } @media (min-width: 768px) { .release { flex-direction: row; margin-bottom: 10px; } .release__list { margin-top: 0; width: calc(100% - 250px); } .release__content { width: 230px; margin-right: 20px; } } @media (min-width: 1200px) { .release__list { width: calc(100% - 310px); height: 388px; } .release__content { width: 290px; } } /*============================== Store-item ==============================*/ .store-item { margin-top: 20px; border: 1px solid #222227; background-color: #16151a; padding: 20px; border-radius: 12px; position: release; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; } .store-item__cover { display: block; position: release; width: 100%; border-radius: 12px; overflow: hidden; } .store-item__cover img { width: 100%; } .store-item__description { position: relative; width: 100%; margin-top: 20px; } .store-item__buy { width: 100%; height: 50px; border-radius: 12px; background-color: #25a56a; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; padding: 0 25px; margin-top: 15px; } .store-item__buy svg { fill: #fff; width: 28px; height: auto; margin-right: 7px; } .store-item__buy:hover { background-color: #222227; color: #fff; } .store-item__content { width: 100%; display: block; } .store-item__carousel { position: relative; width: 100%; } .store-item__carousel .owl-dots { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; margin-top: 20px; position: relative; } .store-item__carousel .owl-dot { margin-right: 10px; } .store-item__carousel .owl-dot:last-child { margin-right: 0; } .store-item__carousel .owl-dot span { display: block; height: 4px; width: 10px; border-radius: 2px; background-color: #c0c0c0; transition: 0.5s ease; } .store-item__carousel .owl-dot.active span { width: 20px; background-color: #25a56a; } @media (min-width: 768px) { .store-item { flex-direction: row; } .store-item__description { margin-top: 0; width: calc(100% - 250px); } .store-item__content { width: 230px; margin-right: 20px; } } @media (min-width: 1200px) { .store-item__description { width: calc(100% - 310px); } .store-item__content { width: 290px; } } /*============================== Artist ==============================*/ .artist { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-top: 20px; width: 100%; position: relative; } .artist__cover { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 12px; position: relative; overflow: hidden; width: 100%; } .artist__cover:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient( 45deg, rgba(37, 165, 106, 0.8) 0%, rgba(37, 165, 106, 0) 100%); opacity: 0; transition: opacity 0.5s ease; z-index: 2; } .artist__cover img { width: 100%; display: block; position: relative; z-index: 1; } .artist__title { z-index: 3; color: #fff; font-size: 16px; margin-bottom: 0; text-align: center; width: 100%; transition: color 0.5s ease; margin-top: 10px; font-family: "Inter", sans-serif; font-weight: 400; } .artist:hover .artist__cover:before { opacity: 0.3; } .artist:hover .artist__title { color: #25a56a; } @media (min-width: 768px) { .artist { margin-top: 30px; } } /*============================== Event ==============================*/ .event { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; margin-top: 20px; width: 100%; border-radius: 12px; position: relative; overflow: hidden; padding: 20px; height: 300px; } .event:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient( 45deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); opacity: 0.6; transition: opacity 0.5s ease; z-index: 1; } .event__date { position: relative; z-index: 2; font-size: 18px; font-weight: 400; color: #fff; } .event__time { position: relative; z-index: 2; font-size: 14px; color: #c0c0c0; font-weight: 400; margin-bottom: 20px; } .event__title { position: relative; z-index: 2; font-family: "Inter", sans-serif; font-weight: 400; color: #fff; font-size: 24px; margin-bottom: 5px; width: 100%; } .event__title a { color: #fff; } .event__title a:hover { color: #25a56a; } .event__address { position: relative; z-index: 2; font-size: 14px; color: #fff; line-height: 24px; margin-bottom: 0; width: 100%; } .event__ticket { position: absolute; top: 20px; left: 20px; min-width: 130px; height: 40px; border-radius: 12px; background-color: #222227; display: inline-flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; z-index: 2; font-family: "Inter", sans-serif; font-weight: 500; padding: 0 15px; border: 1px solid rgba(255, 255, 255, 0.05); } .event__ticket svg { width: 18px; height: auto; margin-right: 7px; fill: #25a56a; transition: fill 0.5s ease; } .event__ticket:hover { color: #fff; background-color: #25a56a; border-color: #25a56a; } .event__ticket:hover svg { fill: #fff; } .event__out { position: absolute; top: 20px; left: 20px; min-width: 120px; height: 40px; border-radius: 12px; background-color: #25a56a; display: inline-flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; z-index: 2; font-family: "Inter", sans-serif; font-weight: 500; padding: 0 15px; } .event:hover:before { opacity: 0.8; } @media (min-width: 768px) { .event { margin-top: 30px; height: 320px; } .event__title { font-size: 26px; } } /*============================== Single ==============================*/ .single-item { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #222227; height: 58px; } .single-item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; height: 48px; } .single-item__number { color: #c0c0c0; font-size: 22px; min-width: 20px; width: auto; font-family: "Inter", sans-serif; font-weight: 400; } .single-item__rate { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 14px; color: #c0c0c0; width: 24px; margin-right: 10px; } .single-item__rate svg { fill: #25a56a; width: 20px; height: auto; } .single-item__rate--red svg { fill: #eb5757; } .single-item__cover { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 8px; overflow: hidden; transition: 0.5s ease; } .single-item__cover img { width: 48px; height: auto; opacity: 1; transition: opacity 0.5s ease; position: relative; } .single-item__cover svg { position: absolute; opacity: 0; fill: #fff; width: 24px; height: auto; margin: 1px 0 0 1px; transition: 0.5s ease; } .single-item__cover svg:last-child { opacity: 0; } .single-item__cover:hover svg { fill: #25a56a; } .single-item__cover.active { background-color: #000; } .single-item__cover.active img { opacity: 0.35; } .single-item__cover.active svg { fill: #25a56a; } .single-item__cover.pause svg { opacity: 1; } .single-item__cover.pause svg:last-child { opacity: 0; } .single-item__cover.play svg { opacity: 0; } .single-item__cover.play svg:last-child { opacity: 1; } .single-item__title { display: inline-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-left: 15px; margin-right: auto; } .single-item__title h4 { display: block; color: #fff; font-size: 16px; line-height: 24px; font-weight: 400; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } .single-item__title h4 a { color: black; text-decoration: none; } .single-item__title h4 a:hover { color: #25a56a; } .single-item__title span { display: block; color: #000; text-decoration: none; font-size: 14px; line-height: 24px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } .single-item__title span a { color: #000; text-decoration: none; } .single-item__title span a:hover { text-decoration: none; color: #25a56a; } .single-item__time { margin-left: 15px; font-size: 13px; color: #0000; } .single-item__time--live { background-color: #eb5757; color: #fff; display: inline-flex; flex-direction: row; justify-content: center; align-items: center; height: 24px; padding: 0 12px; border-radius: 8px; font-size: 12px; font-family: "Inter", sans-serif; font-weight: 400; } .single-item__add { margin-left: 15px; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 32px; height: 32px; border-radius: 8px; background-color: rgba(37, 165, 106, 0.15); } .single-item__add svg { width: 18px; height: auto; fill: #25a56a; } .single-item__add:hover { background-color: rgba(37, 165, 106, 0.3); } .single-item__export { margin-left: 15px; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 32px; height: 32px; border-radius: 8px; background-color: rgba(128, 81, 212, 0.15); } .single-item__export svg { width: 18px; height: auto; fill: #8051d4; } .single-item__export:hover { background-color: rgba(128, 81, 212, 0.3); } .single-item:hover .single-item__cover { background-color: #222227; } .single-item:hover .single-item__cover img { opacity: 0.35; } .single-item:hover .single-item__cover svg { opacity: 1; } .single-item:hover .single-item__cover svg:last-child { opacity: 0; } .single-item:hover .single-item__cover.play svg { opacity: 0; } .single-item:hover .single-item__cover.play svg:last-child { opacity: 1; } /*============================== Post ==============================*/ .post { position: relative; margin-top: 20px; border-radius: 12px; width: 100%; overflow: hidden; background-color: #222227; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; height: calc(100% - 20px); } .post__img { display: block; width: 100%; position: relative; background-color: #000; } .post__img:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient( 45deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); opacity: 0.1; transition: opacity 0.5s ease; z-index: 2; } .post__img img { width: 100%; position: relative; z-index: 1; } .post__img:hover:before { opacity: 0.3; } .post__video { position: absolute; top: 20px; left: 20px; z-index: 3; display: flex; flex-direction: row; justify-content: center; align-items: center; height: 40px; border-radius: 12px; background-color: #222227; font-family: "Inter", sans-serif; font-weight: 500; font-size: 14px; color: #fff; padding: 0 15px; border: 1px solid rgba(255, 255, 255, 0.05); } .post__video svg { fill: #25a56a; width: 24px; height: auto; margin-right: 7px; transition: fill 0.5s ease; } .post__video:hover { background-color: #25a56a; color: #fff; border-color: #25a56a; } .post__video:hover svg { fill: #fff; } .post__content { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; padding: 20px; background-color: #222227; border-radius: 0 0 12px 12px; height: 100%; position: relative; } .post__category { display: inline-flex; flex-direction: row; justify-content: center; align-items: center; height: 28px; min-width: 70px; width: auto; color: #fff; font-size: 13px; background-color: #2f80ed; border-radius: 8px; padding: 0 15px; margin-bottom: 20px; position: absolute; bottom: 100%; left: 20px; z-index: 2; } .post__category:hover { color: #fff; background-color: #25a56a; } .post__title { color: #000; text-decoration: none; display: block; font-family: "Inter", sans-serif; font-weight: 400; font-size: 24px; line-height: 140%; color: #fff; margin-bottom: 20px; overflow: hidden; width: 100%; } .post__title a { color: #fff; display: block; } .post__title a:hover { color: #25a56a; } .post__meta { margin-top: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; height: 20px; } .post__date { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 13px; color: #c0c0c0; } .post__date svg { fill: #fff; width: 16px; height: auto; margin-right: 5px; } .post__comments { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 13px; color: #c0c0c0; } .post__comments svg { fill: #fff; width: 16px; height: auto; margin-right: 5px; } @media (min-width: 768px) { .post { margin-top: 30px; height: calc(100% - 30px); } } /*============================== Live ==============================*/ .live { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-top: 20px; position: relative; overflow: hidden; } .live__cover { width: 100%; border-radius: 12px; overflow: hidden; position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; } .live__cover img { position: relative; width: 100%; z-index: 1; transition: 0.5s ease; } .live__cover svg { position: absolute; display: block; fill: #fff; width: 46px; height: auto; transition: 0.5s ease; z-index: 3; transform: scale(0.8); opacity: 0; } .live__cover:before { content: ""; position: absolute; display: block; top: 0; bottom: 0; right: 0; left: 0; z-index: 2; background: linear-gradient( 45deg, rgba(37, 165, 106, 0.8) 0%, rgba(37, 165, 106, 0) 100%); opacity: 0.1; transition: opacity 0.5s ease; } .live__value { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; position: absolute; bottom: 20px; left: 20px; z-index: 3; pointer-events: none; height: 28px; width: auto; padding: 0 15px; border-radius: 8px; background-color: rgba(34, 34, 39, 0.8); color: #fff; font-size: 12px; font-weight: 400; } .live__status { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; position: absolute; top: 20px; left: 20px; z-index: 3; pointer-events: none; height: 24px; width: auto; padding: 0 12px; border-radius: 8px; background-color: #eb5757; color: #fff; font-size: 12px; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 400; } .live__title { font-size: 20px; font-family: "Inter", sans-serif; font-weight: 400; color: #fff; margin-bottom: 0; margin-top: 10px; width: 100%; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: break-word; transition: color 0.5s ease; } .live__title a { color: #fff; } .live:hover .live__cover:before { opacity: 0.3; } .live:hover .live__cover svg { opacity: 1; transform: scale(1); } .live:hover .live__title { color: #25a56a; } .live:hover .live__title a { color: #25a56a; } @media (min-width: 768px) { .live { margin-top: 30px; } } /*============================== Product ==============================*/ .product { position: relative; margin-top: 20px; border-radius: 12px; width: 100%; overflow: hidden; background-color: #222227; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 20px; } .product__img { width: 100%; border-radius: 12px; overflow: hidden; position: relative; } .product__img:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(45deg, #000 0%, rgba(0, 0, 0, 0) 100%); opacity: 0; transition: opacity 0.5s ease; z-index: 2; } .product__img img { width: 100%; display: block; position: relative; z-index: 1; } .product__img:hover:before { opacity: 0.2; } .product__title { display: block; width: 100%; font-size: 17px; font-weight: 400; color: #fff; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; margin-top: 15px; } .product__title a { color: #fff; } .product__title a:hover { color: #25a56a; } .product__price { font-size: 16px; color: #c0c0c0; margin-top: 5px; display: block; width: 100%; font-family: "Inter", sans-serif; font-weight: 400; } .product__new { font-size: 14px; color: #eb5757; position: absolute; bottom: 20px; right: 20px; font-weight: 600; } @media (min-width: 768px) { .product { margin-top: 30px; } } /*============================== Partners ==============================*/ .partners { margin-top: 60px; } .partners__img img { -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.7; transition: 0.5s; } .partners__img:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; } @media (min-width: 768px) { .partners { margin-top: 70px; } } /*============================== Stats ==============================*/ .stats { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; position: relative; margin-top: 20px; padding: 20px; border-radius: 12px; background-color: #16151a; width: 100%; border: 1px solid #222227; } .stats span { font-family: "Inter", sans-serif; font-size: 20px; line-height: 100%; font-weight: 400; color: #fff; margin-bottom: 0; width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; } .stats span a { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 13px; color: #fff; margin-left: 10px; line-height: 100%; border-bottom: 2px dashed #25a56a; } .stats span a svg { width: 14px; height: auto; fill: #25a56a; position: relative; bottom: auto; right: auto; transition: 0.5s ease; } .stats span a:hover { color: #25a56a; } .stats span a:hover svg { fill: #25a56a; } .stats p { font-size: 14px; color: #c0c0c0; margin-bottom: 0; margin-top: 20px; font-family: "Inter", sans-serif; font-weight: 400; line-height: 100%; } .stats p b { font-size: 20px; font-weight: 500; } .stats p a { color: #c0c0c0; } .stats p a:hover { color: #25a56a; } .stats svg { position: absolute; bottom: 15px; right: 20px; fill: #25a56a; width: 30px; height: auto; } .stats__form { display: flex; flex-direction: row; justify-content: space-between; align-items: center; position: relative; width: 100%; margin-top: 10px; } .stats__form input { position: relative; z-index: 1; width: 100%; height: 24px; background-color: transparent; color: #fff; font-size: 18px; border: none; padding: 0 50px 0 0; } .stats__form button { position: absolute; z-index: 2; right: 0; top: 0; display: flex; flex-direction: row; justify-content: center; align-items: flex-end; height: 24px; color: #25a56a; font-size: 14px; text-transform: uppercase; font-weight: 500; font-family: "Inter", sans-serif; } .stats__form button svg { position: relative; width: 18px; height: auto; top: auto; bottom: auto; right: auto; left: auto; transition: fill 0.5s ease; } .stats__form button:hover { color: #fff; } .stats__form button:hover svg { fill: #25a56a; } .stats--green svg { fill: #25a56a; } .stats--purple svg { fill: #8051d4; } @media (min-width: 768px) { .stats { margin-top: 30px; } } /*============================== Dashbox ==============================*/ .dashbox { background-color: #16151a; margin-top: 20px; border-radius: 12px; overflow: hidden; border: 1px solid #222227; } .dashbox__title { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 20px; border-bottom: 1px solid #222227; } .dashbox__title h3 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; color: #fff; font-weight: 400; font-size: 20px; line-height: 100%; margin-bottom: 0; font-family: "Inter", sans-serif; } .dashbox__title h3 svg { fill: #25a56a; margin-right: 10px; width: 22px; height: auto; } .dashbox__title h3 span { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 18px; min-width: 18px; color: #fff; padding: 0 5px; border-radius: 6px; font-family: "Inter", sans-serif; font-size: 10px; pointer-events: none; background-color: #25a56a; margin-bottom: auto; margin-left: 5px; } .dashbox__wrap { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .dashbox__more { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 13px; margin-left: 15px; color: #c0c0c0; font-family: "Inter", sans-serif; } .dashbox__more:hover { color: #25a56a; } .dashbox__refresh { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 22px; height: 30px; } .dashbox__refresh svg { fill: #c0c0c0; width: 18px; height: auto; transition: fill 0.5s ease; } .dashbox__refresh:hover svg { fill: #25a56a; } .dashbox__table-wrap { position: relative; display: block; width: 100%; overflow: auto; padding: 20px 20px 5px; } .dashbox__table-scroll { width: 100%; display: block; } .dashbox__list-wrap { padding: 20px; position: relative; display: block; width: 100%; } .dashbox__scroll { position: relative; max-height: 320px; width: 100%; overflow: hidden; padding-right: 14px; } .dashbox__note { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #222227; height: 58px; } .dashbox__note:last-child { height: 48px; margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .dashbox__note svg { width: 20px; height: auto; margin-right: 10px; fill: #c0c0c0; } .dashbox__note p { color: #c0c0c0; font-size: 16px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; width: calc(100% - 30px); display: block; margin-bottom: 0; font-weight: 400; } .dashbox__note p a { color: #fff; text-decoration: none; } .dashbox__note p a:hover { color: #fff; text-decoration: none; } .dashbox__note span { padding: 0; font-size: 13px; color: #c0c0c0; position: relative; background-color: transparent; top: auto; left: auto; display: block; width: 100%; margin-top: 5px; } .dashbox__note--succ svg { fill: #25a56a; } .dashbox__note--fail svg { fill: #eb5757; } .dashbox__note--info svg { fill: #c0c0c0; } .dashbox__note--gift svg { fill: #8051d4; } @media (min-width: 768px) { .dashbox { margin-top: 30px; } } /*============================== Feature ==============================*/ .feature { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; position: relative; overflow: hidden; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #222227; } .feature__icon { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 46px; height: 46px; border-radius: 12px; background-color: rgba(37, 165, 106, 0.15); } .feature__icon svg { fill: #25a56a; width: auto; height: 26px; } .feature__icon--purple { background-color: rgba(128, 81, 212, 0.15); } .feature__icon--purple svg { fill: #8051d4; } .feature__icon--red { background-color: rgba(235, 87, 87, 0.15); } .feature__icon--red svg { fill: #eb5757; } .feature__icon--blue { background-color: rgba(47, 128, 237, 0.15); } .feature__icon--blue svg { fill: #2f80ed; } .feature__title { font-family: "Inter", sans-serif; font-size: 18px; font-weight: 400; color: #fff; margin-bottom: 0; margin-left: 15px; } .feature__text { display: block; width: 100%; font-size: 16px; line-height: 26px; color: #c0c0c0; margin-bottom: 0; margin-top: 15px; } .feature--last { border-bottom: none; padding-bottom: 0; } @media (min-width: 768px) { .feature { margin-top: 30px; padding-bottom: 0; border-bottom: none; } } @media (min-width: 1200px) { .feature { margin-top: 40px; } } /*============================== Step ==============================*/ .step { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; position: relative; overflow: hidden; width: 100%; margin-top: 20px; padding: 20px; border-radius: 12px; background-color: #16151a; border: 1px solid #222227; } .step__number { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 12px; width: 46px; height: 46px; font-family: "Inter", sans-serif; line-height: 100%; font-weight: 500; font-size: 20px; color: #25a56a; background-color: rgba(37, 165, 106, 0.15); } .step__title { font-family: "Inter", sans-serif; font-size: 18px; font-weight: 400; color: #fff; margin-bottom: 0; margin-left: 15px; } .step__text { display: block; width: 100%; font-size: 16px; line-height: 26px; color: #c0c0c0; margin-bottom: 0; margin-top: 15px; } @media (min-width: 768px) { .step { margin-top: 30px; } } /*============================== Plan ==============================*/ .plan { display: block; margin-top: 20px; padding: 20px; border-radius: 12px; background-color: #16151a; position: relative; overflow: hidden; border: 1px solid #222227; } .plan--red .plan__title { color: #eb5757; } .plan--red .plan__list li.green svg { fill: #eb5757; } .plan--red .plan__btn { color: #eb5757; } .plan--red .plan__btn:hover { background-color: #eb5757; } .plan--green .plan__title { color: #25a56a; } .plan--purple .plan__title { color: #8051d4; } .plan--purple .plan__list li.green svg { fill: #8051d4; } .plan--purple .plan__btn { color: #8051d4; } .plan--purple .plan__btn:hover { background-color: #8051d4; } .plan__title { position: relative; z-index: 2; font-size: 18px; color: #fff; line-height: 100%; display: block; font-weight: 500; margin-bottom: 15px; font-family: "Inter", sans-serif; } .plan__list { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; } .plan__list li { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 15px; font-size: 16px; color: #c0c0c0; } .plan__list li:last-child { margin-bottom: 0; } .plan__list li svg { width: 20px; height: auto; margin-right: 10px; } .plan__list li.red svg { fill: #c0c0c0; } .plan__list li.green { color: #fff; } .plan__list li.green svg { fill: #25a56a; } .plan__price { position: relative; z-index: 2; font-family: "Inter", sans-serif; font-weight: 500; font-size: 32px; color: #fff; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #222227; display: block; line-height: 100%; } .plan__price span { font-size: 16px; } .plan__btn { width: 100%; min-width: 140px; height: 50px; border-radius: 12px; background-color: #222227; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #25a56a; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; margin-top: 20px; } .plan__btn:hover { color: #fff; background-color: #25a56a; } @media (min-width: 768px) { .plan { margin-top: 30px; } .plan__btn { margin-top: 30px; } } /*============================== Contacts ==============================*/ .contacts__list { margin-top: 20px; } .contacts__list li { margin-bottom: 15px; } .contacts__list li:last-child { margin-bottom: 0; } .contacts__list a { font-size: 16px; color: #fff; font-family: "Inter", sans-serif; font-weight: 400; } .contacts__list a:hover { color: #25a56a; } .contacts__social { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%; } .contacts__social a { margin-top: 20px; margin-right: 15px; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 30px; height: 30px; position: relative; transition-property: all; } .contacts__social a svg { width: 100%; height: auto; } .contacts__social a:last-child { margin-right: 0; } .contacts__social a:hover { opacity: 1 !important; -webkit-filter: grayscale(0) !important; filter: grayscale(0) !important; } .contacts__social:hover a { opacity: 0.7; -webkit-filter: grayscale(0.7); filter: grayscale(0.7); } @media (min-width: 768px) { .contacts__social { margin-top: 10px; } } /*============================== Cart ==============================*/ .cart { position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; background-color: #16151a; width: 100%; padding: 0; border: 1px solid #222227; border-radius: 20px; min-height: 400px; margin-top: 20px; } .cart__table { width: 100%; min-width: 600px; } .cart__table th { font-size: 14px; font-weight: 400; color: #c0c0c0; line-height: 100%; padding: 0 20px 10px 0; } .cart__table th:last-child { width: 24px; padding: 0 0 10px 0; } .cart__table td { font-size: 16px; font-weight: 400; color: #fff; padding: 10px 20px 10px 0; } .cart__table td a { color: #fff; font-family: "Inter", sans-serif; font-weight: 400; } .cart__table td a:hover { color: #25a56a; } .cart__table td:last-child { width: 24px; padding: 10px 0; } .cart__table td:first-child { width: 100px; } .cart__img { width: 100px; height: auto; display: flex; flex-direction: row; justify-content: center; align-items: center; background-color: transparent; border-radius: 8px; overflow: hidden; } .cart__img img { width: 100px; height: auto; } .cart__delete { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 18px; height: 18px; } .cart__delete svg { fill: #c0c0c0; width: 18px; height: auto; transition: 0.5s ease; } .cart__delete:hover svg { fill: #25a56a; } .cart__price { font-size: 16px; color: #c0c0c0; font-family: "Inter", sans-serif; font-weight: 500; } .cart__price span { font-weight: 400; font-size: 12px; text-decoration: line-through; margin-left: 5px; color: #eb5757; } .cart__info { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; width: 100%; margin-top: 10px; padding: 10px 20px 20px; } .cart__total { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .cart__total p { font-size: 14px; color: #c0c0c0; margin-bottom: 10px; } .cart__total span { font-size: 28px; color: #fff; line-height: 100%; font-family: "Inter", sans-serif; font-weight: 500; } .cart__systems { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 24px; color: #c0c0c0; width: 100%; margin-top: 20px; } .cart__systems i { margin-right: 15px; } .cart__systems i:last-child { margin-right: 0; } .cart__promo { display: flex; flex-direction: row; justify-content: space-between; align-items: center; position: relative; width: 100%; margin-top: 20px; } .cart__promo .sign__btn { width: 80px; margin: 0; height: 40px; border-radius: 12px; } .cart__promo .sign__input { width: calc(100% - 90px); height: 40px; } .cart__amount { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; background-color: #222227; height: 36px; border-radius: 12px; padding: 0 10px; } .cart__amount input { width: 30px; height: 36px; border: none; text-align: center; background-color: transparent; font-size: 16px; color: #fff; font-family: "Inter", sans-serif; pointer-events: none; } .cart__amount button { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 24px; height: 36px; } .cart__amount button svg { width: 18px; height: auto; fill: #c0c0c0; transition: fill 0.5s ease; } .cart__amount button:hover svg { fill: #25a56a; } .cart__table-wrap { position: relative; display: block; width: 100%; overflow: auto; padding: 20px 20px 10px; } .cart__table-scroll { width: 100%; display: block; } @media (min-width: 768px) { .cart { margin-top: 30px; } .cart__table-wrap { padding: 25px 20px 10px; } .cart__table th { padding: 0 20px 15px 0; } .cart__table th:last-child { padding: 0 0 15px 0; } .cart__total { order: 1; } .cart__systems { margin-top: 0; width: auto; order: 2; margin-right: auto; margin-left: 20px; } .cart__promo { width: 250px; margin-top: 0; order: 3; } } @media (min-width: 1200px) { .cart__systems { margin-left: 40px; } } /*============================== Article ==============================*/ .article { display: block; position: relative; width: 100%; margin-top: 20px; } .article--page { margin-top: 0; } .article__category { display: inline-flex; flex-direction: row; justify-content: center; align-items: center; height: 30px; min-width: 70px; width: auto; color: #fff; font-size: 13px; background-color: #2f80ed; border-radius: 8px; padding: 0 15px; } .article__category:hover { color: #fff; background-color: #25a56a; } .article__date { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 13px; color: #c0c0c0; height: 30px; } .article__date svg { fill: #fff; width: 16px; height: auto; margin-right: 5px; } .article__place { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 14px; color: #c0c0c0; min-height: 30px; width: 100%; margin-bottom: 10px; } .article__place svg { fill: #fff; width: 18px; height: auto; margin-right: 5px; } .article__place:hover { color: #25a56a; } .article__content { position: relative; } .article__content img { display: block; width: 100%; height: auto; margin-bottom: 20px; border-radius: 12px; } .article__content iframe { display: block; width: 100%; height: 240px; margin-bottom: 20px; border-radius: 12px; border: none; } .article__content h1, .article__content h2, .article__content h3, .article__content h4, .article__content h5, .article__content h6 { font-family: "Inter", sans-serif; font-weight: 400; color: #000; margin-bottom: 15px; line-height: 140%; } .article__content h1:last-child, .article__content h2:last-child, .article__content h3:last-child, .article__content h4:last-child, .article__content h5:last-child, .article__content h6:last-child { margin-bottom: 0; } .article__content h1 { font-size: 30px; color: #000; } .article__content h2 { font-size: 28px; color: #000; } .article__content h3 { font-size: 24px; color: #000; } .article__content h4 { font-size: 22px; color: #000; } .article__content h5 { font-size: 18px; color: #000; } .article__content h6 { font-size: 16px; color: #000; } .article__content p { display: block; font-size: 16px; color: #000; line-height: 26px; font-weight: 400; color: #c0c0c0; margin-bottom: 20px; } .article__content p b { font-weight: 600; color: #000; } .article__content p a { color: #000; text-decoration: none; } .article__content p a:hover, .article__content p a:focus { color: #25a56a; text-decoration: none; } .article__content p:last-child { margin-bottom: 0; } .article__content blockquote { display: block; position: relative; font-family: "Inter", sans-serif; padding: 0 0 0 20px; font-size: 16px; line-height: 28px; color: #fff; font-weight: 400; margin-bottom: 20px; } .article__content blockquote:before { content: ""; position: absolute; display: block; top: 2px; bottom: 2px; left: 0; width: 3px; background-color: #25a56a; border-radius: 3px; } .article__content blockquote:last-child { margin-bottom: 0; } .article__content ul { margin-bottom: 20px; display: block; } .article__content ul li { font-size: 16px; line-height: 28px; font-weight: 400; color: #c0c0c0; padding-left: 20px; position: relative; } .article__content ul li:before { content: ""; position: absolute; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #25a56a; left: 0; top: 50%; margin-top: -2px; } .article__content ul:last-child { margin-bottom: 0; } .article__meta { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; margin-bottom: 20px; } .article__price { font-size: 30px; line-height: 100%; color: #fff; display: block; width: 100%; font-family: "Inter", sans-serif; font-weight: 500; margin-bottom: 15px; } .article__amount { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; background-color: #222227; height: 36px; border-radius: 12px; padding: 0 10px; margin-bottom: 20px; } .article__amount input { width: 30px; height: 36px; border: none; text-align: center; background-color: transparent; font-size: 16px; color: #fff; font-family: "Inter", sans-serif; pointer-events: none; } .article__amount button { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 24px; height: 36px; } .article__amount button svg { width: 18px; height: auto; fill: #c0c0c0; transition: fill 0.5s ease; } .article__amount button:hover svg { fill: #25a56a; } .article__buy { width: 180px; height: 50px; border-radius: 12px; background-color: #25a56a; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; padding: 0 25px; margin-bottom: 20px; } .article__buy svg { fill: #fff; width: 28px; height: auto; margin-right: 7px; } .article__buy:hover { background-color: #222227; color: #25a56a; } .article__artist { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-bottom: 20px; } .article__artist img { height: auto; width: 200px !important; margin-right: 20px; border-radius: 12px; } .article__artist div { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .article__artist div h1 { margin-bottom: 0; } .article__artist div span { font-size: 14px; color: #c0c0c0; display: block; margin-bottom: 20px; } @media (min-width: 576px) { .article__content iframe { height: 280px; } } @media (min-width: 768px) { .article { margin-top: 30px; } .article--page { margin-top: 0; } .article__content h1 { font-size: 36px; } .article__content h2 { font-size: 32px; } .article__content h3 { font-size: 28px; } .article__content h4 { font-size: 24px; } .article__content h5 { font-size: 20px; } .article__content h6 { font-size: 18px; } .article__content iframe { height: 400px; } .article__meta { margin-bottom: 25px; } .article__place { margin-bottom: 0; width: auto; } .article__artist { flex-direction: row; } .article__artist img { margin-bottom: 0 !important; } .article__artist div { width: calc(100% - 220px); } .article__artist div span { margin-bottom: 30px; } } @media (min-width: 1200px) { .article--page { margin-top: 30px; } .article__content iframe { height: 460px; } } /*============================== Share ==============================*/ .share { margin-top: 10px; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%; } .share__link { margin-top: 20px; margin-right: 20px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 0 15px; height: 30px; border-radius: 8px; color: black; text-decoration: none; font-size: 14px; background-color: #25a56a; } .share__link svg { color: black; text-decoration: none; margin-right: 10px; margin-top: 1px; } .share__link:last-child { margin-right: 0; color: black; text-decoration: none; } .share__link--fb { background-color: #3b5998; } .share__link--tw { background-color: #55acee; } .share__link--vk { background-color: #4c6c91; } .share__link:hover { background-color: #25a56a; color: #fff; } /*============================== Comments ==============================*/ .comments { margin-top: 50px; padding-top: 50px; border-top: 1px solid #222227; } .comments__title { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; margin-bottom: 30px; } .comments__title h4 { color: #fff; font-weight: 400; font-size: 24px; line-height: 100%; margin-bottom: 0; position: relative; font-family: "Inter", sans-serif; } .comments__title span { display: flex; flex-direction: row; justify-content: center; align-items: center; width: auto; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 4px; background-color: #25a56a; font-size: 12px; color: #fff; font-weight: 400; margin-left: 10px; } .comments__title--tabs li { position: relative; margin-right: 20px; } .comments__title--tabs li:last-child { margin-right: 0; } .comments__title--tabs a { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; opacity: 0.5; transition: opacity 0.4s linear; } .comments__title--tabs a:hover { opacity: 1; } .comments__title--tabs a.active { opacity: 1; cursor: default; } .comments__autor { display: block; position: relative; padding-left: 55px; margin-bottom: 20px; } .comments__avatar { position: absolute; top: 0; left: 0; width: 40px; border-radius: 8px; } .comments__name { display: block; font-size: 16px; color: #fff; line-height: 20px; font-weight: 400; font-family: "Inter", sans-serif; } .comments__time { display: block; font-size: 12px; color: #c0c0c0; line-height: 20px; font-weight: 400; } .comments__text { display: block; margin-bottom: 0; color: #c0c0c0; font-size: 16px; line-height: 26px; padding: 20px 0; position: relative; border-top: 1px solid #222227; border-bottom: 1px solid #222227; } .comments__text b { font-weight: 600; } .comments__text a { color: #25a56a; } .comments__text a:hover { color: #25a56a; text-decoration: none; } .comments__text span { display: block; margin-bottom: 20px; padding: 20px; position: relative; min-height: 80px; border-radius: 12px; color: #c0c0c0; background-color: #222227; } .comments__item { margin-bottom: 20px; display: block; background-color: #16151a; border: 1px solid #222227; padding: 20px; border-radius: 12px; } .comments__item--answer, .comments__item--quote { margin-left: 20px; } .comments__actions { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; padding: 20px 0 0; position: relative; } .comments__actions button { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-right: 20px; height: 20px; } .comments__actions button span { font-size: 12px; color: #c0c0c0; text-transform: uppercase; transition: color 0.5s ease; display: none; } .comments__actions button svg { width: 16px; height: auto; fill: #c0c0c0; transition: fill 0.5s ease; } .comments__actions button:hover span { color: #fff; } .comments__actions button:hover svg { fill: #25a56a; } .comments__actions button:last-child { margin-right: 0; } .comments__actions button:last-child svg { width: 18px; } .comments__rate { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; position: absolute; left: 0; top: 20px; } .comments__rate button { display: flex; flex-direction: row; justify-content: center; align-items: center; color: #c0c0c0; font-size: 14px; margin-right: 24px; position: relative; height: 20px; } .comments__rate button svg { width: 16px; height: auto; opacity: 0.6; transition: 0.5s ease; margin-top: 1px; } .comments__rate button:last-child { margin-right: 0; } .comments__rate button:last-child svg { margin-left: 8px; fill: #eb5757; width: 16px; } .comments__rate button:first-child svg { margin-right: 8px; fill: #25a56a; width: 16px; } .comments__rate button:first-child:before { content: ""; position: absolute; display: block; left: 100%; margin-left: 12px; width: 1px; height: 16px; background-color: #222227; top: 50%; transform: translateY(-50%); } .comments__rate button:hover { color: #fff; } .comments__rate button:hover svg { opacity: 1; } .comments__form { border-radius: 12px; padding: 20px; border: 1px solid #222227; background-color: #16151a; margin-top: 30px; } .comments__form .row { margin-left: -10px; margin-right: -10px; } .comments__form .col-12 { padding-left: 10px; padding-right: 10px; } .comments__form .sign__btn { margin: 0; } @media (min-width: 576px) { .comments__actions button span { display: block; margin-left: 6px; } .comments__form .sign__btn { width: 180px; } } @media (min-width: 768px) { .comments { margin-top: 60px; padding-top: 60px; } .comments__item--answer, .comments__item--quote { margin-left: 30px; } .comments__title--tabs li { margin-right: 30px; } .comments__title--tabs li:last-child { margin-right: 0; } } /*============================== Footer ==============================*/ .footer { background-color: #222227; padding: 30px 0 20px; position: relative; overflow: hidden; } .footer__logo { margin-top: 60px; } .footer__logo img { width: 100px; height: auto; } .footer__tagline { margin-top: 15px; display: block; font-size: 14px; line-height: 24px; color: #c0c0c0; margin-bottom: 0; } .footer__links { display: flex; color: black; text-decoration: none; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-top: 5px; } .footer__links a { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-top: 10px; color: #c0c0c0; font-size: 16px; } .footer__links a svg { width: 20px; height: auto; fill: #25a56a; margin-right: 10px; } .footer__links a:hover { color: #25a56a; } .footer__social { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%; } .footer__social a { margin-top: 20px; margin-right: 15px; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 30px; height: 30px; position: relative; transition-property: all; } .footer__social a svg { width: 100%; height: auto; } .footer__social a:last-child { margin-right: 0; } .footer__social a:hover { opacity: 1 !important; -webkit-filter: grayscale(0) !important; filter: grayscale(0) !important; } .footer__social:hover a { opacity: 0.6; -webkit-filter: grayscale(0.6); filter: grayscale(0.6); } .footer__content { margin-top: 60px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .footer__copyright { display: block; font-size: 14px; color: #c0c0c0; margin-top: 20px; } .footer__copyright a { color: #c0c0c0; } .footer__copyright a:hover { color: #25a56a; } .footer__title { display: block; margin-top: 30px; font-size: 16px; color: #fff; font-family: "Inter", sans-serif; font-weight: 500; margin-bottom: 15px; } .footer__nav { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .footer__nav a { font-size: 15px; line-height: 24px; margin-bottom: 10px; color: #c0c0c0; } .footer__nav a:last-child { margin-bottom: 0; } .footer__nav a:hover { color: #25a56a; } @media (min-width: 576px) { .footer { padding: 30px 15px 20px; } } @media (min-width: 768px) { .footer { padding: 20px 15px 25px; } .footer__content { margin-top: 70px; padding-top: 25px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; } .footer__logo { margin-top: 50px; } .footer__title { margin-top: 50px; } .footer__social { width: auto; order: 2; } .footer__social a { margin-top: 0; } .footer__copyright { margin-top: 0; order: 1; } } @media (min-width: 1200px) { .footer { padding-left: 295px; padding-right: 15px; } .footer__social { display: inline-flex; width: auto; } } /*============================== Sign ==============================*/ .sign { display: block; position: relative; } .sign__content { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; height: auto; padding: 20px 0 0; } .sign__form { background-color: #16151a; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 12px; padding: 30px 20px; position: relative; width: 100%; max-width: 420px; border: 1px solid #222227; } .sign__form--contacts, .sign__form--profile, .sign__form--cart { margin-top: 20px; max-width: 100%; padding: 20px 20px 5px; align-items: flex-start; } .sign__form--contacts .sign__btn, .sign__form--profile .sign__btn, .sign__form--cart .sign__btn { margin: 0 0 15px; } .sign__form--contacts .row, .sign__form--profile .row, .sign__form--cart .row { margin-left: -10px; margin-right: -10px; } .sign__form--contacts .col-12, .sign__form--profile .col-12, .sign__form--cart .col-12 { padding-left: 10px; padding-right: 10px; } .sign__form--profile .sign__btn { margin: 5px 0 15px; } .sign__logo { display: block; margin-bottom: 30px; } .sign__logo a { max-width: 100%; width: auto; } .sign__logo img { width: 100px; } .sign__title { font-size: 16px; font-weight: 500; font-family: "Inter", sans-serif; color: #fff; margin-bottom: 20px; } .sign__label { font-weight: 400; font-size: 14px; color: #c0c0c0; margin-bottom: 5px; padding-left: 20px; } .sign__label b { font-weight: 600; color: #fff; } .sign__input { background-color: #222227; border: 1px solid transparent; border-radius: 12px; height: 46px; position: relative; color: #fff; font-size: 16px; width: 100%; padding: 0 20px; font-family: "Inter", sans-serif; } .sign__input:focus { border-color: #25a56a; } .sign__select { background: url("../img/arrow2.svg") no-repeat center right 20px #222227; background-size: 18px auto; border: 1px solid transparent; border-radius: 12px; height: 46px; position: relative; color: #fff; font-size: 16px; width: 100%; padding: 0 20px; cursor: pointer; font-family: "Inter", sans-serif; } .sign__select:focus { border-color: #25a56a; } .sign__textarea { background-color: #222227; border: 1px solid transparent; border-radius: 12px; height: 144px; position: relative; color: #fff; font-size: 16px; width: 100%; padding: 15px 20px; resize: none; font-family: "Inter", sans-serif; } .sign__textarea:focus { border-color: #25a56a; } .sign__group { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; flex-wrap: wrap; position: relative; margin-bottom: 20px; width: 100%; } .sign__group--row .sign__label { padding-left: 0; } .sign__group--checkbox { width: 100%; text-align: left; } .sign__group--checkbox input:not(:checked), .sign__group--checkbox input:checked { position: absolute; left: -9999px; } .sign__group--checkbox input:not(:checked)+label, .sign__group--checkbox input:checked+label { font-size: 14px; color: #c0c0c0; font-weight: normal; position: relative; cursor: pointer; padding-left: 35px; line-height: 22px; margin: 0; } .sign__group--checkbox input:not(:checked)+label a, .sign__group--checkbox input:checked+label a { color: #25a56a; } .sign__group--checkbox input:not(:checked)+label a:hover, .sign__group--checkbox input:checked+label a:hover { color: #25a56a; text-decoration: none; } .sign__group--checkbox input:not(:checked)+label:before, .sign__group--checkbox input:checked+label:before { content: ""; position: absolute; left: 0; top: 0; width: 22px; height: 22px; background-color: #222227; border: 1px solid transparent; border-radius: 6px; } .sign__group--checkbox input:not(:checked)+label:after, .sign__group--checkbox input:checked+label:after { content: ""; position: absolute; left: 0; top: 0; width: 22px; height: 22px; text-align: center; transition: 0.5s ease; background: url("../img/checkmark.svg") no-repeat center/20px auto; border-radius: 6px; } .sign__group--checkbox input:not(:checked)+label:after { opacity: 0; transform: scale(0); } .sign__group--checkbox input:checked+label:after { opacity: 1; transform: scale(1); } .sign__group--checkbox label::-moz-selection { background: transparent; color: #c0c0c0; } .sign__group--checkbox label::selection { background: transparent; color: #c0c0c0; } .sign__btn { width: 100%; height: 50px; border-radius: 12px; background-color: #25a56a; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; margin: 15px auto; } .sign__btn:hover { color: #fff; background-color: #222227; } .sign__text { margin-top: 15px; font-size: 14px; line-height: 24px; color: #fff; width: 100%; text-align: center; } .sign__text:first-child { margin-top: 0; } .sign__text a { position: relative; color: #25a56a; } .sign__text a:hover { color: #25a56a; text-decoration: underline; } .sign__text--small { font-size: 13px; line-height: 20px; text-align: left; } .sign__delimiter { font-size: 14px; color: #c0c0c0; line-height: 100%; width: 100%; display: block; text-align: center; } .sign__social { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 15px; margin-top: 15px; } .sign__social a { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 46px; width: calc(33% - 10px); border-radius: 12px; color: #fff; } .sign__social a svg { height: auto; fill: #fff; transition: 0.5s ease; } .sign__social a.fb { background-color: #3b5999; } .sign__social a.fb svg { width: 10px; } .sign__social a.gl { background-color: #df4a32; } .sign__social a.gl svg { width: 18px; } .sign__social a.tw { background-color: #1da1f2; } .sign__social a.tw svg { width: 20px; } .sign__social a:hover { background-color: #c0c0c0; } .sign__social a:hover.fb svg { fill: #3b5999; } .sign__social a:hover.gl svg { fill: #df4a32; } .sign__social a:hover.tw svg { fill: #1da1f2; } .sign__value { font-size: 24px; color: #fff; display: block; font-weight: 500; margin-left: 10px; font-family: "Inter", sans-serif; } .sign__radio { position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-top: 5px; } .sign__radio li { position: relative; overflow: hidden; margin-bottom: 10px; } .sign__radio li:last-child { margin-bottom: 0; } .sign__radio input:not(:checked), .sign__radio input:checked { position: absolute; left: -9999px; } .sign__radio label { display: block; margin: 0; position: relative; font-weight: 400; cursor: pointer; font-size: 16px; color: #c0c0c0; line-height: 24px; padding-left: 32px; transition: 0.5s ease; } .sign__radio label:before { content: ""; display: block; position: absolute; width: 20px; height: 20px; border: 6px solid #222227; background-color: transparent; border-radius: 50%; left: 0; top: 2px; transition: 0.5s ease; } .sign__radio label:hover { color: #fff; } .sign__radio input:checked+label { color: #fff; } .sign__radio input:checked+label:before { border-color: #25a56a; } @media (min-width: 576px) { .sign__form { padding: 40px; } .sign__form--contacts, .sign__form--profile, .sign__form--cart { padding: 20px 20px 5px; } .sign__logo { margin-bottom: 40px; } } @media (min-width: 768px) { .sign__form--contacts, .sign__form--profile { margin-top: 30px; } .sign__form--contacts .sign__btn, .sign__form--profile .sign__btn { margin: 10px 0 15px; } .sign__form--cart { margin-top: 30px; } .sign__form--cart .sign__btn { margin-top: 10px; } .sign__content { padding: 30px 0 0; } } @media (min-width: 992px) { .sign__form--profile .sign__btn { width: 180px; } } /*============================== Page 404 ==============================*/ .page-404 { display: block; position: relative; } .page-404__wrap { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; height: auto; padding: 20px 0 0; } .page-404__content { background-color: #16151a; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 12px; padding: 20px; position: relative; width: 100%; max-width: 420px; border: 1px solid #222227; } .page-404__title { position: relative; color: #fff; line-height: 100%; font-size: 100px; margin-bottom: 10px; font-weight: 500; font-family: "Inter", sans-serif; } .page-404__text { text-align: center; display: block; width: 100%; color: #c0c0c0; font-size: 16px; line-height: 24px; margin-bottom: 30px; } .page-404__btn { width: 100%; height: 50px; border-radius: 12px; background-color: #25a56a; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; margin: 0 auto; } .page-404__btn:hover { color: #fff; background-color: #222227; } @media (min-width: 576px) { .page-404__content { padding: 40px; } } @media (min-width: 768px) { .page-404__wrap { padding: 30px 0 0; } } .mfp-bg { background: rgba(34, 34, 39, 0.75); } .mfp-container { padding: 0 15px !important; } .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; transition: all 0.4s ease-in-out; transform: scale(0.8); } .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; transform: scale(1); } .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 1; } .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { transform: scale(0.8); opacity: 0; } .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } .my-mfp-zoom-in.mfp-bg { opacity: 0; transition: opacity 0.4s ease-out; } .mfp-iframe-scaler iframe { border-radius: 12px; box-shadow: none; background-color: #16151a; } .mfp-iframe-holder .mfp-close { color: transparent; transition: opacity 0.4s; } .mfp-iframe-holder .mfp-close:before { content: ""; position: absolute; top: 0; right: 0; width: 30px; height: 44px; background: url("../img/close.svg") no-repeat center; background-size: 30px auto; } .mfp-iframe-holder .mfp-content { max-width: 910px; } .mfp-figure::after { box-shadow: none; background-color: #222227; } .mfp-fade.mfp-bg { opacity: 0; transition: all 0.4s ease-in-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 1; } .mfp-fade.mfp-bg.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-bg.mfp-removing .mfp-content { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all 0.4s ease-in-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /*============================== Slider radio ==============================*/ .slider-radio { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; background-color: #222227; padding: 5px 0; border-radius: 12px; margin-top: 10px; position: relative; width: 100%; z-index: 2; } .slider-radio label { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 30px; padding: 0 15px; font-size: 14px; color: #c0c0c0; margin-bottom: 0; cursor: pointer; border-radius: 10px; margin: 0 5px; position: relative; z-index: 100; transition: color 0.5s; font-family: "Inter", sans-serif; font-weight: 400; } .slider-radio label:hover { color: #fff; } .slider-radio .sliding-piece { border-radius: 10px; background-color: #25a56a; z-index: 99; } .slider-radio input[type="radio"]:checked+label { color: #fff; background-color: #25a56a; } @media (min-width: 768px) { .slider-radio { margin-left: auto; margin-top: 0; width: auto; } } /*============================== Select2 ==============================*/ .select2-container { width: auto !important; margin-right: 30px; } .select2-container .select2-selection--single { height: 40px; background-color: transparent; border-radius: 0; border: none; } .select2-container .select2-selection--single .select2-selection__rendered { line-height: 40px; color: #fff; padding: 0 18px 0 0; font-size: 14px; font-family: "Inter", sans-serif; font-weight: 400; transition: 0.5s ease; } .select2-container .select2-selection--single[aria-expanded="true"] { background-color: transparent; } .select2-container .select2-selection--single:hover .select2-selection__rendered { color: #25a56a; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 20px; width: 18px; top: 10px; right: 0; background: url("../img/arrow.svg") no-repeat center right; background-size: 18px auto; margin-top: 1px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #25a56a; color: #fff; white-space: nowrap; } .select2-container--default .select2-results__option--selected { color: #fff; background-color: #25a56a; cursor: default; } .select2-container--default .select2-results__option[aria-selected="true"] { background-color: transparent; color: #25a56a; cursor: default; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: transparent; color: #25a56a; } .select2-results__option { padding: 0 0; font-size: 14px; font-family: "Inter", sans-serif; font-weight: 400; color: #fff; height: 40px; line-height: 40px; transition: 0.5s ease; } .select2-dropdown { border-left: none; border-right: none; border-bottom: none; border-top: none; border-radius: 12px !important; min-width: 180px; padding: 5px 0 5px 15px; background-color: #222227; } .select2-container--open .select2-dropdown--below { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } .select2-container--open .select2-dropdown--above { border-top-left-radius: 12px; border-top-right-radius: 12px; } /*============================== Scrollbar-track ==============================*/ .scrollbar-track-y { background: #222227 !important; top: 0px !important; bottom: 0px !important; height: auto !important; width: 4px !important; border-radius: 4px !important; right: 0px !important; overflow: hidden; } .scrollbar-thumb-y { background: #25a56a !important; width: 4px !important; border-radius: 4px !important; } .scrollbar-track-x { background: #222227 !important; left: 0px !important; right: 0px !important; height: 4px !important; width: auto !important; border-radius: 4px !important; bottom: 0px !important; overflow: hidden; } .scrollbar-thumb-x { background: #25a56a !important; height: 4px !important; border-radius: 4px !important; } @keyframes plyr-progress { to { background-position: 25px 0; background-position: var(--plyr-progress-loading-size, 25px) 0; } } @keyframes plyr-popup { 0% { opacity: 0.5; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @keyframes plyr-fade-in { from { opacity: 0; } to { opacity: 1; } } .plyr { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; align-items: center; direction: ltr; display: flex; flex-direction: column; font-family: inherit; font-family: var(--plyr-font-family, inherit); font-variant-numeric: tabular-nums; font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); line-height: 1.7; line-height: var(--plyr-line-height, 1.7); max-width: 100%; min-width: 200px; position: relative; text-shadow: none; transition: box-shadow 0.3s ease; z-index: 0; } .plyr audio, .plyr iframe, .plyr video { display: block; height: 100%; width: 100%; } .plyr button { font: inherit; line-height: inherit; width: auto; } .plyr:focus { outline: 0; } .plyr--full-ui { box-sizing: border-box; } .plyr--full-ui *, .plyr--full-ui ::after, .plyr--full-ui ::before { box-sizing: inherit; } .plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label { touch-action: manipulation; } .plyr__badge { background: #4a5464; background: var(--plyr-badge-background, #4a5464); border-radius: 2px; border-radius: var(--plyr-badge-border-radius, 2px); color: #fff; color: var(--plyr-badge-text-color, #fff); font-size: 9px; font-size: var(--plyr-font-size-badge, 9px); line-height: 1; padding: 3px 4px; } .plyr--full-ui ::-webkit-media-text-track-container { display: none; } .plyr__captions { animation: plyr-fade-in 0.3s ease; bottom: 0; display: none; font-size: 13px; font-size: var(--plyr-font-size-small, 13px); left: 0; padding: 10px; padding: var(--plyr-control-spacing, 10px); position: absolute; text-align: center; transition: transform 0.4s ease-in-out; width: 100%; } .plyr__captions span:empty { display: none; } @media (min-width: 480px) { .plyr__captions { font-size: 15px; font-size: var(--plyr-font-size-base, 15px); padding: calc(10px * 2); padding: calc(var(--plyr-control-spacing, 10px) * 2); } } @media (min-width: 768px) { .plyr__captions { font-size: 18px; font-size: var(--plyr-font-size-large, 18px); } } .plyr--captions-active .plyr__captions { display: block; } .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions { transform: translateY(calc(10px * -4)); transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4)); } .plyr__caption { background: rgba(0, 0, 0, 0.8); background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8)); border-radius: 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; color: #fff; color: var(--plyr-captions-text-color, #fff); line-height: 185%; padding: 0.2em 0.5em; white-space: pre-wrap; } .plyr__caption div { display: inline; } .plyr__control { background: 0 0; border: 0; border-radius: 3px; border-radius: var(--plyr-control-radius, 3px); color: inherit; cursor: pointer; flex-shrink: 0; overflow: visible; padding: calc(10px * 0.7); padding: calc(var(--plyr-control-spacing, 10px) * 0.7); position: relative; transition: all 0.3s ease; } .plyr__control svg { display: block; fill: currentColor; height: 18px; height: var(--plyr-control-icon-size, 18px); pointer-events: none; width: 18px; width: var(--plyr-control-icon-size, 18px); } .plyr__control:focus { outline: 0; } .plyr__control.plyr__tab-focus { outline-color: #00b3ff; outline-color: var( --plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px; } a.plyr__control { text-decoration: none; } a.plyr__control::after, a.plyr__control::before { display: none; } .plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed { display: none; } .plyr--full-ui ::-webkit-media-controls { display: none; } .plyr__controls { align-items: center; display: flex; justify-content: flex-end; text-align: center; } .plyr__controls .plyr__progress__container { flex: 1; min-width: 0; } .plyr__controls .plyr__controls__item { margin-left: calc(10px / 4); margin-left: calc(var(--plyr-control-spacing, 10px) / 4); } .plyr__controls .plyr__controls__item:first-child { margin-left: 0; margin-right: auto; } .plyr__controls .plyr__controls__item.plyr__progress__container { padding-left: calc(10px / 4); padding-left: calc(var(--plyr-control-spacing, 10px) / 4); } .plyr__controls .plyr__controls__item.plyr__time { padding: 0 calc(10px / 2); padding: 0 calc(var(--plyr-control-spacing, 10px) / 2); } .plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time+.plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child { padding-left: 0; } .plyr__controls:empty { display: none; } .plyr [data-plyr="airplay"], .plyr [data-plyr="captions"], .plyr [data-plyr="fullscreen"], .plyr [data-plyr="pip"] { display: none; } .plyr--airplay-supported [data-plyr="airplay"], .plyr--captions-enabled [data-plyr="captions"], .plyr--fullscreen-enabled [data-plyr="fullscreen"], .plyr--pip-supported [data-plyr="pip"] { display: inline-block; } .plyr__menu { display: flex; position: relative; } .plyr__menu .plyr__control svg { transition: transform 0.3s ease; } .plyr__menu .plyr__control[aria-expanded="true"] svg { transform: rotate(90deg); } .plyr__menu .plyr__control[aria-expanded="true"] .plyr__tooltip { display: none; } .plyr__menu__container { animation: plyr-popup 0.2s ease; background: rgba(255, 255, 255, 0.9); background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9)); border-radius: 4px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); color: #4a5464; color: var(--plyr-menu-color, #4a5464); font-size: 15px; font-size: var(--plyr-font-size-base, 15px); margin-bottom: 10px; position: absolute; right: -3px; text-align: left; white-space: nowrap; z-index: 3; } .plyr__menu__container>div { overflow: hidden; transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); } .plyr__menu__container::after { border: 4px solid transparent; border: var(--plyr-menu-arrow-size, 4px) solid transparent; border-top-color: rgba(255, 255, 255, 0.9); border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9)); content: ""; height: 0; position: absolute; right: calc(((18px / 2)+calc(10px * 0.7)) - (4px / 2)); right: calc( ( (var(--plyr-control-icon-size, 18px) / 2)+calc(var(--plyr-control-spacing, 10px) * 0.7)) - (var(--plyr-menu-arrow-size, 4px) / 2)); top: 100%; width: 0; } .plyr__menu__container [role="menu"] { padding: calc(10px * 0.7); padding: calc(var(--plyr-control-spacing, 10px) * 0.7); } .plyr__menu__container [role="menuitem"], .plyr__menu__container [role="menuitemradio"] { margin-top: 2px; } .plyr__menu__container [role="menuitem"]:first-child, .plyr__menu__container [role="menuitemradio"]:first-child { margin-top: 0; } .plyr__menu__container .plyr__control { align-items: center; color: #4a5464; color: var(--plyr-menu-color, #4a5464); display: flex; font-size: 13px; font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px)); padding-bottom: calc(calc(10px * 0.7) / 1.5); padding-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5); padding-left: calc(calc(10px * 0.7) * 1.5); padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5); padding-right: calc(calc(10px * 0.7) * 1.5); padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5); padding-top: calc(calc(10px * 0.7) / 1.5); padding-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5); -webkit-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .plyr__menu__container .plyr__control>span { align-items: inherit; display: flex; width: 100%; } .plyr__menu__container .plyr__control::after { border: 4px solid transparent; border: var(--plyr-menu-item-arrow-size, 4px) solid transparent; content: ""; position: absolute; top: 50%; transform: translateY(-50%); } .plyr__menu__container .plyr__control--forward { padding-right: calc(calc(10px * 0.7) * 4); padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4); } .plyr__menu__container .plyr__control--forward::after { border-left-color: #728197; border-left-color: var(--plyr-menu-arrow-color, #728197); right: calc((calc(10px * 0.7) * 1.5) - 4px); right: calc( (calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px)); } .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after { border-left-color: currentColor; } .plyr__menu__container .plyr__control--back { font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); margin: calc(10px * 0.7); margin: calc(var(--plyr-control-spacing, 10px) * 0.7); margin-bottom: calc(calc(10px * 0.7) / 2); margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2); padding-left: calc(calc(10px * 0.7) * 4); padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4); position: relative; width: calc(100% - (calc(10px * 0.7) * 2)); width: calc(100% - (calc(var(--plyr-control-spacing, 10px) * 0.7) * 2)); } .plyr__menu__container .plyr__control--back::after { border-right-color: #728197; border-right-color: var(--plyr-menu-arrow-color, #728197); left: calc((calc(10px * 0.7) * 1.5) - 4px); left: calc( (calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px)); } .plyr__menu__container .plyr__control--back::before { background: #dcdfe5; background: var(--plyr-menu-back-border-color, #dcdfe5); box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff); content: ""; height: 1px; left: 0; margin-top: calc(calc(10px * 0.7) / 2); margin-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2); overflow: hidden; position: absolute; right: 0; top: 100%; } .plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after { border-right-color: currentColor; } .plyr__menu__container .plyr__control[role="menuitemradio"] { padding-left: calc(10px * 0.7); padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7); } .plyr__menu__container .plyr__control[role="menuitemradio"]::after, .plyr__menu__container .plyr__control[role="menuitemradio"]::before { border-radius: 100%; } .plyr__menu__container .plyr__control[role="menuitemradio"]::before { background: rgba(0, 0, 0, 0.1); content: ""; display: block; flex-shrink: 0; height: 16px; margin-right: 10px; margin-right: var(--plyr-control-spacing, 10px); transition: all 0.3s ease; width: 16px; } .plyr__menu__container .plyr__control[role="menuitemradio"]::after { background: #fff; border: 0; height: 6px; left: 12px; opacity: 0; top: 50%; transform: translateY(-50%) scale(0); transition: transform 0.3s ease, opacity 0.3s ease; width: 6px; } .plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::before { background: #00b3ff; background: var( --plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); } .plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::after { opacity: 1; transform: translateY(-50%) scale(1); } .plyr__menu__container .plyr__control[role="menuitemradio"].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role="menuitemradio"]:hover::before { background: rgba(35, 40, 47, 0.1); } .plyr__menu__container .plyr__menu__value { align-items: center; display: flex; margin-left: auto; margin-right: calc((calc(10px * 0.7) - 2) * -1); margin-right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) - 2) * -1); overflow: hidden; padding-left: calc(calc(10px * 0.7) * 3.5); padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 3.5); pointer-events: none; } .plyr--full-ui input[type="range"] { -webkit-appearance: none; background: 0 0; border: 0; border-radius: calc(13px * 2); border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2); color: #00b3ff; color: var( --plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); display: block; height: calc((3px * 2)+13px); height: calc( (var(--plyr-range-thumb-active-shadow-width, 3px) * 2)+var(--plyr-range-thumb-height, 13px)); margin: 0; min-width: 0; padding: 0; transition: box-shadow 0.3s ease; width: 100%; } .plyr--full-ui input[type="range"]::-webkit-slider-runnable-track { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -webkit-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -webkit-user-select: none; user-select: none; background-image: linear-gradient(to right, currentColor 0, transparent 0); background-image: linear-gradient( to right, currentColor var(--value, 0), transparent var(--value, 0)); } .plyr--full-ui input[type="range"]::-webkit-slider-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)); height: 13px; height: var(--plyr-range-thumb-height, 13px); position: relative; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px); -webkit-appearance: none; margin-top: calc(((13px - 5px) / 2) * -1); margin-top: calc( ( ( var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2) * -1); } .plyr--full-ui input[type="range"]::-moz-range-track { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -moz-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; user-select: none; } .plyr--full-ui input[type="range"]::-moz-range-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)); height: 13px; height: var(--plyr-range-thumb-height, 13px); position: relative; -moz-transition: all 0.2s ease; transition: all 0.2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px); } .plyr--full-ui input[type="range"]::-moz-range-progress { background: currentColor; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); } .plyr--full-ui input[type="range"]::-ms-track { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -ms-user-select: none; user-select: none; color: transparent; } .plyr--full-ui input[type="range"]::-ms-fill-upper { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -ms-user-select: none; user-select: none; } .plyr--full-ui input[type="range"]::-ms-fill-lower { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -ms-user-select: none; user-select: none; background: currentColor; } .plyr--full-ui input[type="range"]::-ms-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)); height: 13px; height: var(--plyr-range-thumb-height, 13px); position: relative; -ms-transition: all 0.2s ease; transition: all 0.2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px); margin-top: 0; } .plyr--full-ui input[type="range"]::-ms-tooltip { display: none; } .plyr--full-ui input[type="range"]:focus { outline: 0; } .plyr--full-ui input[type="range"]::-moz-focus-outer { border: 0; } .plyr--full-ui input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track { outline-color: #00b3ff; outline-color: var( --plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px; } .plyr--full-ui input[type="range"].plyr__tab-focus::-moz-range-track { outline-color: #00b3ff; outline-color: var( --plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px; } .plyr--full-ui input[type="range"].plyr__tab-focus::-ms-track { outline-color: #00b3ff; outline-color: var( --plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px; } .plyr__poster { background-color: #000; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity 0.2s ease; width: 100%; z-index: 1; } .plyr--stopped.plyr__poster-enabled .plyr__poster { opacity: 1; } .plyr__time { font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); } .plyr__time+.plyr__time::before { content: "\2044"; margin-right: 10px; margin-right: var(--plyr-control-spacing, 10px); } @media (max-width: calc(768px - 1px)) { .plyr__time+.plyr__time { display: none; } } .plyr__tooltip { background: rgba(255, 255, 255, 0.9); background: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); border-radius: 3px; border-radius: var(--plyr-tooltip-radius, 3px); bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); color: #4a5464; color: var(--plyr-tooltip-color, #4a5464); font-size: 13px; font-size: var(--plyr-font-size-small, 13px); font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); left: 50%; line-height: 1.3; margin-bottom: calc(calc(10px / 2) * 2); margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2); opacity: 0; padding: calc(10px / 2) calc(calc(10px / 2) * 1.5); padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(calc(var(--plyr-control-spacing, 10px) / 2) * 1.5); pointer-events: none; position: absolute; transform: translate(-50%, 10px) scale(0.8); transform-origin: 50% 100%; transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; white-space: nowrap; z-index: 2; } .plyr__tooltip::before { border-left: 4px solid transparent; border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-right: 4px solid transparent; border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.9); border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); bottom: calc(4px * -1); bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1); content: ""; height: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0; z-index: 2; } .plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible { opacity: 1; transform: translate(-50%, 0) scale(1); } .plyr .plyr__control:hover .plyr__tooltip { z-index: 3; } .plyr__controls>.plyr__control:first-child .plyr__tooltip, .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip { left: 0; transform: translate(0, 10px) scale(0.8); transform-origin: 0 100%; } .plyr__controls>.plyr__control:first-child .plyr__tooltip::before, .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before { left: calc((18px / 2)+calc(10px * 0.7)); left: calc( (var(--plyr-control-icon-size, 18px) / 2)+calc(var(--plyr-control-spacing, 10px) * 0.7)); } .plyr__controls>.plyr__control:last-child .plyr__tooltip { left: auto; right: 0; transform: translate(0, 10px) scale(0.8); transform-origin: 100% 100%; } .plyr__controls>.plyr__control:last-child .plyr__tooltip::before { left: auto; right: calc((18px / 2)+calc(10px * 0.7)); right: calc( (var(--plyr-control-icon-size, 18px) / 2)+calc(var(--plyr-control-spacing, 10px) * 0.7)); transform: translateX(50%); } .plyr__controls>.plyr__control:first-child .plyr__tooltip--visible, .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible, .plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip, .plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls>.plyr__control:first-child:hover .plyr__tooltip, .plyr__controls>.plyr__control:last-child .plyr__tooltip--visible, .plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls>.plyr__control:last-child:hover .plyr__tooltip { transform: translate(0, 0) scale(1); } .plyr__progress { left: calc(13px * 0.5); left: calc(var(--plyr-range-thumb-height, 13px) * 0.5); margin-right: 13px; margin-right: var(--plyr-range-thumb-height, 13px); position: relative; } .plyr__progress input[type="range"], .plyr__progress__buffer { margin-left: calc(13px * -0.5); margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5); margin-right: calc(13px * -0.5); margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5); width: calc(100%+13px); width: calc(100%+var(--plyr-range-thumb-height, 13px)); } .plyr__progress input[type="range"] { position: relative; z-index: 2; } .plyr__progress .plyr__tooltip { font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); left: 0; } .plyr__progress__buffer { -webkit-appearance: none; background: 0 0; border: 0; border-radius: 100px; height: 5px; height: var(--plyr-range-track-height, 5px); left: 0; margin-top: calc((5px / 2) * -1); margin-top: calc((var(--plyr-range-track-height, 5px) / 2) * -1); padding: 0; position: absolute; top: 50%; } .plyr__progress__buffer::-webkit-progress-bar { background: 0 0; } .plyr__progress__buffer::-webkit-progress-value { background: currentColor; border-radius: 100px; min-width: 5px; min-width: var(--plyr-range-track-height, 5px); -webkit-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr__progress__buffer::-moz-progress-bar { background: currentColor; border-radius: 100px; min-width: 5px; min-width: var(--plyr-range-track-height, 5px); -moz-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr__progress__buffer::-ms-fill { border-radius: 100px; -ms-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr--loading .plyr__progress__buffer { animation: plyr-progress 1s linear infinite; background-image: linear-gradient( -45deg, rgba(35, 40, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 40, 47, 0.6) 50%, rgba(35, 40, 47, 0.6) 75%, transparent 75%, transparent); background-image: linear-gradient( -45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, transparent 75%, transparent); background-repeat: repeat-x; background-size: 25px 25px; background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px); color: transparent; } .plyr--video.plyr--loading .plyr__progress__buffer { background-color: rgba(255, 255, 255, 0.25); background-color: var( --plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)); } .plyr--audio.plyr--loading .plyr__progress__buffer { background-color: rgba(193, 200, 209, 0.6); background-color: var( --plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)); } .plyr__volume { align-items: center; display: flex; max-width: 110px; min-width: 80px; position: relative; width: 20%; } .plyr__volume input[type="range"] { margin-left: calc(10px / 2); margin-left: calc(var(--plyr-control-spacing, 10px) / 2); margin-right: calc(10px / 2); margin-right: calc(var(--plyr-control-spacing, 10px) / 2); position: relative; z-index: 2; } .plyr--is-ios .plyr__volume { min-width: 0; width: auto; } .plyr--audio { display: block; } .plyr--audio .plyr__controls { background: #fff; background: var(--plyr-audio-controls-background, #fff); border-radius: inherit; color: #4a5464; color: var(--plyr-audio-control-color, #4a5464); padding: 10px; padding: var(--plyr-control-spacing, 10px); } .plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded="true"] { background: #00b3ff; background: var( --plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); color: #fff; color: var(--plyr-audio-control-color-hover, #fff); } .plyr--full-ui.plyr--audio input[type="range"]::-webkit-slider-runnable-track { background-color: rgba(193, 200, 209, 0.6); background-color: var( --plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); } .plyr--full-ui.plyr--audio input[type="range"]::-moz-range-track { background-color: rgba(193, 200, 209, 0.6); background-color: var( --plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); } .plyr--full-ui.plyr--audio input[type="range"]::-ms-track { background-color: rgba(193, 200, 209, 0.6); background-color: var( --plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); } .plyr--full-ui.plyr--audio input[type="range"]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); } .plyr--full-ui.plyr--audio input[type="range"]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); } .plyr--full-ui.plyr--audio input[type="range"]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); } .plyr--audio .plyr__progress__buffer { color: rgba(193, 200, 209, 0.6); color: var( --plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)); } .plyr--video { background: #000; overflow: hidden; } .plyr--video.plyr--menu-open { overflow: visible; } .plyr__video-wrapper { background: #000; height: 100%; margin: auto; overflow: hidden; position: relative; width: 100%; } .plyr__video-embed, .plyr__video-wrapper--fixed-ratio { height: 0; padding-bottom: 56.25%; } .plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video { border: 0; left: 0; position: absolute; top: 0; } .plyr--full-ui .plyr__video-embed>.plyr__video-embed__container { padding-bottom: 240%; position: relative; transform: translateY(-38.28125%); } .plyr--video .plyr__controls { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)); background: var( --plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75))); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; bottom: 0; color: #fff; color: var(--plyr-video-control-color, #fff); left: 0; padding: calc(10px / 2); padding: calc(var(--plyr-control-spacing, 10px) / 2); padding-top: calc(10px * 2); padding-top: calc(var(--plyr-control-spacing, 10px) * 2); position: absolute; right: 0; transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out; z-index: 3; } @media (min-width: 480px) { .plyr--video .plyr__controls { padding: 10px; padding: var(--plyr-control-spacing, 10px); padding-top: calc(10px * 3.5); padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5); } } .plyr--video.plyr--hide-controls .plyr__controls { opacity: 0; pointer-events: none; transform: translateY(100%); } .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded="true"] { background: #00b3ff; background: var( --plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); color: #fff; color: var(--plyr-video-control-color-hover, #fff); } .plyr__control--overlaid { background: #00b3ff; background: var( --plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); border: 0; border-radius: 100%; color: #fff; color: var(--plyr-video-control-color, #fff); display: none; left: 50%; opacity: 0.9; padding: calc(10px * 1.5); padding: calc(var(--plyr-control-spacing, 10px) * 1.5); position: absolute; top: 50%; transform: translate(-50%, -50%); transition: 0.3s; z-index: 2; } .plyr__control--overlaid svg { left: 2px; position: relative; } .plyr__control--overlaid:focus, .plyr__control--overlaid:hover { opacity: 1; } .plyr--playing .plyr__control--overlaid { opacity: 0; visibility: hidden; } .plyr--full-ui.plyr--video .plyr__control--overlaid { display: block; } .plyr--full-ui.plyr--video input[type="range"]::-webkit-slider-runnable-track { background-color: rgba(255, 255, 255, 0.25); background-color: var( --plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); } .plyr--full-ui.plyr--video input[type="range"]::-moz-range-track { background-color: rgba(255, 255, 255, 0.25); background-color: var( --plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); } .plyr--full-ui.plyr--video input[type="range"]::-ms-track { background-color: rgba(255, 255, 255, 0.25); background-color: var( --plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); } .plyr--full-ui.plyr--video input[type="range"]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var( --plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); } .plyr--full-ui.plyr--video input[type="range"]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var( --plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); } .plyr--full-ui.plyr--video input[type="range"]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var( --plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); } .plyr--video .plyr__progress__buffer { color: rgba(255, 255, 255, 0.25); color: var( --plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)); } .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-webkit-full-screen video { height: 100%; } .plyr:-ms-fullscreen video { height: 100%; } .plyr:fullscreen video { height: 100%; } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-ms-fullscreen .plyr__video-wrapper { height: 100%; position: static; } .plyr:fullscreen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none; } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none; } .plyr:fullscreen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr: -webkit-full-screen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } .plyr:-ms-fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } .plyr:fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-webkit-full-screen video { height: 100%; } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr: -webkit-full-screen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr:-moz-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-moz-full-screen video { height: 100%; } .plyr:-moz-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:-moz-full-screen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr: -moz-full-screen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-ms-fullscreen video { height: 100%; } .plyr:-ms-fullscreen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr: -ms-fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr--fullscreen-fallback { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; bottom: 0; display: block; left: 0; 33 right: 0; top: 0; z-index: 10000000; } .plyr--fullscreen-fallback video { height: 100%; } .plyr--fullscreen-fallback .plyr__video-wrapper { height: 100%; position: static; } .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { display: block; } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr--fullscreen-fallback.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr--fullscreen-fallback .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr__ads { border-radius: inherit; bottom: 0; cursor: pointer; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: -1; } .plyr__ads>div, .plyr__ads>div iframe { height: 100%; position: absolute; width: 100%; } .plyr__ads::after { background: #23282f; border-radius: 2px; bottom: 10px; bottom: var(--plyr-control-spacing, 10px); color: #fff; content: attr(data-badge-text); font-size: 11px; padding: 2px 6px; pointer-events: none; position: absolute; right: 10px; right: var(--plyr-control-spacing, 10px); z-index: 3; } .plyr__ads::after:empty { display: none; } .plyr__cues { background: currentColor; display: block; height: 5px; height: var(--plyr-range-track-height, 5px); left: 0; margin: -var(--plyr-range-track-height, 5px) / 2 0 0; opacity: 0.8; position: absolute; top: 50%; width: 3px; z-index: 3; } .plyr__preview-thumb { background-color: rgba(255, 255, 255, 0.9); background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); border-radius: 3px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); margin-bottom: calc(calc(10px / 2) * 2); margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2); opacity: 0; padding: 3px; padding: var(--plyr-tooltip-radius, 3px); pointer-events: none; position: absolute; transform: translate(0, 10px) scale(0.8); transform-origin: 50% 100%; transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; z-index: 2; } .plyr__preview-thumb--is-shown { opacity: 1; transform: translate(0, 0) scale(1); } .plyr__preview-thumb::before { border-left: 4px solid transparent; border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-right: 4px solid transparent; border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.9); border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); bottom: calc(4px * -1); bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1); content: ""; height: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0; z-index: 2; } .plyr__preview-thumb__image-container { background: #c1c8d1; border-radius: calc(3px - 1px); border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px); overflow: hidden; position: relative; z-index: 0; } .plyr__preview-thumb__image-container img { height: 100%; left: 0; max-height: none; max-width: none; position: absolute; top: 0; width: 100%; } .plyr__preview-thumb__time-container { bottom: 6px; left: 0; position: absolute; right: 0; white-space: nowrap; z-index: 3; } .plyr__preview-thumb__time-container span { background-color: rgba(0, 0, 0, 0.55); border-radius: calc(3px - 1px); border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px); color: #fff; font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); padding: 3px 6px; } .plyr__preview-scrubbing { bottom: 0; filter: blur(1px); height: 100%; left: 0; margin: auto; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; right: 0; top: 0; transition: opacity 0.3s ease; width: 100%; z-index: 1; } .plyr__preview-scrubbing--is-shown { opacity: 1; } .plyr__preview-scrubbing img { height: 100%; left: 0; max-height: none; max-width: none; object-fit: contain; position: absolute; top: 0; width: 100%; } .plyr--no-transition { transition: none !important; } .plyr__sr-only { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; border: 0 !important; height: 1px !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .plyr [hidden] { display: none !important; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative } .owl-carousel { display: none; width: 100%; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100% } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0!important; font: inherit } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } s /********************* NEW PLAYER ********************/ body { color: #000; font-family: 'Lato', sans-serif; background-color: ghostwhite; } .player { width: 600px; height: 200px; margin: 20px auto; background-color: white; border: 1px solid #ebebeb; border-radius: 15px; box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.2), 0 33px 40px -40px rgba(0, 0, 0, 0.75); } .player .featureImg { display: block; width: 100%; height: 60%; background: no-repeat center center; background-size: 100% auto; border-radius: 15px 15px 0 0; } .player .controller { position: relative; width: 100%; height: 40%; border-radius: 0 0 15px 15px; } .player .controller .duration { position: absolute; top: -4px; left: 0; right: 0; height: 4px; background-color: rgba(204, 204, 204, 0.8); transition: 0.25s all ease-in-out; } .player .controller .duration:hover { cursor: pointer; height: 15px; top: -15px; } .player .controller .duration .currPos { position: absolute; top: 0; bottom: 0; left: 0; width: 0%; background-color: #F02C74; } .player .controller .duration .currPos.animate { transition: 0.25s top ease-in-out, 0.25s bottom ease-in-out, 1s width linear; } .player .controller .timeLogs { width: 100%; font-size: 10px; padding: 5px 5px 0; } .player .controller .timeLogs:after { content: ""; display: table; clear: both; } .player .controller .timeLogs .currTime { float: left; } .player .controller .timeLogs .totalDuration { float: right; } .player .controller .controls { padding: 10px 15px; } .player .controller .controls:after { content: ""; display: table; clear: both; } .player .controller .controls .playPauseBtn { float: left; height: 45px; width: 45px; margin-right: 8px; background: url('https://i.imgur.com/FAyemkP.png'); transition: 0.5s opacity ease-in-out; } .player .controller .controls .playPauseBtn:hover { cursor: pointer; opacity: 0.75; } .player .controller .controls .playPauseBtn.play { background-position: -3px -48px; } .player .controller .controls .playPauseBtn.pause { background-position: -3px -2px; } .player .controller .controls .titleArtist { float: left; height: 45px; width: 100px; overflow: hidden; } .player .controller .controls .titleArtist .title { font-size: 18px; line-height: 25px; height: 25px; color: #84878E; white-space: nowrap; } .player .controller .controls .titleArtist .artist { font-size: 12px; height: 12px; color: #C5C9D3; white-space: nowrap; } .player .controller .controls .addtControls { float: right; } .player .controller .controls .addtControls div { float: right; width: 17px; height: 17px; background: url('https://i.imgur.com/FAyemkP.png'); } .player .controller .controls .addtControls div:hover { cursor: pointer; } .player .controller .controls .addtControls .prev { background-position: -61px -6px; margin-left: 4px; } .player .controller .controls .addtControls .prev:hover { background-position: -61px -34px; } .player .controller .controls .addtControls .next { background-position: -91px -6px; margin-left: 4px; } .player .controller .controls .addtControls .next:hover { background-position: -91px -34px; } .player .controller .controls .addtControls .loop { background-position: -119px -6px; } .player .controller .controls .addtControls .loop.active { background-position: -119px -35px; } .mt-15 { margin-top: 15px !important; } .mt-30 { margin-top: 30px !important; } .mt-50 { margin-top: 50px !important; } .mt-70 { margin-top: 70px !important; } .mt-100 { margin-top: 100px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-100 { margin-bottom: 100px !important; } .ml-15 { margin-left: 15px !important; } .ml-30 { margin-left: 30px !important; } .ml-50 { margin-left: 50px !important; } .mr-15 { margin-right: 15px !important; } .mr-30 { margin-right: 30px !important; } .mr-50 { margin-right: 50px !important; } /* :: 3.2.0 Height */ .height-400 { height: 400px !important; } .height-500 { height: 500px !important; } .height-600 { height: 600px !important; } .height-700 { height: 700px !important; } .height-800 { height: 800px !important; } /* :: 3.3.0 Section Padding */ .section-padding-100 { padding-top: 100px; padding-bottom: 100px; } .section-padding-100-0 { padding-top: 100px; padding-bottom: 0; } .section-padding-0-100 { padding-top: 0; padding-bottom: 100px; } .section-padding-100-70 { padding-top: 100px; padding-bottom: 70px; } /* :: 3.4.0 Section Heading */ .section-heading { position: relative; z-index: 1; margin-bottom: 100px; text-align: center; p { color: #5f5f5f; font-size: 14px; margin-bottom: 5px; } h2 { font-size: 18px; text-transform: uppercase; letter-spacing: 10px; margin-bottom: 0; @media #{$breakpoint-xs} { letter-spacing: 5px; } } &.white { h2 { color: #fff; } } &.style-2 { p { font-size: 16px; } h2 { font-size: 30px; @media #{$breakpoint-xs} { font-size: 24px; } } } } /* :: 3.5.0 Preloader */ .preloader { background-color: $white-color; width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; z-index: 99999; .lds-ellipsis { display: inline-block; position: relative; width: 64px; height: 64px; div { position: absolute; top: 27px; width: 11px; height: 11px; border-radius: 50%; background: $dark-color; animation-timing-function: cubic-bezier(0, 1, 1, 0); &:nth-child(1) { left: 6px; @include animation(lds-ellipsis1 0.6s infinite); } &:nth-child(2) { left: 6px; @include animation(lds-ellipsis2 0.6s infinite); } &:nth-child(3) { left: 26px; @include animation(lds-ellipsis2 0.6s infinite); } &:nth-child(4) { left: 45px; @include animation(lds-ellipsis3 0.6s infinite); } } } } @-webkit-keyframes lds-ellipsis1 { 0% { @include transform(scale(0)); } 100% { @include transform(scale(1)); } } @keyframes lds-ellipsis1 { 0% { @include transform(scale(0)); } 100% { @include transform(scale(1)); } } @-webkit-keyframes lds-ellipsis3 { 0% { @include transform(scale(1)); } 100% { @include transform(scale(0)); } } @keyframes lds-ellipsis3 { 0% { @include transform(scale(1)); } 100% { @include transform(scale(0)); } } @-webkit-keyframes lds-ellipsis2 { 0% { @include transform(translate(0, 0)); } 100% { @include transform(translate(19px, 0)); } } @keyframes lds-ellipsis2 { 0% { @include transform(translate(0, 0)); } 100% { @include transform(translate(19px, 0)); } } /* :: 3.6.0 Miscellaneous */ .bg-img { background-position: center center; background-size: cover; background-repeat: no-repeat; } .bg-white { background-color: #ffffff !important; } .bg-dark { background-color: #000000 !important; } .bg-transparent { background-color: transparent !important; } .bg-gray { background-color: $bg-gray; } .font-bold { font-weight: 700; } .font-light { font-weight: 300; } .bg-overlay { position: relative; z-index: 2; background-position: center center; background-size: cover; &::after { background-color: rgba(0, 0, 0, 0.65); position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; content: ""; } } .bg-fixed { background-attachment: fixed !important; } /* :: 3.7.0 ScrollUp */ #scrollUp { background-color: $dark-color; border-radius: 0; bottom: 50px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3); color: $white-color; font-size: 24px; height: 40px; line-height: 40px; right: 50px; text-align: center; width: 40px; @include trans-duration(500ms); box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.15); @media #{$breakpoint-xs} { right: 30px; bottom: 30px; } &:hover { background-color: #fff; color: $heading-color; } } /* :: 3.8.0 oneMusic Button */ .oneMusic-btn { background-color: #fff; @include trans-duration(500ms); position: relative; z-index: 1; display: inline-block; min-width: 212px; height: 49px; color: #000; border: 1px solid #000; border-radius: 0; padding: 0 30px; font-size: 16px; line-height: 47px; font-weight: 700; text-transform: capitalize; i { margin-left: 5px; } &:hover, &:focus { font-size: 16px; font-weight: 700; background-color: $dark-color; color: #fff; } &.btn-2 { background-color: $dark-color; color: #fff; &:hover, &:focus { background-color: #fff; color: $heading-color; } } } /* :: 4.0 Header Area CSS */ .header-area { position: absolute; z-index: 1000; width: 100%; top: 20px; left: 0; z-index: 1000; .oneMusic-main-menu { position: relative; width: 100%; height: 85px; background-color: transparent; @media #{$breakpoint-xs} { height: 70px; } .classy-nav-container { background-color: transparent; } .classy-navbar { background-color: transparent; height: 85px; padding: 0; @media #{$breakpoint-xs} { height: 70px; } .classynav ul li a { font-weight: 700; text-transform: capitalize; color: $white-color; font-size: 16px; &:hover, &:focus { color: rgba(255, 255, 255, 0.7); } @media #{$breakpoint-md} { background-color: $dark-color; border-bottom-color: rgba(255, 255, 255, 0.1); } @media #{$breakpoint-xs} { background-color: $dark-color; border-bottom-color: rgba(255, 255, 255, 0.1); } } .classynav ul li.megamenu-item>a::after, .classynav ul li.has-down>a::after { color: $white-color; } .classynav ul li.megamenu-item ul li>a::after, .classynav ul li.has-down ul li>a::after { color: $heading-color; @media #{$breakpoint-xs} { color: $white-color; } } .classynav ul li ul li a { color: $heading-color; &:hover, &:focus { color: #888888; } @media #{$breakpoint-lg} { padding: 0 15px; } @media #{$breakpoint-md} { color: $white-color; padding: 0 30px; border-bottom-color: rgba(255, 255, 255, 0.1); } @media #{$breakpoint-xs} { color: $white-color; padding: 0 30px; border-bottom-color: rgba(255, 255, 255, 0.1) !important; } } .classynav ul li .dropdown li .dropdown li .dropdown li a { border-bottom: 1px solid rgba(242, 244, 248, 0.7); @media #{$breakpoint-md} { border-bottom-color: rgba(255, 255, 255, 0.1) !important; } @media #{$breakpoint-xs} { border-bottom-color: rgba(255, 255, 255, 0.1) !important; } } } .login-register-cart-button { position: relative; z-index: 1; margin-left: 100px; @media #{$breakpoint-md} { margin-left: 12px; margin-top: 15px; } @media #{$breakpoint-xs} { margin-left: 12px; margin-top: 15px; } .login-register-btn { position: relative; z-index: 10; a { @include trans-duration(500ms); margin-bottom: 0; color: #fff; font-weight: 700; font-size: 16px; cursor: pointer; line-height: 1; &:hover, &:focus { color: rgba(255, 255, 255, 0.7); } } } .cart-btn { position: relative; z-index: 10; p { @include trans-duration(500ms); margin-bottom: 0; color: #fff; font-size: 18px; cursor: pointer; line-height: 1; &:hover, &:focus { color: rgba(255, 255, 255, 0.7); } .quantity { width: 15px; height: 15px; border: 1px solid #fff; background-color: #232323; color: #fff; display: block; position: absolute; bottom: -5px; left: -10px; z-index: 10; font-size: 9px; font-weight: 400; border-radius: 50%; line-height: 13px; text-align: center; } } } } } .is-sticky { .oneMusic-main-menu { position: fixed; width: 100%; height: 85px; top: 0; left: 0; z-index: 9999; background-color: $dark-color; box-shadow: 0 5px 50px 15px rgba(0, 0, 0, 0.2); @media #{$breakpoint-xs} { height: 70px; } } } } .classy-navbar .nav-brand { max-width: 130px; } .breakpoint-on .classy-navbar .classy-menu { @media #{$breakpoint-md} { background-color: $bg-default; } @media #{$breakpoint-xs} { background-color: $bg-default; } } .classynav ul li .megamenu .single-mega.cn-col-4 { @media #{$breakpoint-md} { padding: 0; } @media #{$breakpoint-xs} { padding: 0; } } .classycloseIcon .cross-wrap span { background: $white-color; } /* :: 5.0 Hero Slides Area */ .hero-area, .hero-slides { position: relative; z-index: 1; } .single-hero-slide { width: 100%; height: 950px; position: relative; z-index: 1; padding: 0 30px; overflow: hidden; @media #{$breakpoint-lg} { height: 700px; } @media #{$breakpoint-md} { height: 650px; } @media #{$breakpoint-xs} { height: 500px; } &::after { position: absolute; width: 100%; height: 100%; z-index: -5; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.35); content: ''; } .slide-img { position: absolute; width: 100%; height: 100%; z-index: -10; left: 0; right: 0; top: 0; bottom: 0; } .hero-slides-content { display: inline-block; width: 100%; h6 { font-size: 18px; color: #fff; letter-spacing: 20px; text-transform: uppercase; margin-bottom: 20px; display: block; @media #{$breakpoint-xs} { letter-spacing: 5px; } } h2 { position: relative; z-index: 1; font-size: 60px; color: $white-color; margin-bottom: 0; font-weight: 400; display: block; text-transform: capitalize; letter-spacing: 30px; overflow: hidden; span { position: absolute; top: 0; width: 100%; height: 100%; left: 0; color: rgba(255, 255, 255, 0.15); @include animation(textsonar 6s linear infinite); } @media #{$breakpoint-md} { letter-spacing: 15px; font-size: 42px; } @media #{$breakpoint-xs} { letter-spacing: 5px; font-size: 30px; } } .btn { border: 1px solid #fff; background-color: transparent; color: #fff; &:hover, &:focus { background-color: #fff; color: $dark-color; } } } } @-webkit-keyframes textsonar { 0% { @include transform(scaleX(1)); } 50% { @include transform(scaleX(1.15)); } 100% { @include transform(scaleX(1)); } } @keyframes textsonar { 0% { @include transform(scaleX(1)); } 50% { @include transform(scaleX(1.15)); } 100% { @include transform(scaleX(1)); } } .single-hero-slide .slide-img { @include animation(slide 12s linear infinite); } @-webkit-keyframes slide { 0% { @include transform(scale(1)); } 50% { @include transform(scale(1.2)); } 100% { @include transform(scale(1)); } } @keyframes slide { 0% { @include transform(scale(1)); } 50% { @include transform(scale(1.2)); } 100% { @include transform(scale(1)); } } /* :: 6.0 Buy Now Area CSS */ .oneMusic-buy-now-area.has-fluid { padding-left: 4%; padding-right: 4%; position: relative; z-index: 1; } /* :: 7.0 Events Area CSS */ .single-event-area { position: relative; z-index: 1; @include trans-duration(500ms); img { width: 100%; } .event-text { text-align: center; position: relative; z-index: 1; padding: 30px 15px; background-color: #000; @include trans-duration(500ms); h4 { color: #fff; text-transform: uppercase; @include trans-duration(500ms); } .event-meta-data { position: relative; margin-bottom: 30px; a { @include trans-duration(500ms); position: relative; z-index: 1; color: #fff; font-size: 15px; font-weight: 400; display: inline-block; padding-right: 29px; &:first-child::after { position: absolute; content: '|'; top: 0; right: 12px; z-index: 1; } &:last-child { padding-right: 0; } } } .see-more-btn { font-size: 11px; color: #fff; text-transform: uppercase; letter-spacing: 10px; border-bottom: 1px solid #fff; padding-left: 0; padding-right: 0; border-radius: 0; &:hover, &:focus { font-weight: 400; } } } &:hover, &:focus { box-shadow: 0 5px 80px 0 rgba(0, 0, 0, 0.2); .event-text { background-color: #f5f9fa; h4, .event-meta-data a { color: $dark-color; } .see-more-btn { border-bottom-color: $dark-color; color: $dark-color; } } } } /* :: 8.0 Newsletter Area CSS */ .newsletter-area { position: relative; z-index: 1; border: 1px solid $dark-color; padding: 45px; .newsletter-form { position: relative; z-index: 1; input { width: 100%; height: 40px; font-size: 14px; color: #b3b3b3; font-style: italic; border: none; border-bottom: 1px solid #d6d6d6; margin-bottom: 30px; display: block; } } } .testimonials-area { position: relative; z-index: 1; padding: 45px; .testimonials-slide { position: relative; z-index: 1; .single-slide { p { font-size: 15px; color: #fff; font-style: italic; } .testimonial-info { margin-top: 30px; display: block; .testimonial-thumb { width: 44px; height: 44px; border-radius: 50%; margin-right: 15px; img { border-radius: 50%; } } p { font-style: normal; font-size: 15px; color: #fff; margin-bottom: 0; } } } } } /* :: 9.0 Album Catagory Area CSS */ .featured-artist-area { position: relative; z-index: 1; } .featured-artist-content { position: relative; z-index: 1; @media #{$breakpoint-xs} { margin-top: 50px; } p { color: #fff; } } .browse-by-catagories { position: relative; z-index: 1; a { display: inline-block; background-color: #f4f4f4; border: 2px solid transparent; padding: 6px 9px; font-size: 15px; margin-right: 5px; @media #{$breakpoint-lg} { padding: 4px 7px; font-size: 14px; margin-right: 4px; } @media #{$breakpoint-md} { padding: 4px 7px; font-size: 14px; margin-right: 5px; margin-bottom: 5px; } @media #{$breakpoint-xs} { padding: 2px 5px; font-size: 13px; margin-right: 5px; margin-bottom: 5px; } &:hover, &:focus, &.active { border: 2px solid $dark-color; } &:first-child { border-color: transparent; background-color: transparent; } } } .single-album { position: relative; z-index: 1; @include trans-duration(500ms); margin-bottom: 30px; img { width: 100%; } .album-info { position: relative; z-index: 1; text-align: center; padding-top: 15px; padding-bottom: 15px; h5 { font-size: 18px; margin-bottom: 0; text-transform: uppercase; } p { margin-bottom: 0; } } &:hover, &:focus { box-shadow: 0 5px 70px 0 rgba(0, 0, 0, 0.15); } } .single-album-area { position: relative; z-index: 1; @include trans-duration(500ms); margin-bottom: 30px; .album-thumb { position: relative; z-index: 1; .album-price p { position: absolute; top: 15px; left: 15px; background-color: #fff; margin-bottom: 0; line-height: 1; padding: 5px 15px; border-radius: 15px; z-index: 20; } .play-icon a { color: #fff; font-size: 50px; position: absolute; top: 50%; left: 50%; line-height: 1; @include transform(translate(-50%, -50%)); } } img { width: 100%; } .album-info { display: block; position: relative; z-index: 1; padding-top: 15px; padding-bottom: 15px; h5 { font-size: 18px; margin-bottom: 0; text-transform: uppercase; } p { margin-bottom: 0; } } } .albums-slideshow { position: relative; z-index: 1; .single-album { @include trans-duration(500ms); margin-bottom: 0; border: 1px solid transparent; &:hover, &:focus { border: 1px solid $dark-color; box-shadow: none; background-color: #f5f9fa; } } .owl-prev, .owl-next { @include trans-duration(500ms); background-color: #fff; position: absolute; width: 50px; height: 50px; border: 1px solid $dark-color; top: 50%; left: -25px; margin-top: -50px; z-index: 50; text-align: center; line-height: 48px; opacity: 0; visibility: hidden; @media #{$breakpoint-xs} { left: 0; } &:hover, &:focus { background-color: $dark-color; color: #fff; } } .owl-next { left: auto; right: -25px; @media #{$breakpoint-xs} { right: 0; } } &:hover { .owl-prev, .owl-next { opacity: 1; visibility: visible; } } } /* :: 10.0 Songs Area CSS */ .single-song-area { position: relative; z-index: 1; .song-thumbnail { position: relative; z-index: 1; @include flex(0 0 135px); max-width: 135px; width: 135px; margin-right: 50px; img { width: 100%; } @media #{$breakpoint-xs} { margin-right: 0; @include flex(0 0 100%); max-width: 100%; width: 100%; } } .song-play-area { position: relative; z-index: 1; @include flex(0 0 calc(100% - 185px)); max-width: calc(100% - 185px); width: calc(100% - 185px); background-color: #262626; padding: 15px 30px 20px; @media #{$breakpoint-xs} { @include flex(0 0 100%); max-width: 100%; width: 100%; } .song-name p { color: #b8b8b8; margin-bottom: 5px; } .audioplayer { margin: 0; padding: 0; width: 100%; height: auto; align-items: center; border: none; border-radius: 0; background: transparent; } .audioplayer-playing .audioplayer-playpause, .audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover, .audioplayer:not(.audioplayer-playing) .audioplayer-playpause { background: #fff; } .audioplayer-time { font-size: 14px; color: #fff; } } } .song-play-area { position: relative; z-index: 1; width: 100%; background-color: #262626; padding: 15px 30px 20px; border: 1px solid #363636; .song-name p { color: #b8b8b8; margin-bottom: 5px; } .audioplayer { margin: 0; padding: 0; width: 100%; height: auto; align-items: center; border: none; border-radius: 0; background: transparent; } .audioplayer-playing .audioplayer-playpause, .audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover, .audioplayer:not(.audioplayer-playing) .audioplayer-playpause { background: #fff; } .audioplayer-time { font-size: 14px; color: #fff; } } /* :: 11.0 Miscellaneous Area CSS */ .weeks-top-area { position: relative; z-index: 1; padding: 45px 30px; @include trans-duration(500ms); border: 1px solid transparent; .single-top-item { position: relative; z-index: 1; margin-bottom: 21px; &:last-child { margin-bottom: 0; } .thumbnail { @include flex(0 0 73px); max-width: 73px; width: 73px; margin-right: 20px; } .content- { h6 { text-transform: uppercase; margin-bottom: 0; } p { font-size: 14px; margin-bottom: 0; } } } &:hover, &:focus { background-color: #f5f9fa; border-color: #d8d8d8; } } .popular-artists-area { position: relative; z-index: 1; padding: 45px 30px; @include trans-duration(500ms); border: 1px solid #d8d8d8; background-color: #f5f9fa; .single-artists { position: relative; z-index: 1; margin-bottom: 17px; &:last-child { margin-bottom: 0; } .thumbnail { @include flex(0 0 63px); max-width: 63px; width: 63px; margin-right: 20px; border-radius: 50%; img { border-radius: 50%; } } .content- { p { font-size: 16px; margin-bottom: 0; } } } } .new-hits-area { position: relative; z-index: 1; padding: 45px 30px; @include trans-duration(500ms); border: 1px solid #d8d8d8; background-color: #f5f9fa; .single-new-item { position: relative; z-index: 1; border-bottom: 1px solid #d8d8d8; margin-bottom: 10px; padding-bottom: 10px; &:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } .thumbnail { @include flex(0 0 73px); max-width: 73px; width: 73px; margin-right: 20px; } .content- { h6 { text-transform: uppercase; margin-bottom: 0; } p { font-size: 14px; margin-bottom: 0; } } .audioplayer { margin: 0; padding: 0; width: auto; height: auto; border: none; border-radius: 0; background: transparent; } .audioplayer-playing .audioplayer-playpause, .audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover, .audioplayer:not(.audioplayer-playing) .audioplayer-playpause { background: #d6d6d6; } .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a { border-left: 12px solid #fff; } .audioplayer-time, .audioplayer-volume, .audioplayer-bar { display: none; } } } /* :: 12.0 Login Area CSS */ .login-content { @include trans-duration(500ms); position: relative; z-index: 1; background-color: $bg-gray; border: 1px solid #d8d8d8; padding: 50px 100px; box-shadow: 0 2px 70px 0 rgba(0, 0, 0, 0.15); text-align: center; @media #{$breakpoint-xs} { padding: 50px 30px; } h3 { margin-bottom: 30px; } .form-group { text-align: left; } .form-control { width: 100%; height: 50px; border: 1px solid $dark-color; font-size: 12px; font-style: italic; padding: 0 20px; border-radius: 0; &:focus { box-shadow: none; } } } /* :: 13.0 Services Area CSS */ .single-service-area { .icon { @include flex(0 0 78px); max-width: 78px; width: 78px; position: relative; z-index: 1; width: 78px; height: 78px; border: 1px solid $dark-color; text-align: center; span { line-height: 76px; font-size: 40px; } } .text { position: relative; z-index: 1; @include flex(0 0 calc(100% - 78px)); max-width: calc(100% - 78px); width: calc(100% - 78px); padding-left: 30px; } } /* :: 14.0 Footer Area CSS */ .footer-area { position: relative; z-index: 1; background-color: $footer-color; padding: 30px 0; @media #{$breakpoint-xs} { text-align: center; } .copywrite-text { font-size: 12px; margin-bottom: 0; color: rgba(166, 165, 165, 0.54); a { color: rgba(166, 165, 165, 0.54); font-size: 12px; &:hover, &:focus { color: #fff; } } } .footer-nav { ul { @include display-flex(flex); @include align-items(center); @include justify-content-end; @media #{$breakpoint-xs} { @include justify-content-center; margin-top: 30px; } } li { a { color: #898888; font-size: 16px; padding: 0 20px; @media #{$breakpoint-md} { padding: 0 10px; font-size: 14px; } @media #{$breakpoint-xs} { padding: 0 10px; font-size: 14px; } &:hover, &:focus { color: #fff; } } &:last-child a { padding-right: 0; } } } } /* :: 15.0 Breadcumb Area CSS */ .breadcumb-area { position: relative; z-index: 10; width: 100%; height: 385px; @media #{$breakpoint-xs} { height: 270px; } .bradcumbContent { position: absolute; background-color: #fff; width: 552px; bottom: 0; left: 50%; z-index: 100; text-align: center; padding-top: 40px; @include transform(translateX(-50%)); @media #{$breakpoint-xs} { width: calc(100% - 60px); padding-top: 30px; } p { line-height: 1.5; font-size: 16px; color: $text-color; } h2 { font-size: 30px; letter-spacing: 10px; text-transform: uppercase; line-height: 1; margin-bottom: 0; @media #{$breakpoint-xs} { font-size: 18px; letter-spacing: 5px; } } } } /* :: 16.0 Blog Area CSS */ .single-blog-post { position: relative; z-index: 1; .blog-post-thumb { position: relative; z-index: 1; .post-date { width: 76px; height: 106px; border: 1px solid $dark-color; text-align: center; background-color: #fff; position: absolute; z-index: 10; top: -30px; left: 30px; padding: 17px 0; span { display: block; font-size: 14px; font-weight: 700; line-height: 1.3; &:first-child { font-size: 36px; } } } } .blog-content { background-color: #f5f9fa; padding: 45px 40px; border: 1px solid #d8d8d8; @media #{$breakpoint-xs} { padding: 30px 20px; } .post-title { font-size: 24px; display: block; @media #{$breakpoint-xs} { font-size: 20px; } &:hover, &:focus { color: $hover-color; } } .post-meta { position: relative; z-index: 1; margin-bottom: 10px; p { color: #8d8d8d; font-size: 13px; padding-right: 25px; position: relative; z-index: 1; &::after { content: '|'; position: absolute; right: 12px; top: 0; z-index: 5; } &:last-child::after { display: none; } a { color: #8d8d8d; font-size: 13px; margin-bottom: 0; font-weight: 400; &:hover, &:focus { color: $dark-color; } } } } p { margin-bottom: 0; } } } .oneMusic-pagination-area { .pagination { .page-item { .page-link { background-color: transparent; display: block; padding: 0; border: 1px solid transparent; color: #5f5f5f; font-size: 15px; font-weight: 400; width: 34px; height: 34px; line-height: 32px; text-align: center; margin-right: 10px; &:hover, &:focus { color: $dark-color; border: 1px solid $dark-color; } } &:first-child .page-link { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } &:last-child .page-link { border-top-right-radius: 0; border-bottom-right-radius: 0; } &.active { .page-link { color: $dark-color; border: 1px solid $dark-color; } } } } } .blog-sidebar-area { position: relative; z-index: 1; @media #{$breakpoint-xs} { margin-top: 100px; } } .single-widget-area { position: relative; z-index: 1; background-color: #f5f9fa; border: 1px solid #d8d8d8; img { width: 100%; } .widget-title { padding: 25px 45px; border-bottom: 1px solid #d8d8d8; @media #{$breakpoint-lg} { padding: 20px 30px; } h5 { margin-bottom: 0; line-height: 1; } } .widget-content { padding: 25px 45px; @media #{$breakpoint-lg} { padding: 20px 30px; } ul li { margin-bottom: 10px; a { color: #5f5f5f; font-size: 15px; font-weight: 400; &:hover, &:focus { color: $dark-color; } } &:last-child { margin-bottom: 0; } } .tags { @include display-flex(flex); @include flex-wrap(wrap); li { margin-bottom: 0; a { display: block; line-height: 28px; font-size: 15px; color: #5f5f5f; height: 30px; background-color: #fff; padding: 0 15px; border: 1px solid $dark-color; margin: 3px; @media #{$breakpoint-lg} { padding: 0 10px; } } } } } } /* :: 17.0 Skills Area CSS */ .single-skils-area { position: relative; z-index: 1; text-align: center; .circle { position: relative; z-index: 10; margin-bottom: 15px; } .skills-text { position: absolute; top: 50%; left: 50%; text-align: center; @include transform(translate(-50%, -50%)); span { font-size: 24px; color: $heading-color; font-weight: 500; } p { font-size: 15px; color: #5f5f5f; line-height: 1; } } } /* :: 18.0 Contact Area CSS */ .contact-content { position: relative; z-index: 2; .contact-social-info { a { display: inline-block; margin-right: 20px; font-size: 14px; color: #000000; &:hover, &:focus { color: $hover-color; } } } .single-contact-info { position: relative; margin-bottom: 20px; &:last-child { margin-bottom: 0; } p { font-size: 15px; margin-bottom: 0; } .icon { @include flex(0 0 35px); max-width: 35px; width: 35px; height: 35px; border: 1px solid #000; text-align: center; span { font-size: 20px; line-height: 33px; } } } } .contact-form-area { .form-control { position: relative; z-index: 2; height: 45px; width: 100%; background-color: transparent; font-size: 14px; margin-bottom: 15px; border: none; border-radius: 0; padding: 15px 0; font-style: italic; color: #b3b3b3; border-bottom: 1px solid $dark-color; @include trans-duration(500ms); &:focus { box-shadow: none; border-bottom: 1px solid $dark-color; } } textarea.form-control { height: 160px; } } .has-bg-img { position: relative; z-index: 1; .contact-form-area { .form-control { color: #fff; border-bottom: 1px solid #fff; &:focus { border-bottom: 1px solid #fff; } } } .oneMusic-btn { background-color: transparent; border-color: #fff; color: #fff; &:hover, &:focus { background-color: #fff; color: $dark-color; } } } .map-area { position: relative; z-index: 2; iframe { width: 100%; height: 385px; border: none; margin-bottom: 0; @media #{$breakpoint-xs} { height: 300px; } } } /* :: 19.0 Elements Area CSS */ .elements-title { position: relative; z-index: 1; h2 { font-size: 24px; } } /* :: 20.1.0 Single Cool Facts CSS */ .single-cool-fact { position: relative; z-index: 1; .scf-text { h2 { font-size: 48px; margin-bottom: 0; color: $heading-color; @media #{$breakpoint-lg} { font-size: 48px; } @media #{$breakpoint-md} { font-size: 36px; } @media #{$breakpoint-xs} { font-size: 30px; } } p { font-size: 15px; margin-bottom: 0; color: #5f5f5f; line-height: 1; } } } /* :: 20.2.0 Accordians Area CSS */ .single-accordion { &.panel { background-color: $white-color; border: 0 solid transparent; border-radius: 4px; box-shadow: 0 0 0 transparent; margin-bottom: 15px; } &:last-of-type { margin-bottom: 0; } h6 { margin-bottom: 0; a { background-color: $dark-color; border-radius: 0; color: $white-color; display: block; margin: 0; padding: 20px 70px 20px 30px; position: relative; font-size: 14px; text-transform: capitalize; border: 1px solid $dark-color; span { background: transparent; @include trans-duration(500ms); font-size: 10px; position: absolute; right: 0; text-align: center; top: 0; width: 58px; height: 100%; color: $white-color; line-height: 58px; &.accor-open { opacity: 0; } } &.collapsed { @include trans-duration(500ms); background-color: transparent; color: $heading-color; span { color: $dark-color; &.accor-close { opacity: 0; } &.accor-open { opacity: 1; } } } } } .accordion-content { border-top: 0 solid transparent; box-shadow: none; p { padding: 20px 15px 5px; margin-bottom: 0; } } } /* :: 20.3.0 Tabs Area CSS */ .oneMusic-tabs-content { position: relative; z-index: 1; .nav-tabs { border-bottom: none; margin-bottom: 15px; .nav-link { background-color: transparent; border: 1px solid $dark-color; padding: 0 30px; height: 58px; line-height: 58px; color: $heading-color; margin: 0 2px; border-radius: 0; @media #{$breakpoint-lg} { padding: 0 15px; } @media #{$breakpoint-xs} { padding: 0 15px; font-size: 12px; margin-bottom: 5px; } @media #{$breakpoint-xs-landscape} { padding: 0 15px; } &.active { background-color: $dark-color; color: $white-color; } } } .oneMusic-tab-text { position: relative; z-index: 1; padding-top: 10px; p { margin-bottom: 0; } } .tab-content { h6 { font-size: 18px; } } } .single-web-icon { position: relative; z-index: 1; background-color: $bg-gray; text-align: center; padding: 30px 10px; border: 1px solid #b8b8b8; @include trans-duration(500ms); i { display: block; font-size: 50px; margin-bottom: 15px; } span { font-size: 16px; } &:hover { box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.15); } } /* :: 3.1.0 Spacing */ .mt-15 { margin-top: 15px !important; } .mt-30 { margin-top: 30px !important; } .mt-50 { margin-top: 50px !important; } .mt-70 { margin-top: 70px !important; } .mt-100 { margin-top: 100px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-100 { margin-bottom: 100px !important; } .ml-15 { margin-left: 15px !important; } .ml-30 { margin-left: 30px !important; } .ml-50 { margin-left: 50px !important; } .mr-15 { margin-right: 15px !important; } .mr-30 { margin-right: 30px !important; } .mr-50 { margin-right: 50px !important; } /* :: 3.2.0 Height */ .height-400 { height: 400px !important; } .height-500 { height: 500px !important; } .height-600 { height: 600px !important; } .height-700 { height: 700px !important; } .height-800 { height: 800px !important; } /* :: 3.3.0 Section Padding */ .section-padding-100 { padding-top: 100px; padding-bottom: 100px; } .section-padding-100-0 { padding-top: 100px; padding-bottom: 0; } .section-padding-0-100 { padding-top: 0; padding-bottom: 100px; } .section-padding-100-70 { padding-top: 100px; padding-bottom: 70px; } /* :: 3.4.0 Section Heading */ .section-heading { position: relative; z-index: 1; margin-bottom: 100px; text-align: center; } @media only screen and (max-width: 767px) { .section-heading h2 { letter-spacing: 5px; } } .section-heading.white h2 { color: #fff; } .section-heading.style-2 p { font-size: 16px; } .section-heading.style-2 h2 { font-size: 30px; } @media only screen and (max-width: 767px) { .section-heading.style-2 h2 { font-size: 24px; } } /* :: 3.5.0 Preloader */ .preloader { background-color: #ffffff; width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; z-index: 99999; } .preloader .lds-ellipsis { display: inline-block; position: relative; width: 64px; height: 64px; } .preloader .lds-ellipsis div { position: absolute; top: 27px; width: 11px; height: 11px; border-radius: 50%; background: #000000; animation-timing-function: cubic-bezier(0, 1, 1, 0); } .preloader .lds-ellipsis div:nth-child(1) { left: 6px; -webkit-animation: lds-ellipsis1 0.6s infinite; animation: lds-ellipsis1 0.6s infinite; } .preloader .lds-ellipsis div:nth-child(2) { left: 6px; -webkit-animation: lds-ellipsis2 0.6s infinite; animation: lds-ellipsis2 0.6s infinite; } .preloader .lds-ellipsis div:nth-child(3) { left: 26px; -webkit-animation: lds-ellipsis2 0.6s infinite; animation: lds-ellipsis2 0.6s infinite; } .preloader .lds-ellipsis div:nth-child(4) { left: 45px; -webkit-animation: lds-ellipsis3 0.6s infinite; animation: lds-ellipsis3 0.6s infinite; } @-webkit-keyframes lds-ellipsis1 { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes lds-ellipsis1 { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes lds-ellipsis3 { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0); transform: scale(0); } } @keyframes lds-ellipsis3 { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0); transform: scale(0); } } @-webkit-keyframes lds-ellipsis2 { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(19px, 0); transform: translate(19px, 0); } } @keyframes lds-ellipsis2 { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(19px, 0); transform: translate(19px, 0); } } /* :: 3.6.0 Miscellaneous */ .bg-img { background-position: center center; background-size: cover; background-repeat: no-repeat; } .bg-white { background-color: #ffffff !important; } .bg-dark { background-color: #000000 !important; } .bg-transparent { background-color: transparent !important; } .bg-gray { background-color: #f5f9fa; } .font-bold { font-weight: 700; } .font-light { font-weight: 300; } .bg-overlay { position: relative; z-index: 2; background-position: center center; background-size: cover; } .bg-overlay::after { background-color: rgba(0, 0, 0, 0.65); position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; content: ""; } .bg-fixed { background-attachment: fixed !important; } /* :: 3.7.0 ScrollUp */ #scrollUp { background-color: #000000; border-radius: 0; bottom: 50px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3); color: #ffffff; font-size: 24px; height: 40px; line-height: 40px; right: 50px; text-align: center; width: 40px; -webkit-transition-duration: 500ms; transition-duration: 500ms; box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.15); } @media only screen and (max-width: 767px) { #scrollUp { right: 30px; bottom: 30px; } } #scrollUp:hover { background-color: #fff; color: #232323; } /* :: 3.8.0 oneMusic Button */ .oneMusic-btn { background-color: #fff; -webkit-transition-duration: 500ms; transition-duration: 500ms; position: relative; z-index: 1; display: inline-block; min-width: 212px; height: 49px; color: #000; border: 1px solid #000; border-radius: 0; padding: 0 30px; font-size: 16px; line-height: 47px; font-weight: 700; text-transform: capitalize; } .oneMusic-btn i { margin-left: 5px; } .oneMusic-btn:hover, .oneMusic-btn:focus { font-size: 16px; font-weight: 700; background-color: #000000; color: #fff; } .oneMusic-btn.btn-2 { background-color: #000000; color: #fff; } .oneMusic-btn.btn-2:hover, .oneMusic-btn.btn-2:focus { background-color: #fff; color: #232323; } /* :: 4.0 Header Area CSS */ .header-area { position: absolute; z-index: 1000; width: 100%; top: 20px; left: 0; z-index: 1000; } .header-area .oneMusic-main-menu { position: relative; width: 100%; height: 85px; background-color: transparent; } @media only screen and (max-width: 767px) { .header-area .oneMusic-main-menu { height: 70px; } } .header-area .oneMusic-main-menu .classy-nav-container { background-color: transparent; } .header-area .oneMusic-main-menu .classy-navbar { background-color: transparent; height: 85px; padding: 0; } @media only screen and (max-width: 767px) { .header-area .oneMusic-main-menu .classy-navbar { height: 70px; } } .header-area .oneMusic-main-menu .classy-navbar .classynav ul li a { font-weight: 700; text-transform: capitalize; color: #ffffff; font-size: 16px; } .header-area .oneMusic-main-menu .classy-navbar .classynav ul li a:hover, .header-area .oneMusic-main-menu .classy-navbar .classynav ul li a:focus { color: rgba(255, 255, 255, 0.7); } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .oneMusic-main-menu .classy-navbar .classynav ul li a { background-color: #000000; border-bottom-color: rgba(255, 255, 255, 0.1); } } @media only screen and (max-width: 767px) { .header-area .oneMusic-main-menu .classy-navbar .classynav ul li a { background-color: #000000; border-bottom-color: rgba(255, 255, 255, 0.1); } } .header-area .oneMusic-main-menu .classy-navbar .classynav ul li.megamenu-item>a::after, .header-area .oneMusic-main-menu .classy-navbar .classynav ul li.has-down>a::after { color: #ffffff; } .header-area .oneMusic-main-menu .classy-navbar .classynav ul li.megamenu-item ul li>a::after, .header-area .oneMusic-main-menu .classy-navbar .classynav ul li.has-down ul li>a::after { color: #232323; } @media only screen and (max-width: 767px) { .header-area .oneMusic-main-menu .classy-navbar .classynav ul li.megamenu-item ul li>a::after, .header-area .oneMusic-main-menu .classy-navbar .classynav ul li.has-down ul li>a::after { color: #ffffff; } } .header-area .oneMusic-main-menu .classy-navbar .classynav ul li ul li a { color: #232323; } .header-area .oneMusic-main-menu .classy-navbar .classynav ul li ul li a:hover, .header-area .oneMusic-main-menu .classy-navbar .classynav ul li ul li a:focus { color: #888888; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header-area .oneMusic-main-menu .classy-navbar .classynav ul li ul li a { padding: 0 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .oneMusic-main-menu .classy-navbar .classynav ul li ul li a { color: #ffffff; padding: 0 30px; border-bottom-color: rgba(255, 255, 255, 0.1); } } @media only screen and (max-width: 767px) { .header-area .oneMusic-main-menu .classy-navbar .classynav ul li ul li a { color: #ffffff; padding: 0 30px; border-bottom-color: rgba(255, 255, 255, 0.1) !important; } } .header-area .oneMusic-main-menu .classy-navbar .classynav ul li .dropdown li .dropdown li .dropdown li a { border-bottom: 1px solid rgba(242, 244, 248, 0.7); } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .oneMusic-main-menu .classy-navbar .classynav ul li .dropdown li .dropdown li .dropdown li a { border-bottom-color: rgba(255, 255, 255, 0.1) !important; } } @media only screen and (max-width: 767px) { .header-area .oneMusic-main-menu .classy-navbar .classynav ul li .dropdown li .dropdown li .dropdown li a { border-bottom-color: rgba(255, 255, 255, 0.1) !important; } } .header-area .oneMusic-main-menu .login-register-cart-button { position: relative; z-index: 1; margin-left: 100px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .oneMusic-main-menu .login-register-cart-button { margin-left: 12px; margin-top: 15px; } } @media only screen and (max-width: 767px) { .header-area .oneMusic-main-menu .login-register-cart-button { margin-left: 12px; margin-top: 15px; } } .header-area .oneMusic-main-menu .login-register-cart-button .login-register-btn { position: relative; z-index: 10; } .header-area .oneMusic-main-menu .login-register-cart-button .login-register-btn a { -webkit-transition-duration: 500ms; transition-duration: 500ms; margin-bottom: 0; color: #fff; font-weight: 700; font-size: 16px; cursor: pointer; line-height: 1; } .header-area .oneMusic-main-menu .login-register-cart-button .login-register-btn a:hover, .header-area .oneMusic-main-menu .login-register-cart-button .login-register-btn a:focus { color: rgba(255, 255, 255, 0.7); } .header-area .oneMusic-main-menu .login-register-cart-button .cart-btn { position: relative; z-index: 10; } .header-area .oneMusic-main-menu .login-register-cart-button .cart-btn p { -webkit-transition-duration: 500ms; transition-duration: 500ms; margin-bottom: 0; color: #fff; font-size: 18px; cursor: pointer; line-height: 1; } .header-area .oneMusic-main-menu .login-register-cart-button .cart-btn p:hover, .header-area .oneMusic-main-menu .login-register-cart-button .cart-btn p:focus { color: rgba(255, 255, 255, 0.7); } .header-area .oneMusic-main-menu .login-register-cart-button .cart-btn p .quantity { width: 15px; height: 15px; border: 1px solid #fff; background-color: #232323; color: #fff; display: block; position: absolute; bottom: -5px; left: -10px; z-index: 10; font-size: 9px; font-weight: 400; border-radius: 50%; line-height: 13px; text-align: center; } .header-area .is-sticky .oneMusic-main-menu { position: fixed; width: 100%; height: 85px; top: 0; left: 0; z-index: 9999; background-color: #000000; box-shadow: 0 5px 50px 15px rgba(0, 0, 0, 0.2); } @media only screen and (max-width: 767px) { .header-area .is-sticky .oneMusic-main-menu { height: 70px; } } .classy-navbar .nav-brand { max-width: 130px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .breakpoint-on .classy-navbar .classy-menu { background-color: #000000; } } @media only screen and (max-width: 767px) { .breakpoint-on .classy-navbar .classy-menu { background-color: #000000; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .classynav ul li .megamenu .single-mega.cn-col-4 { padding: 0; } } @media only screen and (max-width: 767px) { .classynav ul li .megamenu .single-mega.cn-col-4 { padding: 0; } } .classycloseIcon .cross-wrap span { background: #ffffff; } /* :: 5.0 Hero Slides Area */ .hero-area, .hero-slides { position: relative; z-index: 1; } .single-hero-slide { width: 100%; height: 950px; position: relative; z-index: 1; padding: 0 30px; overflow: hidden; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-hero-slide { height: 700px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-hero-slide { height: 650px; } } @media only screen and (max-width: 767px) { .single-hero-slide { height: 500px; } } .single-hero-slide::after { position: absolute; width: 100%; height: 100%; z-index: -5; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.35); content: ''; } .single-hero-slide .slide-img { position: absolute; width: 100%; height: 100%; z-index: -10; left: 0; right: 0; top: 0; bottom: 0; } .single-hero-slide .hero-slides-content { display: inline-block; width: 100%; } .single-hero-slide .hero-slides-content h6 { font-size: 18px; color: #fff; letter-spacing: 20px; text-transform: uppercase; margin-bottom: 20px; display: block; } @media only screen and (max-width: 767px) { .single-hero-slide .hero-slides-content h6 { letter-spacing: 5px; } } .single-hero-slide .hero-slides-content h2 { position: relative; z-index: 1; font-size: 60px; color: #ffffff; margin-bottom: 0; font-weight: 400; display: block; text-transform: capitalize; letter-spacing: 30px; overflow: hidden; } .single-hero-slide .hero-slides-content h2 span { position: absolute; top: 0; width: 100%; height: 100%; left: 0; color: rgba(255, 255, 255, 0.15); -webkit-animation: textsonar 6s linear infinite; animation: textsonar 6s linear infinite; } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-hero-slide .hero-slides-content h2 { letter-spacing: 15px; font-size: 42px; } } @media only screen and (max-width: 767px) { .single-hero-slide .hero-slides-content h2 { letter-spacing: 5px; font-size: 30px; } } .single-hero-slide .hero-slides-content .btn { border: 1px solid #fff; background-color: transparent; color: #fff; } .single-hero-slide .hero-slides-content .btn:hover, .single-hero-slide .hero-slides-content .btn:focus { background-color: #fff; color: #000000; } @-webkit-keyframes textsonar { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scaleX(1.15); transform: scaleX(1.15); } 100% { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes textsonar { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scaleX(1.15); transform: scaleX(1.15); } 100% { -webkit-transform: scaleX(1); transform: scaleX(1); } } .single-hero-slide .slide-img { -webkit-animation: slide 12s linear infinite; animation: slide 12s linear infinite; } @-webkit-keyframes slide { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes slide { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } /* :: 6.0 Buy Now Area CSS */ .oneMusic-buy-now-area.has-fluid { padding-left: 4%; padding-right: 4%; position: relative; z-index: 1; } /* :: 7.0 Events Area CSS */ .single-event-area { position: relative; z-index: 1; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .single-event-area img { width: 100%; } .single-event-area .event-text { text-align: center; position: relative; z-index: 1; padding: 30px 15px; background-color: #000; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .single-event-area .event-text h4 { color: #fff; text-transform: uppercase; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .single-event-area .event-text .event-meta-data { position: relative; margin-bottom: 30px; } .single-event-area .event-text .event-meta-data a { -webkit-transition-duration: 500ms; transition-duration: 500ms; position: relative; z-index: 1; color: #fff; font-size: 15px; font-weight: 400; display: inline-block; padding-right: 29px; } .single-event-area .event-text .event-meta-data a:first-child::after { position: absolute; content: '|'; top: 0; right: 12px; z-index: 1; } .single-event-area .event-text .event-meta-data a:last-child { padding-right: 0; } .single-event-area .event-text .see-more-btn { font-size: 11px; color: #fff; text-transform: uppercase; letter-spacing: 10px; border-bottom: 1px solid #fff; padding-left: 0; padding-right: 0; border-radius: 0; } .single-event-area .event-text .see-more-btn:hover, .single-event-area .event-text .see-more-btn:focus { font-weight: 400; } .single-event-area:hover, .single-event-area:focus { box-shadow: 0 5px 80px 0 rgba(0, 0, 0, 0.2); } .single-event-area:hover .event-text, .single-event-area:focus .event-text { background-color: #f5f9fa; } .single-event-area:hover .event-text h4, .single-event-area:hover .event-text .event-meta-data a, .single-event-area:focus .event-text h4, .single-event-area:focus .event-text .event-meta-data a { color: #000000; } .single-event-area:hover .event-text .see-more-btn, .single-event-area:focus .event-text .see-more-btn { border-bottom-color: #000000; color: #000000; } /* :: 8.0 Newsletter Area CSS */ .newsletter-area { position: relative; z-index: 1; border: 1px solid #000000; padding: 45px; } .newsletter-area .newsletter-form { position: relative; z-index: 1; } .newsletter-area .newsletter-form input { width: 100%; height: 40px; font-size: 14px; color: #b3b3b3; font-style: italic; border: none; border-bottom: 1px solid #d6d6d6; margin-bottom: 30px; display: block; } .testimonials-area { position: relative; z-index: 1; padding: 45px; } .testimonials-area .testimonials-slide { position: relative; z-index: 1; } .testimonials-area .testimonials-slide .single-slide p { font-size: 15px; color: #fff; font-style: italic; } .testimonials-area .testimonials-slide .single-slide .testimonial-info { margin-top: 30px; display: block; } .testimonials-area .testimonials-slide .single-slide .testimonial-info .testimonial-thumb { width: 44px; height: 44px; border-radius: 50%; margin-right: 15px; } .testimonials-area .testimonials-slide .single-slide .testimonial-info .testimonial-thumb img { border-radius: 50%; } .testimonials-area .testimonials-slide .single-slide .testimonial-info p { font-style: normal; font-size: 15px; color: #fff; margin-bottom: 0; } /* :: 9.0 Album Catagory Area CSS */ .featured-artist-area { position: relative; z-index: 1; } .featured-artist-content { position: relative; z-index: 1; } @media only screen and (max-width: 767px) { .featured-artist-content { margin-top: 50px; } } .featured-artist-content p { color: #fff; } .browse-by-catagories { position: relative; z-index: 1; } .browse-by-catagories a { display: inline-block; background-color: #f4f4f4; border: 2px solid transparent; padding: 6px 9px; font-size: 15px; color: black; margin-right: 5px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .browse-by-catagories a { padding: 4px 7px; font-size: 14px; margin-right: 4px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .browse-by-catagories a { padding: 4px 7px; font-size: 14px; margin-right: 5px; margin-bottom: 5px; } } @media only screen and (max-width: 767px) { .browse-by-catagories a { padding: 2px 5px; font-size: 13px; margin-right: 5px; color: black; margin-bottom: 5px; } } .browse-by-catagories a:hover, .browse-by-catagories a:focus, .browse-by-catagories a.active { border: 2px solid #000000; } .browse-by-catagories a:first-child { border-color: transparent; color: black; background-color: transparent; } .single-album { position: relative; z-index: 1; color: black; -webkit-transition-duration: 500ms; transition-duration: 500ms; margin-bottom: 30px; } .single-album img { width: 100%; } .single-album .album-info { position: relative; z-index: 1; text-align: center; padding-top: 15px; padding-bottom: 15px; } .single-album .album-info h5 { font-size: 18px; color: #000 !important; margin-bottom: 0; text-transform: uppercase; } .single-album .album-info p { margin-bottom: 0; } .single-album:hover, .single-album:focus { box-shadow: 0 5px 70px 0 rgba(0, 0, 0, 0.15); } .single-album-area { position: relative; z-index: 1; -webkit-transition-duration: 500ms; transition-duration: 500ms; margin-bottom: 30px; } .single-album-area .album-thumb { position: relative; z-index: 1; } .single-album-area .album-thumb .album-price p { position: absolute; top: 15px; left: 15px; background-color: #fff; margin-bottom: 0; line-height: 1; padding: 5px 15px; border-radius: 15px; z-index: 20; } .single-album-area .album-thumb .play-icon a { color: #fff; font-size: 50px; position: absolute; top: 50%; left: 50%; line-height: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .single-album-area img { width: 100%; } .single-album-area .album-info { display: block; position: relative; z-index: 1; padding-top: 15px; padding-bottom: 15px; } .single-album-area .album-info h5 { font-size: 18px; margin-bottom: 0; text-transform: uppercase; } .single-album-area .album-info p { margin-bottom: 0; } .albums-slideshow { position: relative; z-index: 1; } .albums-slideshow .single-album { -webkit-transition-duration: 500ms; transition-duration: 500ms; margin-bottom: 0; border: 1px solid transparent; } .albums-slideshow .single-album:hover, .albums-slideshow .single-album:focus { border: 1px solid #000000; box-shadow: none; background-color: #f5f9fa; } .albums-slideshow .owl-prev, .albums-slideshow .owl-next { -webkit-transition-duration: 500ms; transition-duration: 500ms; background-color: #fff; position: absolute; width: 50px; height: 50px; border: 1px solid #000000; top: 50%; left: -25px; margin-top: -50px; z-index: 50; text-align: center; line-height: 48px; opacity: 0; visibility: hidden; } @media only screen and (max-width: 767px) { .albums-slideshow .owl-prev, .albums-slideshow .owl-next { left: 0; } } .albums-slideshow .owl-prev:hover, .albums-slideshow .owl-prev:focus, .albums-slideshow .owl-next:hover, .albums-slideshow .owl-next:focus { background-color: #000000; color: #fff; } .albums-slideshow .owl-next { left: auto; right: -25px; } @media only screen and (max-width: 767px) { .albums-slideshow .owl-next { right: 0; } } .albums-slideshow:hover .owl-prev, .albums-slideshow:hover .owl-next { opacity: 1; visibility: visible; } /* :: 10.0 Songs Area CSS */ .single-song-area { position: relative; z-index: 1; } .single-song-area .song-thumbnail { position: relative; z-index: 1; -webkit-box-flex: 0; -ms-flex: 0 0 135px; flex: 0 0 135px; max-width: 135px; width: 135px; margin-right: 50px; } .single-song-area .song-thumbnail img { width: 100%; } @media only screen and (max-width: 767px) { .single-song-area .song-thumbnail { margin-right: 0; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } } .single-song-area .song-play-area { position: relative; z-index: 1; -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 185px); flex: 0 0 calc(100% - 185px); max-width: calc(100% - 185px); width: calc(100% - 185px); background-color: #262626; padding: 15px 30px 20px; } @media only screen and (max-width: 767px) { .single-song-area .song-play-area { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } } .single-song-area .song-play-area .song-name p { color: #b8b8b8; margin-bottom: 5px; } .single-song-area .song-play-area .audioplayer { margin: 0; padding: 0; width: 100%; height: auto; align-items: center; border: none; border-radius: 0; background: transparent; } .single-song-area .song-play-area .audioplayer-playing .audioplayer-playpause, .single-song-area .song-play-area .audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover, .single-song-area .song-play-area .audioplayer:not(.audioplayer-playing) .audioplayer-playpause { background: #fff; } .single-song-area .song-play-area .audioplayer-time { font-size: 14px; color: #fff; } .song-play-area { position: relative; z-index: 1; width: 100%; background-color: #262626; padding: 15px 30px 20px; border: 1px solid #363636; } .song-play-area .song-name p { color: #b8b8b8; margin-bottom: 5px; } .song-play-area .audioplayer { margin: 0; padding: 0; width: 100%; height: auto; align-items: center; border: none; border-radius: 0; background: transparent; } .song-play-area .audioplayer-playing .audioplayer-playpause, .song-play-area .audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover, .song-play-area .audioplayer:not(.audioplayer-playing) .audioplayer-playpause { background: #fff; } .song-play-area .audioplayer-time { font-size: 14px; color: #fff; } /* :: 11.0 Miscellaneous Area CSS */ .weeks-top-area { position: relative; z-index: 1; padding: 45px 30px; -webkit-transition-duration: 500ms; transition-duration: 500ms; border: 1px solid transparent; } .weeks-top-area .single-top-item { position: relative; z-index: 1; margin-bottom: 21px; } .weeks-top-area .single-top-item:last-child { margin-bottom: 0; } .weeks-top-area .single-top-item .thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 73px; flex: 0 0 73px; max-width: 73px; width: 73px; margin-right: 20px; } .weeks-top-area .single-top-item .content- h6 { text-transform: uppercase; margin-bottom: 0; } .weeks-top-area .single-top-item .content- p { font-size: 14px; margin-bottom: 0; } .weeks-top-area:hover, .weeks-top-area:focus { background-color: #f5f9fa; border-color: #d8d8d8; } .popular-artists-area { position: relative; z-index: 1; padding: 45px 30px; -webkit-transition-duration: 500ms; transition-duration: 500ms; border: 1px solid #d8d8d8; background-color: #f5f9fa; } .popular-artists-area .single-artists { position: relative; z-index: 1; margin-bottom: 17px; } .popular-artists-area .single-artists:last-child { margin-bottom: 0; } .popular-artists-area .single-artists .thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 63px; flex: 0 0 63px; max-width: 63px; width: 63px; margin-right: 20px; border-radius: 50%; } .popular-artists-area .single-artists .thumbnail img { border-radius: 50%; } .popular-artists-area .single-artists .content- p { font-size: 16px; margin-bottom: 0; } .new-hits-area { position: relative; z-index: 1; padding: 45px 30px; -webkit-transition-duration: 500ms; transition-duration: 500ms; border: 1px solid #d8d8d8; background-color: #f5f9fa; } .new-hits-area .single-new-item { position: relative; z-index: 1; border-bottom: 1px solid #d8d8d8; margin-bottom: 10px; padding-bottom: 10px; } .new-hits-area .single-new-item:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } .new-hits-area .single-new-item .thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 73px; flex: 0 0 73px; max-width: 73px; width: 73px; margin-right: 20px; } .new-hits-area .single-new-item .content- h6 { text-transform: uppercase; margin-bottom: 0; } .new-hits-area .single-new-item .content- p { font-size: 14px; margin-bottom: 0; } .new-hits-area .single-new-item .audioplayer { margin: 0; padding: 0; width: auto; height: auto; border: none; border-radius: 0; background: transparent; } .new-hits-area .single-new-item .audioplayer-playing .audioplayer-playpause, .new-hits-area .single-new-item .audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover, .new-hits-area .single-new-item .audioplayer:not(.audioplayer-playing) .audioplayer-playpause { background: #d6d6d6; } .new-hits-area .single-new-item .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a { border-left: 12px solid #fff; } .new-hits-area .single-new-item .audioplayer-time, .new-hits-area .single-new-item .audioplayer-volume, .new-hits-area .single-new-item .audioplayer-bar { display: none; } /* :: 12.0 Login Area CSS */ .login-content { -webkit-transition-duration: 500ms; transition-duration: 500ms; position: relative; z-index: 1; background-color: #f5f9fa; border: 1px solid #d8d8d8; padding: 50px 100px; box-shadow: 0 2px 70px 0 rgba(0, 0, 0, 0.15); text-align: center; } @media only screen and (max-width: 767px) { .login-content { padding: 50px 30px; } } .login-content h3 { margin-bottom: 30px; } .login-content .form-group { text-align: left; } .login-content .form-control { width: 100%; height: 50px; border: 1px solid #000000; font-size: 12px; font-style: italic; padding: 0 20px; border-radius: 0; } .login-content .form-control:focus { box-shadow: none; } /* :: 13.0 Services Area CSS */ .single-service-area .icon { -webkit-box-flex: 0; -ms-flex: 0 0 78px; flex: 0 0 78px; max-width: 78px; width: 78px; position: relative; z-index: 1; width: 78px; height: 78px; border: 1px solid #000000; text-align: center; } .single-service-area .icon span { line-height: 76px; font-size: 40px; } .single-service-area .text { position: relative; z-index: 1; -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 78px); flex: 0 0 calc(100% - 78px); max-width: calc(100% - 78px); width: calc(100% - 78px); padding-left: 30px; } /* :: 14.0 Footer Area CSS */ .footer-area { position: relative; z-index: 1; background-color: #000000; padding: 30px 0; } @media only screen and (max-width: 767px) { .footer-area { text-align: center; } } .footer-area .copywrite-text { font-size: 12px; margin-bottom: 0; color: rgba(166, 165, 165, 0.54); } .footer-area .copywrite-text a { color: rgba(166, 165, 165, 0.54); font-size: 12px; } .footer-area .copywrite-text a:hover, .footer-area .copywrite-text a:focus { color: #fff; } .footer-area .footer-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media only screen and (max-width: 767px) { .footer-area .footer-nav ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; } } .footer-area .footer-nav li a { color: #898888; font-size: 16px; padding: 0 20px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer-area .footer-nav li a { padding: 0 10px; font-size: 14px; } } @media only screen and (max-width: 767px) { .footer-area .footer-nav li a { padding: 0 10px; font-size: 14px; } } .footer-area .footer-nav li a:hover, .footer-area .footer-nav li a:focus { color: #fff; } .footer-area .footer-nav li:last-child a { padding-right: 0; } /* :: 15.0 Breadcumb Area CSS */ .breadcumb-area { position: relative; z-index: 10; width: 100%; height: 385px; } @media only screen and (max-width: 767px) { .breadcumb-area { height: 270px; } } .breadcumb-area .bradcumbContent { position: absolute; background-color: #fff; width: 552px; bottom: 0; left: 50%; z-index: 100; text-align: center; padding-top: 40px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (max-width: 767px) { .breadcumb-area .bradcumbContent { width: calc(100% - 60px); padding-top: 30px; } } .breadcumb-area .bradcumbContent p { line-height: 1.5; font-size: 16px; color: #5f5f5f; } .breadcumb-area .bradcumbContent h2 { font-size: 30px; letter-spacing: 10px; text-transform: uppercase; line-height: 1; margin-bottom: 0; } @media only screen and (max-width: 767px) { .breadcumb-area .bradcumbContent h2 { font-size: 18px; letter-spacing: 5px; } } /* :: 16.0 Blog Area CSS */ .single-blog-post { position: relative; z-index: 1; } .single-blog-post .blog-post-thumb { position: relative; z-index: 1; } .single-blog-post .blog-post-thumb .post-date { width: 76px; height: 106px; border: 1px solid #000000; text-align: center; background-color: #fff; position: absolute; z-index: 10; top: -30px; left: 30px; padding: 17px 0; } .single-blog-post .blog-post-thumb .post-date span { display: block; font-size: 14px; font-weight: 700; line-height: 1.3; } .single-blog-post .blog-post-thumb .post-date span:first-child { font-size: 36px; } .single-blog-post .blog-content { background-color: #f5f9fa; padding: 45px 40px; border: 1px solid #d8d8d8; } @media only screen and (max-width: 767px) { .single-blog-post .blog-content { padding: 30px 20px; } } .single-blog-post .blog-content .post-title { font-size: 24px; display: block; } @media only screen and (max-width: 767px) { .single-blog-post .blog-content .post-title { font-size: 20px; } } .single-blog-post .blog-content .post-title:hover, .single-blog-post .blog-content .post-title:focus { color: #232323; } .single-blog-post .blog-content .post-meta { position: relative; z-index: 1; margin-bottom: 10px; } .single-blog-post .blog-content .post-meta p { color: #8d8d8d; font-size: 13px; padding-right: 25px; position: relative; z-index: 1; } .single-blog-post .blog-content .post-meta p::after { content: '|'; position: absolute; right: 12px; top: 0; z-index: 5; } .single-blog-post .blog-content .post-meta p:last-child::after { display: none; } .single-blog-post .blog-content .post-meta p a { color: #8d8d8d; font-size: 13px; margin-bottom: 0; font-weight: 400; } .single-blog-post .blog-content .post-meta p a:hover, .single-blog-post .blog-content .post-meta p a:focus { color: #000000; } .single-blog-post .blog-content p { margin-bottom: 0; } .oneMusic-pagination-area .pagination .page-item .page-link { background-color: transparent; display: block; padding: 0; border: 1px solid transparent; color: #5f5f5f; font-size: 15px; font-weight: 400; width: 34px; height: 34px; line-height: 32px; text-align: center; margin-right: 10px; } .oneMusic-pagination-area .pagination .page-item .page-link:hover, .oneMusic-pagination-area .pagination .page-item .page-link:focus { color: #000000; border: 1px solid #000000; } .oneMusic-pagination-area .pagination .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .oneMusic-pagination-area .pagination .page-item:last-child .page-link { border-top-right-radius: 0; border-bottom-right-radius: 0; } .oneMusic-pagination-area .pagination .page-item.active .page-link { color: #000000; border: 1px solid #000000; } .blog-sidebar-area { position: relative; z-index: 1; } @media only screen and (max-width: 767px) { .blog-sidebar-area { margin-top: 100px; } } .single-widget-area { position: relative; z-index: 1; background-color: #f5f9fa; border: 1px solid #d8d8d8; } .single-widget-area img { width: 100%; } .single-widget-area .widget-title { padding: 25px 45px; border-bottom: 1px solid #d8d8d8; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-widget-area .widget-title { padding: 20px 30px; } } .single-widget-area .widget-title h5 { margin-bottom: 0; line-height: 1; } .single-widget-area .widget-content { padding: 25px 45px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-widget-area .widget-content { padding: 20px 30px; } } .single-widget-area .widget-content ul li { margin-bottom: 10px; } .single-widget-area .widget-content ul li a { color: #5f5f5f; font-size: 15px; font-weight: 400; } .single-widget-area .widget-content ul li a:hover, .single-widget-area .widget-content ul li a:focus { color: #000000; } .single-widget-area .widget-content ul li:last-child { margin-bottom: 0; } .single-widget-area .widget-content .tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .single-widget-area .widget-content .tags li { margin-bottom: 0; } .single-widget-area .widget-content .tags li a { display: block; line-height: 28px; font-size: 15px; color: #5f5f5f; height: 30px; background-color: #fff; padding: 0 15px; border: 1px solid #000000; margin: 3px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-widget-area .widget-content .tags li a { padding: 0 10px; } } /* :: 17.0 Skills Area CSS */ .single-skils-area { position: relative; z-index: 1; text-align: center; } .single-skils-area .circle { position: relative; z-index: 10; margin-bottom: 15px; } .single-skils-area .skills-text { position: absolute; top: 50%; left: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .single-skils-area .skills-text span { font-size: 24px; color: #232323; font-weight: 500; } .single-skils-area .skills-text p { font-size: 15px; color: #5f5f5f; line-height: 1; } /* :: 18.0 Contact Area CSS */ .contact-content { position: relative; z-index: 2; } .contact-content .contact-social-info a { display: inline-block; margin-right: 20px; font-size: 14px; color: #000000; } .contact-content .contact-social-info a:hover, .contact-content .contact-social-info a:focus { color: #232323; } .contact-content .single-contact-info { position: relative; margin-bottom: 20px; } .contact-content .single-contact-info:last-child { margin-bottom: 0; } .contact-content .single-contact-info p { font-size: 15px; margin-bottom: 0; } .contact-content .single-contact-info .icon { -webkit-box-flex: 0; -ms-flex: 0 0 35px; flex: 0 0 35px; max-width: 35px; width: 35px; height: 35px; border: 1px solid #000; text-align: center; } .contact-content .single-contact-info .icon span { font-size: 20px; line-height: 33px; } .contact-form-area .form-control { position: relative; z-index: 2; height: 45px; width: 100%; background-color: transparent; font-size: 14px; margin-bottom: 15px; border: none; border-radius: 0; padding: 15px 0; font-style: italic; color: #b3b3b3; border-bottom: 1px solid #000000; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .contact-form-area .form-control:focus { box-shadow: none; border-bottom: 1px solid #000000; } .contact-form-area textarea.form-control { height: 160px; } .has-bg-img { position: relative; z-index: 1; } .has-bg-img .contact-form-area .form-control { color: #fff; border-bottom: 1px solid #fff; } .has-bg-img .contact-form-area .form-control:focus { border-bottom: 1px solid #fff; } .has-bg-img .oneMusic-btn { background-color: transparent; border-color: #fff; color: #fff; } .has-bg-img .oneMusic-btn:hover, .has-bg-img .oneMusic-btn:focus { background-color: #fff; color: #000000; } .map-area { position: relative; z-index: 2; } .map-area iframe { width: 100%; height: 385px; border: none; margin-bottom: 0; } @media only screen and (max-width: 767px) { .map-area iframe { height: 300px; } } /* :: 19.0 Elements Area CSS */ .elements-title { position: relative; z-index: 1; } .elements-title h2 { font-size: 24px; } /* :: 20.1.0 Single Cool Facts CSS */ .single-cool-fact { position: relative; z-index: 1; } .single-cool-fact .scf-text h2 { font-size: 48px; margin-bottom: 0; color: #232323; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-cool-fact .scf-text h2 { font-size: 48px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-cool-fact .scf-text h2 { font-size: 36px; } } @media only screen and (max-width: 767px) { .single-cool-fact .scf-text h2 { font-size: 30px; } } .single-cool-fact .scf-text p { font-size: 15px; margin-bottom: 0; color: #5f5f5f; line-height: 1; } /* :: 20.2.0 Accordians Area CSS */ .single-accordion.panel { background-color: #ffffff; border: 0 solid transparent; border-radius: 4px; box-shadow: 0 0 0 transparent; margin-bottom: 15px; } .single-accordion:last-of-type { margin-bottom: 0; } .single-accordion h6 { margin-bottom: 0; } .single-accordion h6 a { background-color: #000000; border-radius: 0; color: #ffffff; display: block; margin: 0; padding: 20px 70px 20px 30px; position: relative; font-size: 14px; text-transform: capitalize; border: 1px solid #000000; } .single-accordion h6 a span { background: transparent; -webkit-transition-duration: 500ms; transition-duration: 500ms; font-size: 10px; position: absolute; right: 0; text-align: center; top: 0; width: 58px; height: 100%; color: #ffffff; line-height: 58px; } .single-accordion h6 a span.accor-open { opacity: 0; } .single-accordion h6 a.collapsed { -webkit-transition-duration: 500ms; transition-duration: 500ms; background-color: transparent; color: #232323; } .single-accordion h6 a.collapsed span { color: #000000; } .single-accordion h6 a.collapsed span.accor-close { opacity: 0; } .single-accordion h6 a.collapsed span.accor-open { opacity: 1; } .single-accordion .accordion-content { border-top: 0 solid transparent; box-shadow: none; } .single-accordion .accordion-content p { padding: 20px 15px 5px; margin-bottom: 0; } /* :: 20.3.0 Tabs Area CSS */ .oneMusic-tabs-content { position: relative; z-index: 1; } .oneMusic-tabs-content .nav-tabs { border-bottom: none; margin-bottom: 15px; } .oneMusic-tabs-content .nav-tabs .nav-link { background-color: transparent; border: 1px solid #000000; padding: 0 30px; height: 58px; line-height: 58px; color: #232323; margin: 0 2px; border-radius: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .oneMusic-tabs-content .nav-tabs .nav-link { padding: 0 15px; } } @media only screen and (max-width: 767px) { .oneMusic-tabs-content .nav-tabs .nav-link { padding: 0 15px; font-size: 12px; margin-bottom: 5px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .oneMusic-tabs-content .nav-tabs .nav-link { padding: 0 15px; } } .oneMusic-tabs-content .nav-tabs .nav-link.active { background-color: #000000; color: #ffffff; } .oneMusic-tabs-content .oneMusic-tab-text { position: relative; z-index: 1; padding-top: 10px; } .oneMusic-tabs-content .oneMusic-tab-text p { margin-bottom: 0; } .oneMusic-tabs-content .tab-content h6 { font-size: 18px; } .single-web-icon { position: relative; z-index: 1; background-color: #f5f9fa; text-align: center; padding: 30px 10px; border: 1px solid #b8b8b8; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .single-web-icon i { display: block; font-size: 50px; margin-bottom: 15px; } .single-web-icon span { font-size: 16px; } .single-web-icon:hover { box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.15); } .imgclass { width: 100%; min-height: 250px; } .main { padding: 4px 0; } .col-md-3 { margin-bottom: 40px; } .album-poster { position: relative; display: block; border-radius: 7px; overflow: hidden; transition: all ease 0.4s; } .album-poster:hover { box-shadow: none; transform: scale(0.98) translateY(5px); } /*default is hide music player*/ #aplayer { position: fixed; bottom: -100%; left: 0; width: 100%; margin: 0; box-shadow: 0 -2px 2px #dadada; background-color: #fff; transition: all ease 0.5s; } #aplayer.showPlayer { bottom: 0; } .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded { background: #e0e0e0; height: 4px; } .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played { height: 4px; background-color: #2196F3 !important; } .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb { background-color: #2196F3 !important; } .aplayer .aplayer-icon { width: 20px; height: 20px; } .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path { fill: #000; } .aplayer .aplayer-info .aplayer-music { margin-bottom: 5px; } @media only screen and (max-width:750px) { [responsive~="750-reset-background"] { background-color: initial; } } .entry .more:after, .entry .more:before, .section-secondary .cc:after, .section-secondary .cc:before, .section-secondary:after, .section-secondary:before { content: " :"; display: table; } .entry .more:after, .section-secondary .cc:after, .section-secondary:after { clear: both; } .section-header .select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } #p-year-in-review header, .entity_visual .avatar { background-size: cover; background-position: center center; } .player_background_img { -webkit-filter: blur(60px); filter: blur(60px); filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='60'); } .entry .feature .background:before, .hero-mobile_cover:after, .p-welcome .main .bg:before, .player_background:after, .post_entity:before, .tile_body:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .16; filter: alpha(opacity=16); background-color: #000; content: ""; z-index: 1; } #skeleton-notifications-followers, #skeleton-notifications-generic, #skeleton-overlay, #skeleton-player-full { position: fixed; max-width: 100%; right: 0; overflow-x: hidden; } .dispatcher .link-wrap:active, .dispatcher .link-wrap:hover, .form-search_suggestions a:active, .form-search_suggestions a:hover { background-color: #f0f0f0; } #skeleton-overlay, #skeleton-player-full { height: 100%; top: 0; left: 0; overflow-y: scroll; } .entry .type .text:focus, .form-control:focus { border-color: rgba(255, 31, 89, .7); outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 31, 89, .3); } .avatar, .entity_visual, .hero-cover { position: relative; width: 100%; /*border-radius: 10px;*/ padding-bottom: 100% } .avatar>div, .entity.entity--artist .entity_visual, .entity.entity--user .entity_visual, .entity_visual .avatar { width: 100%; height: 100%; border-radius: 100% } .range .thumb-path>div, .tile_body_content { display: table; width: 100%; height: 100% } #o-download .informational, #p-year-in-review header .body>div, .app-bar_wrap, .btn-social, .entity-overlay, .entity-secondary-menu .layout, .entity_information, .entry, .entry .expand-replies, .hero-plain_structure, .notifications .notification, .notifications .notification-target, .overlay-bar, .player-mini, .section-header, .section-tertiary, .track, .track .link-wrap>div { display: table; width: 100% } .edit-image-thumb-layer>div, .form-search { display: table; width: 100%; height: 100% } #o-download .informational>div, .app-bar_wrap>*, .dispatcher .icon, .dispatcher_body, .entity-overlay_body, .entity-secondary-menu .layout_body, .entity_information>div:first-child, .entry .expand-replies>div, .entry .feature .cover, .form-search_suggestions_statistic, .form-search_suggestions_text, .notifications .notification-target>div, .notifications .notification>div, .overlay-bar>*, .player-mini>*, .section-header_left, .section-header_mono, .section-header_right, .track .link-wrap, .track.track--playlist-deleted>*, .track_actions, .track_chart-position, .track_duration, .track_information, .track_tags { display: table-cell; vertical-align: middle; } .entry .feature .information, .hero-plain_structure>div { display: table-cell; vertical-align: bottom; } .entry .type>div, .entry>div { display: table-cell; vertical-align: top; } #p-year-in-review header .body>div>div, .btn-social>div, .edit-image-thumb-layer>div>div, .form-search_input, .form-search_left, .form-search_right, .p-welcome .licensing_content, .p-welcome .licensing_logo, .p-welcome .main .content, .tile_body_content_descriptive, .tile_body_content_standalone-title, .track.track--playlist-edition .track_handle { display: table-cell; text-align: center; vertical-align: middle; } .entity-overlay_body, .entity-secondary-menu .layout_body, .entity_information>div:first-child, .entry .feature .information, .overlay-bar_information, .player-mini_track_information>:first-child, .track_information { width: 100%; max-width: 50px; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: auto; margin-right: auto; color: inherit; } #p-year-in-review header .body, .edit-image-thumb-layer, .edit-image-thumb-layer:before, .entity_visual .avatar, .entity_visual .playlist-cover-grid, .entity_visual>div, .entry .feature .background, .entry .feature .content, .hero-cover>div, .hero-desktop_cover, .hero-desktop_wrap, .hero-mobile_cover>div, .p-welcome .main .bg, .post_entity:before, .post_entity>:first-child, .post_entity>:last-child, .range .thumb-path, .tile_body:before, .tile_body>:first-child, .tile_body>:last-child { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .avatar>div, .pivot-bar ul, .player-mini_volume_layer, .post .quick-play, .social-links li .icon, .track_play img { position: absolute; top: 0; left: 0; } .player_progress_current { position: absolute; bottom: 0; left: 0; } .licensing-img-insert-desktop>div, .p-welcome .licensing { position: absolute; top: 0; right: 0; } .player_progress_running { position: absolute; bottom: 0; right: 0; } .pivot-bar li.is-active a:before, .pivot-bar:before { position: absolute; bottom: 0; right: 0; left: 0; } .btn-action:after { position: absolute; bottom: 0; right: 0; left: 0; top: 0; } .btn-icon.is-active:after, .loader>div { position: absolute; left: 50%; top: 50% } #skeleton-content-veil { position: fixed; height: 100%; top: 0; left: 0; right: 0; } #skeleton-bar-new, #skeleton-bars { top: 0; right: 0; left: 0; } #skeleton-content-messages, #skeleton-player-mini, #skeleton-secondary-menu-mobile, #skeleton-toast { position: fixed; right: 0; bottom: 0; left: 0; } .btn-like .icon, .btn-like span { display: inline-block; vertical-align: middle; } .pivot-bar li { display: inline-block; vertical-align: top; } .player-mini_volume_layer { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .player-mini .player-volume_mute { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .app-bar .avatar-button, .app-bar-new .avatar-button, .app-bar-new2 .avatar-button, .btn, .btn-fixed_btn, .btn-icon, .btn-like, .btn-link, .btn-pill, .btn-secondary-menu, .btn-social, .btn-store, .btn-tag, .highlighted, .list-entity-overlay button, a.link-action:link { position: relative; display: inline-block; vertical-align: top; text-align: center; text-decoration: none; z-index: 0; } .app-bar .avatar-button:hover, .app-bar-new .avatar-button:hover, .app-bar-new2 .avatar-button:hover, .btn-fixed_btn:hover, .btn-icon:hover, .btn-like:hover, .btn-link:hover, .btn-pill:hover, .btn-secondary-menu:hover, .btn-social:hover, .btn-store:hover, .btn-tag:hover, .btn:hover, .highlighted:hover, .list-entity-overlay button:hover, a.link-action:hover:link { cursor: pointer; } .entity-overlay_cover_img, .entity-secondary-menu .layout_cover_img, .entity_visual_image, .entry .feature .cover>div img, .hero-desktop_cover img, .player-mini_cover img, .player_background_img, .playlist-cover-grid>li img, .post_entity>:first-child img, .row--list-image img, .tile_body>:first-child img, .track_play img { width: 100%; height: auto; } .avatar img, .entity_visual_image.entity_visual_image--avatar, .entry .avatar img { width: 100%; height: auto; border-radius: 100% } .post_entity_background.post_entity_background--fitted img { max-width: 100%; min-height: 100%; width: auto; } .entity .btn-pill, .tile .button-icon-round--play { position: absolute; z-index: 2; } .logo.logo--dark { fill: #262626; } .hero-entity-description, .player_entity-information>*, .post_entity_content>div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tile_body_content_descriptive_title, .tile_body_content_standalone-title { -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .track.track--playlist-edition, .unselectable-text { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #skeleton-player-mini, .chosen-container { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .tile_body_content_descriptive, .tile_body_content_standalone-title { color: #FFF; font-size: 14px; font-size: 1rem; font-family: futurademi, Arial, sans-serif; -webkit-text-shadow: 0 1px 8px #000; -moz-text-shadow: 0 1px 8px #000; -ms-text-shadow: 0 1px 8px #000; -o-text-shadow: 0 1px 8px #000; text-shadow: 0 1px 8px #000; } .list-link.list-link--small a, a.small, p.small { font-size: 12px; font-size: .85714rem; } p.xsmall { font-size: .78571rem; } .dispatcher_body_title, .section-header .select select, .section-header h1, legend { font-size: 11px; font-size: .78571rem; letter-spacing: 1px; line-height: 1.3636; text-transform: uppercase; } .entity-overlay_body_title, .entity-secondary-menu .layout_body_title, .entity_information_title { margin-bottom: .42857rem; text-transform: capitalize; font-weight: 600; font-family: futurabook, Arial, sans-serif; } .entity-overlay_body_title, .entity-secondary-menu .layout_body_title { font-size: 13px; font-size: .92857rem; } .entity_information_title { font-size: 12px; font-size: .85714rem; } .player-mini_track_information_play_source a, .player-mini_track_information_title, .track_information_title { font-size: 13px; font-size: .92857rem; margin-bottom: .28571rem; font-family: futurabook, Arial, sans-serif; font-weight: 600; } .entity-overlay_body_secondary, .entity-secondary-menu .layout_body_secondary, .entity_information_secondary, .track_information_artist { font-size: 10px; font-size: .71429rem; font-family: futurabook, Arial, sans-serif; text-transform: uppercase; } #p-jobs .no-positions, #p-jobs .positions .location, #p-jobs .positions .type, .btn-icon .notification-count, .btn-like, .section-secondary .stats { font-size: 9px; font-size: .64286rem; } .btn-tag, .entry .expand-replies, .entry .info .date, .entry .type .remaining-chars, .p-welcome .licensing, .player-mini_track_duration, .post_entity_content_tag, .track_tags { font-size: 10px; font-size: .71429rem; } .btn, .btn-fixed_btn, .btn-pill.btn--hybrid span, .btn-social>div:last-child, .highlighted, a.link-action:link { font-size: 10px; font-size: .71429rem; font-family: futurabold, Arial, sans-serif; } #p-legal .clauses p, .author, .dispatcher_body_description, .edit-image-cover a span, .edit-image-thumb-layer .text, .help-block, .post_body p, .tile_body_content_descriptive_description, .toasts p, .track_duration { font-size: 11px; font-size: .78571rem; } #p-legal .clauses li li, .author a, .beta-badge, .post_body p a { font-size: 11px; font-size: .78571rem; font-family: futurabold, Arial, sans-serif; } #p-creative-commons .conditions li, #p-privacy-policy, #p-terms-of-use, #p-year-in-review .entity p, .app-bar .avatar-button_username, .app-bar .user-menu a, .app-bar-new .avatar-button_username, .app-bar-new .user-menu a, .app-bar-new2 .avatar-button_username, .app-bar-new2 .user-menu a, .btn-link, .entry .source, .entry .type .text, .form-search input, .form-search_suggestions_statistic, .messages_message_text, .notifications .notification-target, .pivot-bar a, .player-mini_track_information_play_source, .player-mini_track_information_text-by, .player_progress_current, .player_progress_running, .section-secondary .date, .section-secondary .stats .count, .social-links li, .t-static .bullet-list, .t-static .company-information, .track.track--playlist-deleted>div:nth-child(2), p.small { font-size: 12px; font-size: .85714rem; font-family: futurabook, Arial, sans-serif; } #p-legal .clauses li, #p-year-in-review .entity_for, .btn-action, .empty-message, .form-group .as-label, .form-group label:not(.radio-inline), .form-inline .as-label, .form-inline label:not(.radio-inline), .notifications .notification-target span { font-size: 12px; font-size: .85714rem; font-family: futurabold, Arial, sans-serif; } .btn-secondary-menu, .section-tertiary { font-size: 13px; font-size: .92857rem; font-family: futurabook, Arial, sans-serif; } .entry .text .title, .section-tertiary .heading { font-size: 14px; font-size: 1rem; font-family: futurademi, Arial, sans-serif; } a.a--search { font-size: 18px; font-size: 1.28571rem; font-family: futurabold, Arial, sans-serif; } a.a--search span:first-child { font-size: 24px; font-size: 1.71429rem; font-family: futurademi, Arial, sans-serif; } .overlay-bar_information_prefix { font-size: 9px; font-size: .64286rem; font-family: futurabook, Arial, sans-serif; } .entry .feature .author, .navigation .language select, .navigation .primary .btn--brand, .navigation .primary .btn--lightgrey-brand, .navigation .secondary, .player_entity-information_author { font-size: 10px; font-size: .71429rem; font-family: futurabook, Arial, sans-serif; } .player-mini_track_information_artist { font-size: 11px; font-size: .78571rem; font-family: futurabook, Arial, sans-serif; } .navigation .primary .primary-title>span, .navigation .primary a, .post_entity_content_author, .post_entity_content_name>span { font-size: 12px; font-size: .85714rem; font-family: futurabook, Arial, sans-serif; } .overlay-bar_information_title { font-size: 12px; font-size: .85714rem; font-family: futurabold, Arial, sans-serif; } .entry .feature .title, .player_entity-information_title { font-size: 13px; font-size: .92857rem; font-family: futurabook, Arial, sans-serif; } .post_entity_content_name { font-size: 14px; font-size: 1rem; font-family: futurabold, Arial, sans-serif; } #p-year-in-review .entity_attr { font-size: 10px; font-size: .71429rem; font-family: futurabook, Arial, sans-serif; } #p-year-in-review .entity_month, #p-year-in-review .jump-to span, .p-welcome .main .content .button, .redirection-container .licensing-redirect .content .cta-catalog, .redirection-container .licensing-redirect .content .cta-in-store, .redirection-container .music-redirect .content .cta-music, .redirection-container-one-image .licensing-redirect .content .cta-catalog, .redirection-container-one-image .licensing-redirect .content .cta-in-store, .redirection-container-one-image .music-redirect .content .cta-music { font-size: 14px; font-size: 1rem; font-family: futurabook, Arial, sans-serif; } #p-year-in-review .entity_title span { font-size: 16px; font-size: 1.14286rem; font-family: futurabold, Arial, sans-serif; } #p-year-in-review .jump-to, #p-year-in-review h2 { font-size: 18px; font-size: 1.28571rem; font-family: futurabook, Arial, sans-serif; } #p-year-in-review .entity_title, .redirection-container-one-image .licensing-redirect .content .cta-link .cta-free-trial, .redirection-container-one-image .licensing-redirect .content .cta-link a, .redirection-container-one-image .music-redirect .content .cta-music { font-size: 18px; font-size: 1.28571rem; font-family: futurabold, Arial, sans-serif; } #p-year-in-review header h1 { font-size: 24px; font-size: 1.71429rem; font-family: futurabook, Arial, sans-serif; } .p-welcome .main .content .heading { font-size: 24px; font-size: 1.71429rem; font-family: futurabold, Arial, sans-serif; } .social-links .web a:link { color: #4d4d4d; } .social-links .web a:hover, .social-links .web a:visited { color: #272727; } .social-links .facebook a, .social-links .facebook a:link { color: #5f78ab; } .social-links .facebook a:hover, .social-links .facebook a:visited { color: #41557c; } .social-links .twitter a:link { color: #4099FF; } .social-links .twitter a:hover, .social-links .twitter a:visited { color: #0071f3; } .social-links .google a:link { color: #dd4b39; } .social-links .google a:hover, .social-links .google a:visited { color: #ac2d1e; } .social-links .apple a:hover, .social-links .apple a:link, .social-links .apple a:visited { color: #000; } .entry .feature .background>div, .post_entity_background>div { width: 100%; top: 50%; margin: auto 0; position: absolute; bottom: 50% } .entry .feature .background>div>div, .post_entity_background>div>div { width: 100%; top: -1000px; margin: auto 0; position: absolute; bottom: -1000px; display: block; } .entry .feature .background>div>div>div, .post_entity_background>div>div>div { display: table; width: 100%; height: 100% } .entry .feature .background>div>div>div>div, .post_entity_background>div>div>div>div { display: table-cell; vertical-align: middle; } .entry .feature .background>div img, .post_entity_background>div img { width: 100%; height: auto!important; display: block; } #p-jobs .positions>li, .dispatcher>li, .form-search_suggestions>li, .list-secondary-menu>li, .list-track>li { border-bottom: 1px solid #d1d1d1; } #p-jobs .positions>li:last-child, .dispatcher>li:last-child, .form-search_suggestions>li:last-child, .list-secondary-menu>li:last-child, .list-track>li:last-child { border-bottom: none; } .entry .actions .thumbs, .list-button-icon-fat { font-size: 0; display: inline-block; } .entry .actions .thumbs>li, .list-button-icon-fat>li { display: inline-block; } .entry .actions .thumbs>li { border-right: 1px solid #d1d1d1; } .entry .actions .thumbs>li:last-child { border-right: none; } .list-link>li { display: block; } .hero-entity-description .tags>li, .list-link-inline>li { display: inline; } .hero-entity-description .tags>li:after, .list-link-inline>li:after { content: ", " } .hero-entity-description .tags>li:last-child:after, .list-link-inline>li:last-child:after { content: "" } .post_entity, .tile_body { position: relative; padding-bottom: 100%; z-index: auto; } #skeleton-overlay, #skeleton-player-full, #skeleton-player-mini { padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); } .post_entity:before, .post_entity>:first-child, .post_entity>:last-child, .tile_body:before, .tile_body>:first-child, .tile_body>:last-child { display: block; } .post_entity>:last-child:not(:first-child), .post_entity>:only-child, .tile_body>:last-child:not(:first-child), .tile_body>:only-child { z-index: 2; } #skeleton-navigation { position: fixed; display: block; height: 100%; top: 0; bottom: 0; left: -300px; width: 300px; -webkit-overflow-scrolling: touch; overflow-x: hidden; z-index: 30; transition: left .15s linear; } #skeleton-navigation.is-visible { left: 0; height: 100%; background-color: #262626; } #skeleton-bar-new, #skeleton-bars { background-color: #e8e8e8; z-index: 10; } #skeleton-topbar-and-content { padding-left: 0; } #skeleton-bars { height: 48px; position: static; } #skeleton-bars.fixfixed { position: absolute; } #skeleton-bar-new { height: auto; position: fixed; padding-left: 0; padding-right: 16px; } #skeleton-bar-new.fixfixed { position: absolute; } #skeleton-bar-new.sticky { position: -webkit-sticky; position: sticky; top: 0; } #skeleton-content-messages { z-index: 10; } #skeleton-content-wrap { z-index: 0; padding: env(safe-area-inset-top) env(safe-area-inset-right) calc(env(safe-area-inset-bottom)+72px) env(safe-area-inset-left); } #skeleton-content-wrap>.container-fluid.no-query>.licensing-links, #skeleton-content-wrap>.container-fluid.no-query>.results-container, #skeleton-content-wrap>.container-fluid>.redirection-container-one-image { display: none; } #skeleton-content-wrap>.container-fluid.no-query>.redirection-container-one-image { display: block; } #skeleton-player-mini { bottom: -50px; visibility: hidden; z-index: 10; transition: all .3s linear; user-select: none; } #skeleton-player-mini.is-visible { visibility: visible; bottom: 0; } #skeleton-player-full { overflow: hidden; top: 100%; visibility: hidden; z-index: 40; transition: all .15s linear; } #skeleton-player-full.is-visible { visibility: visible; top: 0; } #skeleton-overlay { visibility: hidden; z-index: 50; background-color: #fff; overflow-y: auto; overflow-x: hidden; } #skeleton-overlay .overlay-content { padding: env(safe-area-inset-top) env(safe-area-inset-right) calc(env(safe-area-inset-bottom)+96px) env(safe-area-inset-left); } #skeleton-overlay .overlay-skip { text-align: right; } #skeleton-overlay.is-visible { visibility: visible; } #skeleton-notifications-followers, #skeleton-notifications-generic { width: 450px; height: auto; visibility: hidden; z-index: 45; overflow: visible; top: 48px; left: initial; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; background-color: #FFF; box-shadow: 0 3px 10px -2px rgba(0, 0, 0, .6); } #skeleton-notifications-followers.is-visible, #skeleton-notifications-generic.is-visible { visibility: visible; } #skeleton-notifications-followers.empty .notifications, #skeleton-notifications-generic.empty .notifications { display: none; } #skeleton-notifications-followers.empty .empty-message, #skeleton-notifications-generic.empty .empty-message { display: block; } #skeleton-toast { bottom: 96px; opacity: 0; filter: alpha(opacity=0); visibility: hidden; z-index: 60; transition: all .15s linear; } #skeleton-toast.is-visible { visibility: visible; opacity: 1; filter: alpha(opacity=100); } #skeleton-content-veil { opacity: 0; filter: alpha(opacity=0); background-color: #000; visibility: hidden; z-index: 20; } #skeleton-content-veil.is-visible { visibility: visible; opacity: .95; filter: alpha(opacity=95); } #skeleton-content-veil, #skeleton-secondary-menu-mobile { transition: all .15s linear; padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); } #skeleton-secondary-menu-mobile { bottom: -100%; visibility: hidden; z-index: 21; background-color: #FFF; } #skeleton-secondary-menu-mobile.is-visible { visibility: visible; bottom: 0; } @media only screen and (min-width:993px) { #skeleton-navigation { left: 0; width: 180px; } #skeleton-topbar-and-content { padding-left: 180px; } #skeleton-bar-new, #skeleton-bars { padding-left: 0; position: static; } #skeleton-bar-new>.container-fluid, #skeleton-bars>.container-fluid { padding-right: 32px; } #skeleton-content-messages { left: 180px; } #skeleton-content-wrap { position: static; } @media only screen and (min-width: 993px) { #skeleton-content-wrap>.container-fluid { padding: 10px 0px 10px 44px; } } #skeleton-content-wrap>.container-fluid.no-query { padding: 0; } #skeleton-content-wrap>.container-fluid.no-query .licensing-links, #skeleton-content-wrap>.container-fluid.no-query .results-container { display: none; } #skeleton-content-wrap>.container-fluid.no-query>.redirection-container-one-image { display: -webkit-box; display: -ms-flexbox; display: flex; } #skeleton-player-mini { visibility: visible; bottom: 0; padding-left: 180px; } } @media only screen and (max-width:768px) { #skeleton-notifications-followers, #skeleton-notifications-generic { width: 100%; left: 0!important; margin-right: 0!important; position: fixed; height: calc(100vh - 48px); } #skeleton-notifications-followers.empty, #skeleton-notifications-generic.empty { height: auto; } } html.has-player #skeleton-content-wrap { padding-bottom: 120px; } html.has-player #skeleton-content-messages { bottom: 48px; } html.noscroll { overflow: hidden; } .pivot { position: relative; width: 100% } .pivot .page { position: absolute; display: none; width: 100%; top: 0; left: 100% } .pivot .page.is-current { position: relative; display: block; left: 0; } body { height: 100% } .col-community-left, .col-community-right { padding-top: 32px; } @media only screen and (min-width:992px) { body .is-mini-player #skeleton-notifications-followers, body .is-mini-player #skeleton-notifications-generic { bottom: 50px; } .l-form-2-col-md>div:first-child { padding-right: 24px; } .l-form-2-col-md>div:last-child { padding-left: 24px; } .col-community-left { padding-right: 24px; border-right: 1px solid #d1d1d1; } .col-community-right { padding-left: 24px; border-left: 1px solid #d1d1d1; left: -1px; } } .container, .container-fluid { padding-left: 16px; padding-right: 16px; clear: both; } .container-fluid>.no-padding-x, .container>.no-padding-x { margin-left: -16px; margin-right: -16px; } @media only screen and (min-width:1334px) { .container.mod { margin-left: 0; padding-left: 32px; padding-right: 32px; width: auto; max-width: 1500px; } } .row--list-grid { margin: -8px; } .row--list-grid>[class*=col-] { padding: .57143rem; } .container-wrap-emphasize { background-color: #f0f0f0; padding-bottom: 48px; } @media only screen and (min-width:1334px) { .col-wide-gap { padding-right: 48px; } } @media only screen and (min-width:1646px) { .col-xl-force-8-split { width: 12.5% } } @media only screen and (max-width:992px) { .container { padding: 48px 0 72px; } } .form-group .as-label, .form-group label:not(.radio-inline), .form-inline .as-label, .form-inline label:not(.radio-inline) { line-height: 2; } .help-block { color: #999; } .help-block:empty { margin: 0; } .form-group-submit, fieldset { margin-top: 2.28571rem; } legend { margin-bottom: 1.14286rem; } .icon.form-control-feedback { position: absolute; width: 34px; height: 34px; line-height: 34px; font-size: 12px; } .form-control-inline { min-width: 0; width: auto; display: inline-block; } .croppie-container .cr-original-image, .form-global-error:empty { display: none; } .form-group-submit { padding-top: .57143rem; text-align: right; } .form-global-error { color: #FFF; font-size: 12px; padding: 8px 12px; margin-top: 32px; background-color: #cc2929; } form hr { margin: 24px 0; } .croppie-container { width: 100%; height: 100% } .croppie-container .cr-image { z-index: -1; position: absolute; top: 0; left: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; max-height: none; max-width: none; } .croppie-container .cr-boundary { position: relative; overflow: hidden; margin: 0 auto; z-index: 1; width: 100%; height: 100%; background-color: #f0f0f0; } .croppie-container .cr-viewport { position: absolute; border: 2px solid #fff; margin: auto; top: 0; bottom: 0; right: 0; left: 0; box-shadow: 0 0 2000px 2000px rgba(255, 255, 255, .9); z-index: 0; } .croppie-container .cr-vp-circle { border-radius: 50% } .croppie-container .cr-overlay { z-index: 1; position: absolute; cursor: move; } .croppie-container .cr-slider-wrap { text-align: center; } .croppie-result { position: relative; overflow: hidden; } .croppie-result img { position: absolute; } .croppie-container .cr-image, .croppie-container .cr-overlay, .croppie-container .cr-viewport { -webkit-transform: translateZ(0); transform: translateZ(0); } .cr-slider { -webkit-appearance: none; width: 300px; max-width: 100% } .cr-slider::-webkit-slider-runnable-track { width: 100%; height: 3px; background: rgba(0, 0, 0, .5); border: 0; border-radius: 3px; } .cr-slider::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top: -6px; } .cr-slider:focus { outline: 0; } .cr-slider::-moz-range-track { width: 100%; height: 3px; background: rgba(0, 0, 0, .5); border: 0; border-radius: 3px; } .cr-slider::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top: -6px; } .cr-slider:-moz-focusring { outline: #fff solid 1px; outline-offset: -1px; } .form-search input:focus, .section-header .select:focus { outline-width: 0; } .cr-slider::-ms-track { width: 100%; height: 5px; background: 0 0; border-color: transparent; border-width: 6px 0; color: transparent; } .cr-slider::-ms-fill-lower { background: rgba(0, 0, 0, .5); border-radius: 10px; } .cr-slider::-ms-fill-upper { background: rgba(0, 0, 0, .5); border-radius: 10px; } .cr-slider::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top: 1px; } .cr-slider:focus::-ms-fill-lower { background: rgba(0, 0, 0, .5); } .cr-slider:focus::-ms-fill-upper { background: rgba(0, 0, 0, .5); } .cr-rotate-controls { position: absolute; bottom: 5px; left: 5px; z-index: 1; } .cr-rotate-controls button { border: 0; background: 0 0; } .cr-rotate-controls i:before { display: inline-block; font-style: normal; font-weight: 900; font-size: 22px; } .cr-rotate-l i:before { content: '↺' } .cr-rotate-r i:before { content: '↻' } /*! Chosen, a Select Box Enhancer for jQuery and Prototype by Patrick Filler for Harvest, http://getharvest.com Version 1.6.2 Full source at https://github.com/harvesthq/chosen Copyright (c) 2011-2016 Harvest http://getharvest.com MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md This file is generated by `grunt build`, do not edit it by hand. */ .chosen-container { position: relative; display: inline-block; vertical-align: middle; user-select: none; } .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; width: 100%; background: #fff; } .chosen-container.chosen-with-drop .chosen-drop { left: 0; } .chosen-container a { cursor: pointer; } .chosen-container .chosen-single .group-name, .chosen-container .search-choice .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 400; color: #999; } .chosen-container .chosen-single .group-name:after, .chosen-container .search-choice .group-name:after { content: ":"; padding-left: 2px; vertical-align: top; } .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; border: 1px solid #aaa; background-color: #fff; background-clip: padding-box; color: #444; text-decoration: none; white-space: nowrap; } .chosen-container-single .chosen-default { color: #999; } .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; font-size: 1px; } .chosen-container-single .chosen-single abbr:hover, .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; height: 100% } .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100% } .chosen-container-single .chosen-search { z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; } .chosen-container-single .chosen-search input[type=text] { margin: 1px 0; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; } .chosen-container .chosen-results { color: #444; position: relative; overflow-x: hidden; overflow-y: auto; max-height: 240px; -webkit-overflow-scrolling: touch; } .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; word-wrap: break-word; -webkit-touch-callout: none; } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } .chosen-container .chosen-results li.highlighted { color: #fff; } .chosen-container .chosen-results li.no-results { color: #777; display: list-item; background: #f4f4f4; } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: 700; cursor: default; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } .chosen-container .chosen-choices { position: relative; overflow: hidden; margin: 0; padding: 0 5px; width: 100%; height: auto; border: 1px solid #aaa; background-color: #fff; background-image: linear-gradient(#eee 1%, #fff 15%); cursor: text; } .chosen-container .chosen-choices li { float: left; list-style: none; } .chosen-container .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } .chosen-container .chosen-choices li.search-field input[type=text] { padding: 0; outline: 0; border: 0!important; background: 0 0!important; box-shadow: none; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container .chosen-choices li.search-choice { position: relative; margin: 3px 5px 3px 0; background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; cursor: default; } .chosen-container .chosen-choices li.search-choice span { word-wrap: break-word; } .chosen-container .chosen-choices li.search-choice .search-choice-close { position: absolute; display: block; } .chosen-container .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .chosen-container .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); color: #666; } .chosen-container .chosen-choices li.search-choice-focus { background: #d4d4d4; } .chosen-container .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .chosen-container .chosen-results { margin: 0; padding: 0; } .chosen-container .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; } .chosen-container-active .chosen-single { border: 1px solid #5897fb; } .chosen-container-active.chosen-with-drop .chosen-single { border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-image: linear-gradient(#eee 20%, #fff 80%); } .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: 0 0; } .chosen-container-active .chosen-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, .3); } .chosen-container-active .chosen-choices li.search-field input[type=text] { color: #222!important; } .chosen-disabled { opacity: .5!important; cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close, .chosen-disabled .chosen-single { cursor: default; } .chosen-rtl { text-align: right; } .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } .chosen-rtl .chosen-single div { right: auto; left: 3px; } .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } .chosen-rtl .chosen-choices li { float: right; } .chosen-rtl .chosen-choices li.search-field input[type=text] { direction: rtl; } .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .chosen-rtl .chosen-drop, .chosen-rtl.chosen-container-single-nosearch .chosen-search { left: 9999px; } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; } .chosen-rtl .chosen-search input[type=text] { padding: 4px 5px 4px 20px; direction: rtl; } .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; } .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi), only screen and (min-resolution:1.5dppx) { .chosen-container .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span, .chosen-container-single .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-rtl .chosen-search input[type=text] { background-image: url(chosen-sprite@2x.png)!important; background-size: 52px 37px!important; background-repeat: no-repeat!important; } } .chosen-container { font-size: 12.25px; font-size: .875rem; } .chosen-container .chosen-drop { font-size: 11.38px; font-size: .8125rem; box-shadow: 0 0 6px #ff85a5; padding-top: 4px; text-align: left; } .chosen-container-single .chosen-single { background: #FFF; border-radius: 0; padding: .5rem 1rem .625rem .5rem; line-height: inherit; box-shadow: none; height: 31.5px; height: 2.25rem; border-color: #ccc; } .chosen-container-single .chosen-single abbr { background: url(../images/chosen-sprite.png) -42px 1px no-repeat; } .chosen-container-single .chosen-single div { width: 16px; } .chosen-container-single .chosen-single div b { background: url(../images/sprites/chosen-sprite.png) 0 7px no-repeat; } .chosen-container-single .chosen-search { position: relative; } .chosen-container-single .chosen-search:after { position: absolute; z-index: 1; display: block; top: .75rem; right: 1rem; width: 12px; height: 12px; font-size: 12px; font-family: jamendo-licensing-icons; content: "" } .chosen-container-single .chosen-search input[type=text] { background: 0 0; padding: .5rem 2rem .5rem .5rem; } .chosen-search input[type=text] { background: 0 0!important; } .chosen-container-active .chosen-single { border-color: #00000; box-shadow: 0 0 6px #ff85a5; } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #00000; background: #FFF; box-shadow: 0 0 6px #ff85a5; } .chosen-container .chosen-results li.highlighted { background-color: #00000; background-image: none; } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 7px; } .chosen-rtl .chosen-search input[type=text] { background: url(../images/sprites/chosen-sprite.png) -30px -20px no-repeat; } .chosen-container .chosen-choices li.search-choice { border: none; max-width: 100%; border-radius: 4px; background-color: #ff527f; background-image: none; box-shadow: none; color: #FFF; line-height: 24px; padding: 0 24px 0 6px; } .chosen-container .chosen-choices li.search-choice .search-choice-close { top: 0; right: 0; width: 24px; height: 24px; background: 0 0; font-family: jamendo-licensing-icons; font-size: 8px; color: #FFF; text-decoration: none; line-height: 3; text-align: center; cursor: pointer; } .btn.btn--licensing-2, .button-cart, .button-cart .button-cart-text-container .pricing span, a:link.link-color { font-family: futurademi, Arial, sans-serif; } a, a.link-wrap { font-size: inherit; } .chosen-container .chosen-choices li.search-choice .search-choice-close:before { content: "" } .chosen-container .chosen-choices li.search-field input[type=text] { height: 30px; margin: 0; padding-left: 6px; padding-top: 2px; color: #737373!important; } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi), only screen and (min-resolution:1.5dppx) { .chosen-container .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span, .chosen-container-single .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-rtl .chosen-search input[type=text] { background: 0 0!important; } } .list-link-search { margin-top: -8px; margin-bottom: 8px; } .list-link-search>li { display: inline-block; margin: 0 .57143rem 0 0; } .list-link-search>li:last-child { margin-right: 0; } .btn { padding: 16px 12px; } .btn:before { top: 12px; right: 0; bottom: 12px; left: 0; } .btn span { text-transform: initial; } .btn.btn--licensing-2 { font-size: 12px; } .btn.btn--discreet--tag.selected:before, .btn.btn--discreet--tag:active:before, .btn.btn--discreet--tag:hover:before { background-color: #bfbfbf; } .btn.btn--bordered { color: #262626!important; } .btn.btn--bordered:active, .btn.btn--bordered:hover { color: #FFF!important; } .btn.btn--bordered:before { border-width: 1px; border-style: solid; background-color: transparent; } .btn.btn--bordered.btn--white:active, .btn.btn--bordered.btn--white:hover { color: #00000!important; } .btn.btn--bordered.btn--lightgrey-brand:active, .btn.btn--bordered.btn--lightgrey-brand:hover { color: #FFF!important; } .btn.btn--bordered.btn--lightgrey-brand:active::before, .btn.btn--bordered.btn--lightgrey-brand:hover::before { background-color:; border-color:; } .btn.btn--lg:before { top: 8px; right: 0; bottom: 8px; left: 0; } .btn.btn--block { width: 100% } .btn.btn-xs { padding: 12px 5px; } .btn.is-disabled, .btn[disabled] { pointer-events: none; } .btn.is-disabled:hover, .btn[disabled]:hover { cursor: not-allowed; } .btn:after { top: 12px; right: 0; bottom: 12px; left: 0; background-color: #737373; } .btn.is-active:after { -webkit-animation: btn-is-active .8s linear; animation: btn-is-active .8s linear; } @-webkit-keyframes btn-is-active { 0% { top: 12px; right: 0; bottom: 12px; left: 0; opacity: 0; filter: alpha(opacity=0); } 25% { top: 4px; right: -8px; bottom: 4px; left: -8px; opacity: .3; filter: alpha(opacity=30); } 100% { top: 4px; right: -8px; bottom: 4px; left: -8px; opacity: 0; filter: alpha(opacity=0); } } @keyframes btn-is-active { 0% { top: 12px; right: 0; bottom: 12px; left: 0; opacity: 0; filter: alpha(opacity=0); } 25% { top: 4px; right: -8px; bottom: 4px; left: -8px; opacity: .3; filter: alpha(opacity=30); } 100% { top: 4px; right: -8px; bottom: 4px; left: -8px; opacity: 0; filter: alpha(opacity=0); } } .button-cart { border-radius: .25rem; min-height: 42px; min-height: 3rem; background-color:; padding: 0 .75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; text-transform: uppercase; color: #FFF; font-size: 13px; width: 250px; transition: .15s ease-in; overflow: hidden; } .button-cart::before { content: ''; position: absolute; z-index: 1; width: 30px; height: calc(100%+4px); top: -2px; left: -40px; bottom: 0; right: 0; background: #FFF; opacity: .4; transition-timing-function: ease-out; -webkit-transform: skew(-20deg); transform: skew(-20deg); } .button-cart.bordered.on-blue-background.disabled:before, .button-cart.bordered.on-blue-background.is-processing:before, .button-cart.bordered.on-blue-background:disabled:before, .button-cart.bordered.on-blue-background[disabled]:before, fieldset[disabled] .button-cart.bordered.on-blue-background:before { content: none; } .button-cart:hover { background-color: #f1003e; cursor: pointer; transition-delay: .14s; } .button-cart:hover::before { transition-duration: .17s; left: calc(100%+10px); } .button-cart:hover .icon { color: #FFF; } .button-cart.is-active { -webkit-animation: button-is-active .4s linear; animation: button-is-active .4s linear; } @-webkit-keyframes button-is-active { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes button-is-active { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } } .button-cart.lightgray { background-color: #d8d8d8; } .button-cart.data { width: inherit; text-transform: inherit; font-weight: inherit; } .button-cart .process { width: auto; left: 0; right: 0; position: absolute; top: 0; display: none; z-index: 1; overflow: hidden; } .button-cart .process-fill { width: 100%; height: 100%; display: block; background-color: #000; opacity: .2; filter: alpha(opacity=20); border-radius: .25rem; } .button-cart.is-processing { pointer-events: none; cursor: not-allowed; } .button-cart.is-processing .process { display: block; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-name: buttonIsLoading; animation-name: buttonIsLoading; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; height: 100% } .button-cart.disabled, .button-cart:disabled, .button-cart[disabled], fieldset[disabled] .button-cart { cursor: not-allowed; pointer-events: initial; -webkit-filter: grayscale(1); opacity: .5; filter: alpha(opacity=50); } .button-cart .button-cart-text-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; line-height: 1.1; z-index: 2; text-align: center; } .button-cart .button-cart-text-container.left { text-align: left; } .button-cart .button-cart-text-container p { margin: 0; padding: 0; color: #fff; white-space: initial; font-size: 12px; } .button-cart .button-cart-text-container p .secondary { display: block; text-transform: none; font-size: 11px; } .button-cart .button-cart-text-container p.reset { font-size: inherit; } .button-cart .button-cart-text-container .pricing { font-size: 11px; white-space: initial; } .button-cart .button-cart-text-container .pricing span { font-size: 19px; } .button-cart:focus { outline: 0; } .button-cart[icon-paypall] i picture { display: block; height: 100%; width: 100%; background-size: 80%; background-repeat: no-repeat; background-position: center; background-image: url(https://images.jamendo.com/jamendolicensing/static/vector-imgs/paypall-icon.svg); } .button-cart[icon] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .button-cart[icon] .button-cart-text-container { max-width: calc(100% - 46px); width: 100% } @media only screen and (max-width:480px) { .button-cart[icon] .button-cart-text-container { max-width: 100% } .button-cart[icon] i:not(.icon-chevron-down) { display: none; } } .button-cart[icon][arrow] .button-cart-text-container p { white-space: nowrap; } .button-cart[icon][delete] .button-cart-text-container { max-width: calc(100% - 32px); } @media only screen and (max-width:480px) { .button-cart[icon][delete] .button-cart-text-container { max-width: 100% } } .button-cart[icon][delete] i { font-size: 20px; height: 20px; width: 20px; } .button-cart[icon][select] .button-cart-text-container { max-width: calc(100% - 28px); } @media only screen and (max-width:480px) { .button-cart[icon][select] .button-cart-text-container { max-width: 100% } } .button-cart[icon][select] i { font-size: 17px; height: 17px; width: 17px; } .button-cart[icon][pdf] .button-cart-text-container { text-transform: capitalize; max-width: calc(100% - 36px); } .button-cart[icon][pdf] i { color: #999; width: 28px; height: 28px; font-size: 28px; } .button-cart.bordered .button-cart-text-container p, .button-cart.white, .button-cart.white .button-cart-text-container p { color:; } .button-cart[pack] .button-cart-text-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; white-space: nowrap; } .button-cart[pack] .button-cart-text-container i { font-size: 22px; height: 22px; width: 22px; margin: -4px 4px 0; } .button-cart.small { min-height: 31.5px; min-height: 2.25rem; height: 31.5px; height: 2.25rem; } .button-cart.small .button-cart-text-container .pricing span { font-size: 16px; } .button-cart.text-smaller .button-cart-text-container, .button-cart.transparent.text-smaller .button-cart-text-container p { font-size: 10px; } .button-cart.wide { width: 100% } .button-cart.white { background-color: #FFF; } .button-cart.bordered { border-width: 1px; border-style: solid; color:; background-color: transparent; border-color:; transition: 50ms ease-in; } .button-cart.bordered:hover { color: #FFF; background-color:; } .button-cart.bordered:hover::before { transition-delay: .1s; transition-duration: .2s; } .button-cart.bordered:hover .button-cart-text-container p { color: #FFF; transition-delay: 0s; } .button-cart.bordered.white { color: #FFF; border-color: #FFF; } .button-cart.bordered.white .button-cart-text-container p { color: #FFF; } .button-cart.bordered.white:hover { border-color:; } .button-cart.bordered.gray-5 { color: #bebebe; border-color: #bebebe; } .button-cart.bordered.gray-5 .button-cart-text-container p { color: #bebebe; } .button-cart.bordered.gray-5:hover { border-color:; } .button-cart.bordered.gray-5:hover .button-cart-text-container p { color: #FFF; } .button-cart.bordered.gray-7 { color: #a4a4a4; border-color: #a4a4a4; } .button-cart.bordered.gray-7 .button-cart-text-container p { color: #a4a4a4; } .button-cart.bordered.gray-7.active, .button-cart.bordered.gray-7:hover { border-color: #94d3da; background-color: #94d3da; } .button-cart.bordered.gray-7.active .button-cart-text-container p, .button-cart.bordered.gray-7.active i, .button-cart.bordered.gray-7:hover .button-cart-text-container p, .button-cart.bordered.gray-7:hover i { color: #FFF; } .button-cart.bordered.on-blue-background { background-color: #4bd2e2; border-width: 0; } .button-cart.bordered.on-blue-background:hover { background-color: #FFF; } .button-cart.bordered.on-blue-background:hover div p, .button-cart.bordered.on-blue-background:hover i { color:; } .button-cart.bordered.on-blue-background.disabled:hover .button-cart-text-container p, .button-cart.bordered.on-blue-background.disabled:hover i, .button-cart.bordered.on-blue-background.is-processing:hover .button-cart-text-container p, .button-cart.bordered.on-blue-background.is-processing:hover i, .button-cart.bordered.on-blue-background:disabled:hover .button-cart-text-container p, .button-cart.bordered.on-blue-background:disabled:hover i, .button-cart.bordered.on-blue-background[disabled]:hover .button-cart-text-container p, .button-cart.bordered.on-blue-background[disabled]:hover i, fieldset[disabled] .button-cart.bordered.on-blue-background:hover .button-cart-text-container p, fieldset[disabled] .button-cart.bordered.on-blue-background:hover i { color: #FFF; } .button-cart.bordered.on-blue-background .process { position: absolute; width: auto; top: 0; left: 0; right: 0; display: none; z-index: 1; overflow: hidden; } .button-cart.bordered.on-blue-background .process-fill { width: 100%; height: 100%; display: block; background-color: #000; opacity: .2; filter: alpha(opacity=20); border-radius: .25rem; } .button-cart.bordered.on-blue-background.is-processing { cursor: not-allowed; pointer-events: initial; } .button-cart.bordered.on-blue-background.is-processing .button-cart-text-container, .button-cart.bordered.on-blue-background.is-processing i { z-index: 2; } .button-cart.bordered.on-blue-background.is-processing .process { display: block; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-name: buttonIsLoading; animation-name: buttonIsLoading; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; height: 100% } .button-cart.bordered.on-blue-background.is-processing .process .process-fill { opacity: .1; } .button-cart.bordered.on-blue-background.is-processing:hover { background-color: transparent; border-color: #FFF; } .button-cart.bordered.on-blue-background.is-processing.disabled, .button-cart.bordered.on-blue-background.is-processing:disabled, .button-cart.bordered.on-blue-background.is-processing[disabled], fieldset[disabled] .button-cart.bordered.on-blue-background.is-processing { background-color: #d3d3d3; } .button-cart.bordered.on-blue-background.disabled, .button-cart.bordered.on-blue-background:disabled, .button-cart.bordered.on-blue-background[disabled], fieldset[disabled] .button-cart.bordered.on-blue-background { cursor: not-allowed; pointer-events: initial; background-color: #d3d3d3; opacity: 1; filter: alpha(opacity=100); border: none; } .button-cart.transparent .button-cart-text-container p, .button-cart.transparent:hover .icon { color:; } .button-cart.transparent { border-width: 1px; border-style: solid; border-color: transparent; color:; background-color: transparent; } .button-cart.transparent:hover { border-color:; } .button-cart.transparent:hover .button-cart-text-container p { transition-delay: .17s; } .button-cart.big-cta i, .button-cart.transparent.white .button-cart-text-container p, .button-cart.transparent.white:hover .icon { color: #FFF; } .button-cart.transparent.white { color: #FFF; border-color: transparent; } .button-cart.transparent.white:hover { border-color: #FFF; } .button-cart.big-cta { width: 270px; min-height: 54px; } .button-cart.big-cta .button-cart-text-container p { font-size: 16px; letter-spacing: 2px; line-height: 1.25; } .btn-action, .btn-action span { line-height: 1.334; position: relative; } @media only screen and (max-width:480px) { .button-cart[icon][pdf] .button-cart-text-container { max-width: 100% } .button-cart.transparent i:not(.icon-chevron-down) { display: none; } .button-cart.big-cta { width: 100% } } .button-cart.fluo { background-color: #fdef16; } .button-cart.fluo .button-cart-text-container p { color: #e78e03; text-shadow: none; font-family: futurabold, Arial, sans-serif; } .button-cart.fluo:hover { background-color: #ffa200; } .button-cart.fluo:hover .button-cart-text-container p { color: #fdef16; } .button-cart.licensing { background-color: #4bd2e2; } .button-cart.licensing:hover { background-color: #67b7bf; } .btn-action { appearance: none; -moz-appearance: none; -webkit-appearance: none; vertical-align: middle; display: inline-block; z-index: 0; text-transform: uppercase; letter-spacing: 1px; color: #737373; background-color: #f0f0f0; } .btn-action, .btn-action:after { height: 48px; min-width: 48px; border-radius: 24px; padding: 16px; } .btn-action i, .btn-action span { z-index: 2; } .btn-action span { vertical-align: top; margin-left: 8px; } .btn-action:focus { outline: 0; } .btn-action.small, .btn-action.small:after { height: 36px; min-width: 36px; border-radius: 18px; padding: 10px; } .btn-action:after { background-color: #000; content: ''; opacity: 0; } .btn-action:hover { cursor: pointer; } .btn-action:hover:after { opacity: .05; } .btn-action.highlight { color: #FFF; background-color:; } .btn-action.overlay { background-color: #FFF; } .btn-action .icon+.icon, .btn-action span+span, .btn-action.is-on span, .btn-action.is-toggled span { display: none; } .btn-action.is-on span+span, .btn-action.is-toggled span+span { display: inline; } .btn-action.is-toggled .icon { display: none; } .btn-action.is-toggled .icon+.icon { display: inline; } .btn-action.is-on { color:; } .btn-action.facebook:hover { color: #FFF; background-color: #5f78ab; } .btn-action.instagram:hover { color: #FFF; background: radial-gradient(circle at bottom left, #ffda75 15%, #ff3a49 43%, #ff3a49 40%, #e518a1 50%, #6634e1 90%); } .btn-store, .social-cta { background-repeat: no-repeat; } .btn-action.twitter:hover { color: #FFF; background-color: #4099FF; } .btn-action.website:hover { color: #FFF; background-color: #707070; } .btn-store { display: inline-block; background-image: url(https://images.jamendo.com/jamendomusic/static/apps/sprite-badge-apps.png?v1.1); } .btn-store.btn--windows { width: 154px; height: 40px; } .btn-store.btn--windows.btn--fr { background-position: 0 0; } .btn-store.btn--windows.btn--de { background-position: 0 -40px; } .btn-store.btn--windows.btn--it { background-position: 0 -80px; } .btn-store.btn--windows.btn--pl { background-position: 0 -120px; } .btn-store.btn--windows.btn--pt { background-position: 0 -160px; } .btn-store.btn--windows.btn--ru { background-position: 0 -200px; } .btn-store.btn--windows.btn--es { background-position: 0 -240px; } .btn-store.btn--windows.btn--en { background-position: 0 -280px; } .btn-store.btn--ios { width: 135px; height: 40px; } .btn-store.btn--ios.btn--fr { background-position: -154px 0; } .btn-store.btn--ios.btn--de { background-position: -154px -40px; } .btn-store.btn--ios.btn--it { background-position: -154px -80px; } .btn-store.btn--ios.btn--pl { background-position: -154px -120px; } .btn-store.btn--ios.btn--pt { background-position: -154px -160px; } .btn-store.btn--ios.btn--ru { background-position: -154px -200px; } .btn-store.btn--ios.btn--es { background-position: -154px -240px; } .btn-store.btn--ios.btn--en { background-position: -154px -280px; } .btn-store.btn--android { width: 129px; height: 45px; } .btn-store.btn--android.btn--fr { background-position: -289px 0; } .btn-store.btn--android.btn--de { background-position: -289px -45px; } .btn-store.btn--android.btn--it { background-position: -289px -90px; } .btn-store.btn--android.btn--pl { background-position: -289px -135px; } .btn-store.btn--android.btn--pt { background-position: -289px -180px; } .btn-store.btn--android.btn--ru { background-position: -289px -225px; } .btn-store.btn--android.btn--es { background-position: -289px -270px; } .btn-store.btn--android.btn--en { background-position: -289px -315px; } .logo, .social-cta { background-position: center; } .btn-fixed { position: fixed; right: 17px; bottom: 0; left: 0; z-index: 9999; } .btn-fixed_btn { padding: 16px 12px; width: 100% } .btn-fixed_btn:after, .btn-fixed_btn:before { border-radius: 0; top: 0; right: 0; bottom: 0; left: 0; } .btn-fixed_btn:after { z-index: -1; background-color: #FFF; -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); } @media only screen and (max-width:767px) { .btn-fixed { padding: 0; right: 0; } .btn-fixed>div { margin: 0; } .btn-fixed>div>div { padding: 0; } } .btn-icon { width: 32px; height: 48px; } .btn-icon::-moz-focus-inner { border: 0; outline: 0; } .btn-icon .icon { display: inline; line-height: 48px; } .btn-icon .notification-count { padding: 3px; color: #FFF; position: absolute; top: 8px; right: 4px; background-color:; border-radius: 2px; text-align: center; line-height: 1; } .btn-icon:after { background-color: #737373; } .btn-icon.btn--overlay.is-active:after, .btn-pill:after { background-color: #FFF; } .btn-icon.is-active:after { border-radius: 100%; opacity: 0; filter: alpha(opacity=0); margin: -28px 0 0 -28px; height: 56px; width: 56px; z-index: -2; content: ""; -webkit-animation: btn-icon-is-active .8s linear; animation: btn-icon-is-active .8s linear; } @-webkit-keyframes btn-icon-is-active { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: .2; filter: alpha(opacity=20); } 100% { opacity: 0; filter: alpha(opacity=0); } } @keyframes btn-icon-is-active { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: .2; filter: alpha(opacity=20); } 100% { opacity: 0; filter: alpha(opacity=0); } } .btn-like { height: 32px; padding: 0 16px; } .btn-like .icon { margin-right: 8px; } .btn-like.is-on { color:; } .btn-link { color: #262626; text-decoration: underline; line-height: 1; padding: 18px 12px; } .author a, .btn-secondary-menu { text-decoration: none; } .btn-link:hover { color: #000; } .btn-link.btn--brand { color:; } .btn-link.btn--brand:hover { color: #d20036; } .btn-link.is-disabled, .btn-link[disabled] { color: #bfbfbf!important; pointer-events: none; } .btn-link.is-disabled:hover, .btn-link[disabled]:hover { color: #bfbfbf!important; cursor: not-allowed; } .button-checkbox label, .player-volume input[type=range]:hover, .range input[type=range]:hover, .social-cta { cursor: pointer; } .btn-pill { width: 48px; height: 48px; } .btn-pill:after, .btn-pill:before { border-radius: 24px; top: 2px; right: 2px; bottom: 2px; left: 2px; } .btn-pill:after { z-index: -1; -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); } .btn-pill .icon { display: inline; line-height: 48px; } .btn-pill.btn--sm:after, .btn-pill.btn--sm:before { top: 12px; right: 12px; bottom: 12px; left: 12px; } .btn-pill.btn--xs:after, .btn-pill.btn--xs:before { top: 16px; right: 16px; bottom: 16px; left: 16px; } .btn-social:after, .btn-social:before { top: 8px; bottom: 8px; left: 0; right: 0; } .btn-pill.btn--xs .icon { font-size: 8px; } .btn-pill.btn--hybrid { width: auto; padding: 0 16px; } .btn-pill.btn--hybrid span { line-height: 48px; vertical-align: top; margin-left: 6px; } .btn-social { padding: 8px 0; } .btn-social>div { padding: 8px 10px; } .btn-social>div:first-child { line-height: 1; border-right: 1px solid #FFF; color: #FFF; } .btn-social>div:last-child { width: 100% } .btn-social:after { background-color: #737373; } .social-cta { width: 180px; height: 43px; background-size: cover; background-color: #FFF; border-radius: 5px; } .icon-donation, .logo { background-repeat: no-repeat; background-size: contain; } .social-cta.facebook { background-image: url(https://images.jamendo.com/jamendomusic/static/svg/facebook.svg); } .social-cta.google { background-image: url(https://images.jamendo.com/jamendomusic/static/svg/google-btn.svg); } .social-cta.apple { background-color: #000; } .social-cta.apple.signin { background-image: url(https://images.jamendo.com/jamendomusic/static/png/appleid_signin_button_64x268.png); } .social-cta.apple.signin.large { width: 100%; height: 32px; border-radius: 3px; background-image: url(https://images.jamendo.com/jamendomusic/static/png/appleid_signin_button_32x375.png); } .social-cta.apple.signup { background-image: url(https://images.jamendo.com/jamendomusic/static/png/appleid_signup_button_64x268.png); } .social-cta.apple.signup.large { width: 100%; height: 32px; border-radius: 3px; background-image: url(https://images.jamendo.com/jamendomusic/static/png/appleid_signup_button_32x375.png); } .btn-secondary-menu { padding: 16px 16px 16px 48px; position: relative; display: block; width: 100%; text-align: left; color: #737373; line-height: 16px; } .btn-secondary-menu:link, .btn-secondary-menu:visited { color: #737373; } .btn-secondary-menu:active, .btn-secondary-menu:hover { background-color: #f9f9f9; } .btn-secondary-menu .icon { position: absolute; left: 16px; top: 16px; } .btn-secondary-menu.is-on .icon { color:; } .btn-tag { padding: .57143rem; text-transform: lowercase; line-height: 1.6; color: #4d4d4d!important; } .btn-tag:before { top: 6px; right: 0; bottom: 6px; left: 0; border: 1px solid #bfbfbf; } .btn-tag:hover { color: !important; } .btn-tag:hover:before { border-color:; } .button-checkbox { display: inline-block; } .button-checkbox input[type=radio], .button-checkbox input[type=checkbox], .button-checkbox.bordered input[type=radio], .button-checkbox.bordered input[type=checkbox] { display: none; } .button-checkbox input[type=radio]:checked+label, .button-checkbox input[type=checkbox]:checked+label { background-color: #FFF; color:; } .button-checkbox label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; padding: .5rem 1.5rem; border-radius: .25rem; color: #FFF; line-height: 2.1; background-color:; border: 2px solid; text-align: center; margin: 0 auto; } .button-checkbox.bordered label { background-color: #FFF; color:; } .button-checkbox.bordered input[type=radio]:checked+label, .button-checkbox.bordered input[type=checkbox]:checked+label { background-color:; color: #FFF; } .button-checkbox.bordered input[type=radio]:checked~.content-displaying, .button-checkbox.bordered input[type=checkbox]:checked~.content-displaying { display: block; } .button-checkbox.no-border label { background-color: transparent; color:; border: none; padding: 0; text-align: left; } .button-checkbox.no-border input[type=radio], .button-checkbox.no-border input[type=checkbox] { display: none; } .button-checkbox.no-border input[type=radio]:checked+label, .button-checkbox.no-border input[type=checkbox]:checked+label { background-color: transparent!important; color:; } .button-checkbox.no-border input[type=radio]:checked~.content-displaying, .button-checkbox.no-border input[type=checkbox]:checked~.content-displaying { display: block; } .button-checkbox.small label { padding: 0 .5rem; } .button-checkbox.discreet label { color: #737373; border: 1px solid #bfbfbf; font-size: 14px; font-weight: 300; line-height: 1.5; padding: 0; min-width: 30px; min-height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .button-checkbox.discreet input[type=radio], .button-checkbox.discreet input[type=checkbox] { display: none; } .button-checkbox.discreet input[type=radio]:checked+label, .button-checkbox.discreet input[type=checkbox]:checked+label { background-color:; color: #FFF; border: 1px solid; } .button-checkbox.discreet input[type=radio]:checked~.content-displaying, .button-checkbox.discreet input[type=checkbox]:checked~.content-displaying { display: block; } .button-checkbox.icon-data label { background-color: transparent; overflow: visible; padding: 0; border: 0; border-radius: 0; } .button-checkbox.icon-data label .icon-data { transition-duration: .2s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .button-checkbox.icon-data:hover label .icon-data { color:; } .button-checkbox.icon-data:active label .icon-data { transition-duration: .1s; -webkit-transform: perspective(24px) translate3d(0, 0, -6px); transform: perspective(24px) translate3d(0, 0, -6px); } .button-checkbox.icon-data input[type=radio]:checked+label, .button-checkbox.icon-data input[type=checkbox]:checked+label { background-color: transparent; } .button-checkbox.icon-data.switch input[type=radio]:checked+label .icon-data, .button-checkbox.icon-data.switch input[type=checkbox]:checked+label .icon-data, .button-checkbox.icon-data.switch label .icon-data:last-of-type { display: none; } .button-checkbox.icon-data.switch input[type=radio]:checked+label .icon-data:last-of-type, .button-checkbox.icon-data.switch input[type=checkbox]:checked+label .icon-data:last-of-type, .button-checkbox.icon-data.switch label span .icon-data:last-of-type { display: inline-block; } .button-checkbox.icon-data.switch input[type=radio]:checked+label span, .button-checkbox.icon-data.switch input[type=checkbox]:checked+label span, .button-checkbox.icon-data.switch label span:last-of-type { display: none; } .button-checkbox.icon-data.switch input[type=radio]:checked+label span:last-of-type, .button-checkbox.icon-data.switch input[type=checkbox]:checked+label span:last-of-type { display: inline-block; } .button-checkbox.icon-data.warning-color label .icon-data { color: #FFF; } .button-checkbox.icon-data.warning-color input[type=radio]:checked+label .icon-data, .button-checkbox.icon-data.warning-color input[type=checkbox]:checked+label .icon-data, .button-checkbox.icon-data.warning-color:hover label .icon-data { color: #ed795a; } .button-checkbox.center { display: block; margin: 2rem auto; } .button-checkbox.half-width label { width: 50% } @media only screen and (max-width:480px) { .button-checkbox.half-width label { width: 100% } } .button-checkbox.expand label .icon-data { display: inline-block; position: relative; transition: -webkit-transform .3s; transition: transform .3s; } .button-checkbox.expand label .icon-data::before { position: absolute; top: 4px; right: -3px; } .button-checkbox.expand .content-checkbox, .button-checkbox.expand .content-displaying { max-height: 0; transition: max-height .6s cubic-bezier(0, 1, 0, 1); display: block; overflow: hidden; } .button-checkbox.expand input[type=radio], .button-checkbox.expand input[type=checkbox] { display: none; } .button-checkbox.expand input[type=radio]:checked+label, .button-checkbox.expand input[type=checkbox]:checked+label { background-color: #FFF; color:; } .button-checkbox.expand input[type=radio]:checked+label .icon-data, .button-checkbox.expand input[type=checkbox]:checked+label .icon-data { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate(7px, -1px) rotate(90deg); transform: translate(7px, -1px) rotate(90deg); } .button-checkbox.expand input[type=radio]:checked+label .icon-data::before, .button-checkbox.expand input[type=checkbox]:checked+label .icon-data::before { right: -6px; } .button-checkbox.expand input[type=radio]:checked~.content-displaying, .button-checkbox.expand input[type=checkbox]:checked~.content-displaying { max-height: 999px; transition: max-height .6s cubic-bezier(1, 0, 1, 0); } .button-checkbox[refine] { width: 100% } .button-checkbox[refine] label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .button-checkbox[refine] label span { color: #737373; font-size: 16px; text-transform: none; font-weight:; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .button-checkbox[refine] label .icon-data::before { position: absolute; top: 0; right: 0; } .button-checkbox[refine] label .icon-data.icon-refine { width: 1.5rem; height: 1.5rem; font-size: 1.5rem; margin-right: .5rem; } .button-checkbox[refine] input[type=radio]:checked+label .icon-data, .button-checkbox[refine] input[type=checkbox]:checked+label .icon-data { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate(0, -1px) rotate(90deg); transform: translate(0, -1px) rotate(90deg); color:; } .button-checkbox[refine] input[type=radio]:checked+label .icon-data::before, .button-checkbox[refine] input[type=checkbox]:checked+label .icon-data::before { right: 0; } .button-checkbox[refine] input[type=radio]:checked+label .icon-data.icon-refine, .button-checkbox[refine] input[type=checkbox]:checked+label .icon-data.icon-refine { color:; } .button-checkbox.pop-in-expand { outline: 0; } .button-checkbox.pop-in-expand .pop-in-wrapper { display: none; overflow: visible; outline: 0; z-index: 0; -webkit-animation: move-from-top-opacity .2s ease-out; animation: move-from-top-opacity .2s ease-out; } @-webkit-keyframes move-from-top-opacity { 0% { top: 50px; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); } 100% { top: 100%; opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes move-from-top-opacity { 0% { top: 50px; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); } 100% { top: 100%; opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in { margin-left: 0; margin-top: 7px; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in>* { font-family: "Proxima Nova" } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul { padding: .5rem 0; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul li { line-height: 2; padding: 0 8px; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul li a { display: block; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul li a:hover { background-color: #000; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in.white-rounded-shadow ul li { padding: 0; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in.white-rounded-shadow ul li a { text-decoration: none; text-transform: none; text-align: left; color: #4d4d4d; margin: 2px 10px; padding: 5px 0 5px 10px; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in.white-rounded-shadow ul li a:hover { background-color: #d3d3d3; } .button-checkbox.pop-in-expand input[type=radio], .button-checkbox.pop-in-expand input[type=checkbox] { display: none; } .button-checkbox.pop-in-expand input[type=radio]:checked+label, .button-checkbox.pop-in-expand input[type=checkbox]:checked+label { color:; } .button-checkbox.pop-in-expand input[type=radio]:checked~.pop-in-wrapper, .button-checkbox.pop-in-expand input[type=checkbox]:checked~.pop-in-wrapper { display: block; } .checkbox-multi-display .content { display: inline-block; } .checkbox-multi-display .content label { width: 160px; } .checkbox-multi-display .content label .icon-data { display: inline-block; position: relative; transition: -webkit-transform .3s; transition: transform .3s; } .checkbox-multi-display .content label .icon-data::before { position: absolute; top: 4px; right: -3px; } .checkbox-multi-display input[type=radio], .checkbox-multi-display input[type=checkbox] { display: none; } .checkbox-multi-display input[type=radio]~section .content-displaying, .checkbox-multi-display input[type=checkbox]~section .content-displaying { max-height: 0; transition: max-height .6s cubic-bezier(0, 1, 0, 1); display: block; overflow: hidden; } .icon, .icon-data { position: relative; display: inline-block; font-family: jamendo-licensing-icons; font-style: normal; font-weight: 400; text-transform: none; line-height: 1; } .checkbox-multi-display input[type=radio]:checked~section .content-displaying, .checkbox-multi-display input[type=checkbox]:checked~section .content-displaying { max-height: 999px; transition: max-height .6s cubic-bezier(1, 0, 1, 0); } .checkbox-multi-display input[type=radio]:checked~section label, .checkbox-multi-display input[type=checkbox]:checked~section label { background-color: #FFF; color:; } .checkbox-multi-display input[type=radio]:checked~section label .icon, .checkbox-multi-display input[type=checkbox]:checked~section label .icon { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate(7px, -1px) rotate(90deg); transform: translate(7px, -1px) rotate(90deg); } .checkbox-multi-display input[type=radio]:checked~section label .icon::before, .checkbox-multi-display input[type=checkbox]:checked~section label .icon::before { right: -6px; } .icon { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; width: 16px; height: 16px; } .entry .feature .author, .post_entity_content_author { text-transform: uppercase; } .icon-add:before { content: "" } .icon-add-to-playlist:before { content: "" } .icon-add-to-queue:before { content: "" } .icon-alert-full:before { content: "" } .icon-alert-line:before { content: "" } .icon-archive:before { content: "" } .icon-arrow-bullet:before { content: "" } .icon-breadcrumb:before { content: "" } .icon-camera:before { content: "" } .icon-cart:before { content: "" } .icon-cart-new:before { content: "" } .icon-cart-new2:before { content: "" } .icon-cart-new-add:before { content: "" } .icon-cc:before { content: "" } .icon-cc-by:before { content: "" } .icon-cc-nc:before { content: "" } .icon-cc-nd:before { content: "" } .icon-cc-sa:before { content: "" } .icon-certificate:before { content: "" } .icon-check:before { content: "" } .icon-checkbox-checked-bordered:before { content: "" } .icon-checkbox-checked-plain:before { content: "" } .icon-checkbox-unchecked:before { content: "" } .icon-chevron-down:before { content: "" } .icon-chevron-left:before { content: "" } .icon-chevron-new2:before { content: "" } .icon-chevron-right:before { content: "" } .icon-chevron-up:before { content: "" } .icon-clockwise:before { content: "" } .icon-close:before { content: "" } .icon-comment:before { content: "" } .icon-copy:before { content: "" } .icon-counterclockwise:before { content: "" } .icon-credit-card-back:before { content: "" } .icon-credit-card-front:before { content: "" } .icon-cross-delete:before { content: "" } .icon-date:before { content: "" } .icon-download:before { content: "" } .icon-download-thin:before { content: "" } .icon-duration:before { content: "" } .icon-edit:before { content: "" } .icon-error-4xx:before { content: "" } .icon-error-5xx:before { content: "" } .icon-external-link:before { content: "" } .icon-facebook:before { content: "" } .icon-filter:before { content: "" } .icon-flag:before { content: "" } .icon-follow:before { content: "" } .icon-globe:before { content: "" } .icon-google:before { content: "" } .icon-go-to:before { content: "" } .icon-handle:before { content: "" } .icon-heart:before { content: "" } .icon-heart-on:before { content: "" } .icon-hexagon:before { content: "" } .icon-hexagon-mask:before { content: "" } .icon-hexagon-on:before { content: "" } .icon-history:before { content: "" } .icon-home:before { content: "" } .icon-info-full-new2:before { content: "" } .icon-info-new2:before { content: "" } .icon-information:before { content: "" } .icon-instagram:before { content: "" } .icon-licence-l:before { content: "" } .icon-licence-p:before { content: "" } .icon-licence-std:before { content: "" } .icon-link:before { content: "" } .icon-linkedin:before { content: "" } .icon-lock:before { content: "" } .icon-mail:before { content: "" } .icon-menu:before { content: "" } .icon-menu-secondary:before { content: "" } .icon-menu-tradingdesk:before { content: "" } .icon-messenger:before { content: "" } .icon-music-note:before { content: "" } .icon-mute:before { content: "" } .icon-my-music-tradingdesk:before { content: "" } .icon-my-music-tradingdesk2:before { content: "" } .icon-next:before { content: "" } .icon-pause:before { content: "" } .icon-pdf:before { content: "" } .icon-phone:before { content: "" } .icon-picture:before { content: "" } .icon-play:before { content: "" } .icon-playlist-access:before { content: "" } .icon-play-next:before { content: "" } .icon-previous:before { content: "" } .icon-queue:before { content: "" } .icon-queue-access:before { content: "" } .icon-radio-checked-chevron:before { content: "" } .icon-radio-checked-chevron-plain:before { content: "" } .icon-radio-checked-round:before { content: "" } .icon-radio-unchecked:before { content: "" } .icon-reddit:before { content: "" } .icon-refine:before { content: "" } .icon-remove:before { content: "" } .icon-remove-from-playlist:before { content: "" } .icon-repeat:before { content: "" } .icon-repeat-one:before { content: "" } .icon-repost:before { content: "" } .icon-sad:before { content: "" } .icon-search:before { content: "" } .icon-send:before { content: "" } .icon-share:before { content: "" } .icon-share-video:before { content: "" } .icon-shuffle:before { content: "" } .icon-similar:before { content: "" } .icon-sort:before { content: "" } .icon-sound:before { content: "" } .icon-streaming:before { content: "" } .icon-thumbs-down:before { content: "" } .icon-thumbs-up:before { content: "" } .icon-too-old:before { content: "" } .icon-trash:before { content: "" } .icon-twitter:before { content: "" } .icon-undo:before { content: "" } .icon-user:before { content: "" } .icon-user-new2:before { content: "" } .icon-video:before { content: "" } .icon-vk:before { content: "" } .icon-volume:before { content: "" } .icon-warning:before { content: "" } .icon-wrong:before { content: "" } .icon-youtube:before { content: "" } .icon-apple:before { content: "" } .icon-add-to-playlist-s:before { content: "" } .icon-add-to-queue-s:before { content: "" } .icon-close-s:before { content: "" } .icon-comment-s:before { content: "" } .icon-date-s:before { content: "" } .icon-download-s:before { content: "" } .icon-duration-s:before { content: "" } .icon-external-link-s:before { content: "" } .icon-flag-s:before { content: "" } .icon-follow-s:before { content: "" } .icon-handle-s:before { content: "" } .icon-heart-on-s:before { content: "" } .icon-lock-s:before { content: "" } .icon-menu-secondary-s:before { content: "" } .icon-pause-s:before { content: "" } .icon-picture-s:before { content: "" } .icon-playlist-access-s:before { content: "" } .icon-queue-access-s:before { content: "" } .icon-repost-s:before { content: "" } .icon-send-s:before { content: "" } .icon-share-s:before { content: "" } .icon-sort-s:before { content: "" } .icon-thumbs-down-s:before { content: "" } .icon-thumbs-up-s:before { content: "" } .icon-play-s:before { content: "" } .icon-user-s:before { content: "" } .icon-data-add:before { content: "" } .icon-data-add-to-playlist:before { content: "" } .icon-data-add-to-queue:before { content: "" } .icon-data-alert-full:before { content: "" } .icon-data-alert-line:before { content: "" } .icon-data-archive:before { content: "" } .icon-data-arrow-bullet:before { content: "" } .icon-data-breadcrumb:before { content: "" } .icon-data-camera:before { content: "" } .icon-data-cart:before { content: "" } .icon-data-cart-new:before { content: "" } .icon-data-cart-new2:before { content: "" } .icon-data-cart-new-add:before { content: "" } .icon-data-cc:before { content: "" } .icon-data-cc-by:before { content: "" } .icon-data-cc-nc:before { content: "" } .icon-data-cc-nd:before { content: "" } .icon-data-cc-sa:before { content: "" } .icon-data-certificate:before { content: "" } .icon-data-check:before { content: "" } .icon-data-checkbox-checked-bordered:before { content: "" } .icon-data-checkbox-checked-plain:before { content: "" } .icon-data-checkbox-unchecked:before { content: "" } .icon-data-chevron-down:before { content: "" } .icon-data-chevron-left:before { content: "" } .icon-data-chevron-new2:before { content: "" } .icon-data-chevron-right:before { content: "" } .icon-data-chevron-up:before { content: "" } .icon-data-clockwise:before { content: "" } .icon-data-close:before { content: "" } .icon-data-comment:before { content: "" } .icon-data-copy:before { content: "" } .icon-data-counterclockwise:before { content: "" } .icon-data-credit-card-back:before { content: "" } .icon-data-credit-card-front:before { content: "" } .icon-data-cross-delete:before { content: "" } .icon-data-date:before { content: "" } .icon-data-download:before { content: "" } .icon-data-download-thin:before { content: "" } .icon-data-duration:before { content: "" } .icon-data-edit:before { content: "" } .icon-data-error-4xx:before { content: "" } .icon-data-error-5xx:before { content: "" } .icon-data-external-link:before { content: "" } .icon-data-facebook:before { content: "" } .icon-data-filter:before { content: "" } .icon-data-flag:before { content: "" } .icon-data-follow:before { content: "" } .icon-data-globe:before { content: "" } .icon-data-google:before { content: "" } .icon-data-go-to:before { content: "" } .icon-data-handle:before { content: "" } .icon-data-heart:before { content: "" } .icon-data-heart-on:before { content: "" } .icon-data-hexagon:before { content: "" } .icon-data-hexagon-mask:before { content: "" } .icon-data-hexagon-on:before { content: "" } .icon-data-history:before { content: "" } .icon-data-home:before { content: "" } .icon-data-info-full-new2:before { content: "" } .icon-data-info-new2:before { content: "" } .icon-data-information:before { content: "" } .icon-data-instagram:before { content: "" } .icon-data-licence-l:before { content: "" } .icon-data-licence-p:before { content: "" } .icon-data-licence-std:before { content: "" } .icon-data-link:before { content: "" } .icon-data-linkedin:before { content: "" } .icon-data-lock:before { content: "" } .icon-data-mail:before { content: "" } .icon-data-menu:before { content: "" } .icon-data-menu-secondary:before { content: "" } .icon-data-menu-tradingdesk:before { content: "" } .icon-data-messenger:before { content: "" } .icon-data-music-note:before { content: "" } .icon-data-mute:before { content: "" } .icon-data-my-music-tradingdesk:before { content: "" } .icon-data-my-music-tradingdesk2:before { content: "" } .icon-data-next:before { content: "" } .icon-data-pause:before { content: "" } .icon-data-pdf:before { content: "" } .icon-data-phone:before { content: "" } .icon-data-picture:before { content: "" } .icon-data-play:before { content: "" } .icon-data-playlist-access:before { content: "" } .icon-data-play-next:before { content: "" } .icon-data-previous:before { content: "" } .icon-data-queue:before { content: "" } .icon-data-queue-access:before { content: "" } .icon-data-radio-checked-chevron:before { content: "" } .icon-data-radio-checked-chevron-plain:before { content: "" } .icon-data-radio-checked-round:before { content: "" } .icon-data-radio-unchecked:before { content: "" } .icon-data-reddit:before { content: "" } .icon-data-refine:before { content: "" } .icon-data-remove:before { content: "" } .icon-data-remove-from-playlist:before { content: "" } .icon-data-repeat:before { content: "" } .icon-data-repeat-one:before { content: "" } .icon-data-repost:before { content: "" } .icon-data-sad:before { content: "" } .icon-data-search:before { content: "" } .icon-data-send:before { content: "" } .icon-data-share:before { content: "" } .icon-data-share-video:before { content: "" } .icon-data-shuffle:before { content: "" } .icon-data-similar:before { content: "" } .icon-data-sort:before { content: "" } .icon-data-sound:before { content: "" } .icon-data-streaming:before { content: "" } .icon-data-thumbs-down:before { content: "" } .icon-data-thumbs-up:before { content: "" } .icon-data-too-old:before { content: "" } .icon-data-trash:before { content: "" } .icon-data-twitter:before { content: "" } .icon-data-undo:before { content: "" } .icon-data-user:before { content: "" } .icon-data-user-new2:before { content: "" } .icon-data-video:before { content: "" } .icon-data-vk:before { content: "" } .icon-data-volume:before { content: "" } .icon-data-warning:before { content: "" } .icon-data-wrong:before { content: "" } .icon-data-youtube:before { content: "" } .icon-data-apple:before { content: "" } .icon-data-add-to-playlist-s:before { content: "" } .icon-data-add-to-queue-s:before { content: "" } .icon-data-close-s:before { content: "" } .icon-data-comment-s:before { content: "" } .icon-data-date-s:before { content: "" } .icon-data-download-s:before { content: "" } .icon-data-duration-s:before { content: "" } .icon-data-external-link-s:before { content: "" } .icon-data-flag-s:before { content: "" } .icon-data-follow-s:before { content: "" } .icon-data-handle-s:before { content: "" } .icon-data-heart-on-s:before { content: "" } .icon-data-lock-s:before { content: "" } .icon-data-menu-secondary-s:before { content: "" } .icon-data-pause-s:before { content: "" } .icon-data-picture-s:before { content: "" } .icon-data-playlist-access-s:before { content: "" } .icon-data-queue-access-s:before { content: "" } .icon-data-repost-s:before { content: "" } .icon-data-send-s:before { content: "" } .icon-data-share-s:before { content: "" } .icon-data-sort-s:before { content: "" } .icon-data-thumbs-down-s:before { content: "" } .icon-data-thumbs-up-s:before { content: "" } .icon-data-play-s:before { content: "" } .icon-data-user-s:before { content: "" } .icon[class$="-s"] { font-size: 12px; width: 12px; height: 12px; } .icon--24 { font-size: 24px; width: 24px; height: 24px; } .icon--32 { font-size: 32px; width: 32px; height: 32px; } .icon--48 { font-size: 48px; width: 48px; height: 48px; } .icon--72 { font-size: 72px; width: 72px; height: 72px; } .icon-donation { background-image: url(https://images.jamendo.com/jamendomusic/static/svg/donation-icon.svg); width: 24px; height: 24px; position: absolute; top: 13px; left: 12px; } .icon-donation.is-on { background-image: url(https://images.jamendo.com/jamendomusic/static/svg/donation-icon-is-on.svg); } .loader { z-index: auto; display: block; } .loader.loader--block { width: 100%; height: 80px; } .loader.loader--invert i { color: #FFF; } .loader>div { margin-top: -24px; margin-left: -24px; width: 48px; height: 48px; } .loader i { position: absolute; top: 16px; left: 16px; color:; } .loader i:nth-child(1) { z-index: 2; -webkit-animation: loader1 1s linear infinite; animation: loader1 1s linear infinite; } .loader i:nth-child(2) { z-index: 1; -webkit-animation: loader2 1s ease infinite .15s; animation: loader2 1s ease infinite .15s; } @-webkit-keyframes loader1 { 0%, 25%, 50% { -webkit-transform: scale(1); transform: scale(1); } 15%, 40% { -webkit-transform: scale(1.6); transform: scale(1.6); } } @keyframes loader1 { 0%, 25%, 50% { -webkit-transform: scale(1); transform: scale(1); } 15%, 40% { -webkit-transform: scale(1.6); transform: scale(1.6); } } @-webkit-keyframes loader2 { 0%, 51% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(3); transform: scale(3); } } @keyframes loader2 { 0%, 51% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(3); transform: scale(3); } } .loader-action { display: inline-block; width: 48px; width: 3.42857rem; height: 48px; height: 3.42857rem; } .logo { pointer-events: none; height: 50px; width: 128px; background-image: url(https://images.jamendo.com/jamendomusic/static/svg/jamendo-music-logo-white.svg); } .logo.logo--sm { height: 40px; width: 100px; } .logo.logo--lg { height: 65px; width: 166px; } .logo.logo--licensing { height: 50px; width: 143px; } .logo.logo--licensing.logo--sm { height: 35px; width: 100px; } .logo.logo--licensing.logo--lg { height: 65px; width: 186px; } .highlighted { padding: 16px 12px; pointer-events: none; white-space: nowrap; } .highlighted:before { top: 12px; right: 0; bottom: 12px; left: 0; } .highlighted.lg:before { top: 8px; right: 0; bottom: 8px; left: 0; } .highlighted.block { width: 100% } .highlighted.xs { padding: 12px 5px; } .author { word-break: break-all; color: #bfbfbf; } .author a:link, .author a:visited { color: #737373; } .author a:active, .author a:hover { color:; } .avatar { display: block; } .avatar.bordered>div { border: 2px solid #FFF; } .desktop-secondary-menu { visibility: hidden; position: absolute; z-index: 5; white-space: nowrap; background-color: #FFF; border: 1px solid #d1d1d1; opacity: 0; filter: alpha(opacity=0); transition: all .3s linear; top: 100%; right: 0; } .desktop-secondary-menu-wrap { position: relative; overflow: visible; } .entry .feature, .entry .feature .cover { overflow: hidden; } .desktop-secondary-menu.is-visible { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .desktop-secondary-menu.bottom-left { left: 0; right: initial; } .desktop-secondary-menu.top-left { bottom: 100%; top: initial; right: initial; left: 0; } .desktop-secondary-menu.top-right { bottom: 100%; top: initial; } .edit-image-thumb-layer { color: #FFF; z-index: 1; } .edit-image-thumb-layer>div>div { padding: 16px; } .edit-image-thumb-layer .text { display: none; text-decoration: underline; color: #FFF; } .edit-image-thumb-layer:before { opacity: .2; filter: alpha(opacity=20); content: ''; background-color: #000; z-index: -1; } .edit-image-thumb-layer.circle, .edit-image-thumb-layer.circle:before { border-radius: 100% } .edit-image-thumb-layer:hover .icon { color: #FFF; } @media only screen and (min-width:992px) { .edit-image-thumb-layer: hover .text { display: inline-block; } .edit-image-thumb-layer:hover .icon { display: none; } .edit-image-thumb-layer:hover:before { opacity: .16; filter: alpha(opacity=16); } } .entity { position: relative; } .entity_menu { position: absolute; bottom: 0; right: 0; } .entity_information { background-color: #f9f9f9; } .entity_information>div:first-child { padding: 0 2.28571rem 0 .85714rem; height: 60px; } .entity_information_title { width: 100%; overflow: hidden; text-overflow: ellipsis; display: inline; } .entity_information_secondary { display: inline-block; margin-top: 8px; } .entity_information_secondary>span { display: inline-block; margin-bottom: 4px; } .entity.entity--artist .entity_information, .entity.entity--user .entity_information { background-color: transparent; text-align: center; } .entity.entity--artist .entity_information>div, .entity.entity--user .entity_information>div { padding: 0 .85714rem; } .entity.not-in-grid { width: 200px; } .entity-overlay { color: #4d4d4d; } .entity-overlay .icon-check { position: absolute; top: 18px; right: 16px; color: #6c6; } .entity-overlay_cover { width: 70px; width: 5rem; } .entity-overlay_cover_img { display: block; } .entity-overlay_body { padding: 0 3.42857rem 0 1.14286rem; background-color: #f0f0f0; text-align: left; } .entity-overlay_body_secondary, .entity-overlay_body_title { display: inline-block; } .entity-overlay.entity-overlay--option { position: relative; } .entity-overlay.entity-overlay--option .entity-overlay_cover, .entity-overlay.entity-overlay--option .playlist-cover-grid { width: 50px; width: 3.57143rem; } .entity-overlay.entity-overlay--option .playlist-cover-grid { height: 50px; height: 3.57143rem; } .entity-overlay.entity-overlay--option .entity-overlay_body { background-color: transparent; } .entity-overlay.entity-overlay--option:hover .entity-overlay_body, .entry .feature.discreet { background-color: #f0f0f0; } .entity-secondary-menu { padding: 1.14286rem; border-bottom: 1px solid #bfbfbf; } .entity-secondary-menu .layout { color: #4d4d4d; } .entity-secondary-menu .layout_cover { position: absolute; width: 50px; width: 3.57143rem; } .entity-secondary-menu .layout_cover_img { display: block; } .entity-secondary-menu .layout_body { padding: 0 1.14286rem 0 4.71429rem; text-align: left; height: 50px; } .entity-secondary-menu .layout_body_secondary, .entity-secondary-menu .layout_body_title { display: inline; } .entry { position: relative; margin: 0 0 1.71429rem; } .entry>div:first-of-type { width: 48px; padding-right: 1.14286rem; } .entry>div:last-of-type { width: 100%; padding-right: 0; } .entry .avatar { width: 48px; height: 48px; } .entry .info { line-height: 16px; line-height: 1.14286rem; } .entry .info .author { word-break: break-all; font-size: 12px; } .entry .info .author a { float: left; } .entry .info .author span { float: left; margin-right: .25rem; } .entry .info .author span:first-child { margin-right: 0; } .entry .info .author:after { content: ":"; position: relative; left: -.3em; } .entry .info .date { float: right; padding-left: .85714rem; color: #bfbfbf; } .entry .source { color: #999; } .entry .source a:link, .entry .source a:visited { color: #737373; } .entry .source a:active, .entry .source a:focus, .entry .source a:hover { color:; } .entry .text { padding: .57143rem 0; line-height: 1.4; } .entry .text .title { margin-bottom: .85714rem; } .entry .text p { -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .entry .more .link-action { margin-top: -.57143rem; margin-right: -.85714rem; float: right; } .entry .feature { height: 100px; position: relative; margin: 8px 0 16px; z-index: 0; color: #FFF; } .entry .feature .background { z-index: -1; } .entry .feature .content { display: table; z-index: 1; } .entry .feature .cover>div { margin-left: 12px; width: 76px; height: 76px; border: 1px solid #FFF; } .entry .feature .information { padding: 0 12px 12px; } .entry .feature .source { line-height: 1.9; } .entry .feature .title { line-height: 1.2; } .entry .feature .author { line-height: 1; } .entry .feature .play { position: absolute; top: 26px; left: 26px; z-index: 2; } @media only screen and (min-width:768px) { .entry .feature: not(.discreet) { height: 178px; } .entry .feature:not(.discreet) .cover>div { margin-left: 24px; width: 130px; height: 130px; } .entry .feature:not(.discreet) .information { padding: 0 16px 24px 24px; } .entry .feature:not(.discreet) .play { top: 65px; left: 65px; } .entry .feature:not(.discreet) .title { font-size: 18px; } .entry .feature:not(.discreet) .author { font-size: 12px; } } .entry .feature.discreet .source { color: #bfbfbf; } .entry .feature.discreet .author, .entry .feature.discreet .title { color: #4d4d4d; } .entry .actions>button { height: 32px; height: 2.28571rem; } .entry .actions .thumbs { margin-left: -1.14286rem; float: left; } .entry .actions .reply { border-left: 1px solid #d1d1d1; } .entry .actions .secondary { float: right; } .entry .actions .btn-menu { height: 32px; } .entry .actions .btn-menu .icon { left: 6px; line-height: 32px; } .entry .type { min-height: 48px; display: table; } .entry .type>div:first-child { width: 100% } .entry .type .send, .entry .type .text { border: 1px solid #bfbfbf; color: #737373; height: 48px; } .entry .type .text { padding: 6px; line-height: 1.5; width: 100%; margin: 0; } .entry .type .text:focus, .entry .type .text:not(:empty) { height: 190px; outline: 0; } .entry .type .send { width: 48px; border-left: none; background-color: #f9f9f9; } .entry .type .send .icon { top: 1px; } .entry .type .send:hover { background-color: #f0f0f0; cursor: pointer; } .entry .type .remaining-chars { color: #999; } .entry.compose>div:first-child { width: 64px; } .entry.compose>div:last-child { padding-left: 0; width: 100% } .entry.compose>div textarea { resize: vertical; } .entry .expand-replies.count-only>div:nth-child(2) { padding-right: 0; } .entry .expand-replies.count-only>div:nth-child(3), .entry .expand-replies.expand-only>div:nth-child(1) { display: none; } .entry .expand-replies.expand-only>div:nth-child(2) { padding-left: 0; } .entry .expand-replies>div { white-space: nowrap; } .entry .expand-replies>div:nth-child(2) { width: 100%; padding: 0 12px; } .entry .expand-replies>div:nth-child(2)>div { content: ''; display: block; width: 100%; height: 1px; background-color: #e8e8e8; } .entry:before { position: absolute; content: ''; z-index: -1; top: -12px; bottom: -12px; left: -16px; right: -16px; display: block; } .entry.is-blinking:before { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: entryBlink; animation-name: entryBlink; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes entryBlink { 0%, 100% { background-color: #FFF; } 25% { background-color: #e8e8e8; } } @keyframes entryBlink { 0%, 100% { background-color: #FFF; } 25% { background-color: #e8e8e8; } } .form-search { position: relative; height: 48px; z-index: 0; overflow: visible; } .form-search input { color: #262626; width: 100%; border: none; background-color: transparent; } .form-search [type=reset] { visibility: hidden; } .form-search [type=reset].is-visible { visibility: visible; } .form-search [type=reset], .form-search_left { color: #999; } .form-search_left, .form-search_right { width: 48px; } .form-search_suggestions { top: 48px; top: 3.42857rem; border: 1px solid #d1d1d1; left: 0; right: 0; position: absolute; display: none; } .form-search_suggestions a { display: table; background-color: #FFF; } .list-button, .list-button>li { display: inline-block; } .form-search_suggestions_statistic, .form-search_suggestions_text { height: 48px; height: 3.42857rem; padding: 0 1.14286rem; } .form-search_suggestions_text { width: 100% } .form-search_suggestions_statistic { color: #737373; white-space: nowrap; } .form-search .icon-search { top: 3px; } .list-button { height: 48px; height: 3.42857rem; white-space: nowrap; vertical-align: top; } .list-button>li:first-child { margin-left: .57143rem; } .list-button-icon-fat { text-align: center; display: block; margin: 0 -.28571rem; } .list-view-action li, .player-controls li { display: inline-block; } .list-button-icon-fat li { margin: 0 4px; } .list-link li { margin-bottom: .57143rem; } .list-link.list-link--small li { margin-bottom: 0; } .list-track.list-track--no-cover .track { padding: 0; } .list-track>li { transition: background-color .18s; } .list-track>li button { z-index: 1; } .list-track>li:hover { background-color: #f9f9f9; } .list-track>li.featured:hover { background-color: #fbebe1; } .list-view-action { padding: .85714rem 0; background-color: #f9f9f9; text-align: center; } .list-view-action li { margin: 0 .42857rem; } .list-entity-overlay button { margin-bottom: .28571rem; } .list-entry .entry { border-bottom: #f0f0f0 1px solid; } .list-entry .entry:last-child { margin-bottom: 0; border-bottom: none; } .player-controls_repeat, .player-controls_shuffle { width: 48px; width: 3.42857rem; } .player-controls.is-radio .player-controls_next .icon, .player-controls.is-radio .player-controls_previous .icon, .player-controls_repeat .icon, .player-controls_shuffle .icon { opacity: .4; filter: alpha(opacity=40); } .player-controls.is-repeat .player-controls_repeat .icon, .player-controls.is-repeat-one .player-controls_repeat .icon, .player-controls.is-shuffle .player-controls_shuffle .icon { opacity: 1; filter: alpha(opacity=100); } .player-volume_range_track, .track.track--playlist-edition.is-removed .track_handle, .track.track--playlist-edition.is-removed .track_information, .track.track--playlist-edition.is-removed .track_play { opacity: .5; filter: alpha(opacity=50); } .player-controls .icon-repeat-one, .player-controls .player-controls_play .icon-play, .player-controls.is-pause .player-controls_play .icon-pause, .player-controls.is-repeat-one .player-controls_repeat .icon-repeat, .player-controls.is-stop .player-controls_play .icon-pause { display: none; } .player-controls .player-controls_play .icon-pause, .player-controls.is-pause .player-controls_play .icon-play, .player-controls.is-repeat-one .player-controls_repeat .icon-repeat-one, .player-controls.is-stop .player-controls_play .icon-play { display: inline; } .player .player-controls .player-controls_play { width: 64px; width: 4.57143rem; } .player .player-controls .player-controls_play .icon { font-size: 32px; font-size: 2.28571rem; width: 32px; width: 2.28571rem; height: 32px; height: 2.28571rem; } .player .player-controls .player-controls_next, .player .player-controls .player-controls_previous { width: 56px; width: 4rem; } .player .player-controls .player-controls_next .icon, .player .player-controls .player-controls_previous .icon, .player-mini .player-controls .player-controls_play .icon { font-size: 24px; font-size: 1.71429rem; width: 24px; width: 1.71429rem; height: 24px; height: 1.71429rem; } .player-mini .player-controls .player-controls_next, .player-mini .player-controls .player-controls_play, .player-mini .player-controls .player-controls_previous { width: 36px; width: 2.57143rem; } .player-volume { height: 48px; height: 3.42857rem; bottom: 64px; bottom: 4.57143rem; } .player-volume_max, .player-volume_mute { margin: 8px; } .player-volume_range { display: inline-block; position: relative; height: 48px; height: 3.42857rem; width: 176px; width: 12.57143rem; } .player-volume_range>* { position: absolute; left: 0; right: 0; } .player-volume_range_fill, .player-volume_range_track { top: 21px; top: 1.5rem; bottom: 21px; bottom: 1.5rem; background-color: #FFF; } .player-volume_range_fill { width: 100% } .player-volume input[type=range] { -webkit-appearance: none; background-color: transparent; width: 100%; height: 48px; height: 3.42857rem; } .player-volume input[type=range]:focus { outline: 0; } .player-volume input[type=range]::-ms-track { width: 100%; cursor: pointer; background: 0 0; border-color: transparent; } .player-volume input[type=range]::-moz-range-track { background-color: transparent; } .player-volume input[type=range]::-webkit-slider-thumb { -webkit-appearance: none!important; background: 0 0; width: 0; height: 48px; height: 3.42857rem; } .player-volume input[type=range]::-moz-range-thumb { -moz-appearance: none; appearance: none; width: 0; height: 48px; height: 3.42857rem; background-color: transparent; border-color: transparent; } .player-volume input[type=range]::-ms-thumb { width: 0; height: 48px; height: 3.42857rem; } .playlist-cover-grid { width: 100%; display: inline-block; overflow: hidden; font-size: 0; } .playlist-cover-grid>li { float: left; width: 50%; height: 50% } .post { position: relative; z-index: 0; } .post h1, .post h2, .post h3 { display: inline; } .post .quick-play { z-index: 2; } .post .link-wrap { position: relative; z-index: 0; display: block; } .post_entity { padding-bottom: 75% } .post_entity_background { overflow: hidden; } .post_entity_content>div { position: absolute; left: 16px; left: 1.14286rem; right: 16px; right: 1.14286rem; bottom: 16px; bottom: 1.14286rem; color: #FFF; } .post_entity_content_tag { line-height: 1; } .post_bar, .post_body { background-color: #f0f0f0; } .post_body { padding: 1.14286rem; } .post_body p a { text-decoration: none; color:; } .range { position: relative; height: 24px; z-index: 0; } .range>div { position: absolute; z-index: -1; } .range .bar-path { width: 100% } .range .bar { width: 0% } .range .thumb-path>div>div { display: table-cell; position: relative; } .range .thumb-path>div>div:first-child { width: 100% } .range.range--track .bar, .range.range--track .bar-path { transition: -webkit-transform .2s linear; transition: transform .2s linear; top: 11px; bottom: 11px; } .range.range--track:hover .bar, .range.range--track:hover .bar-path { -webkit-transform: scaleY(2); transform: scaleY(2); } .range.range--track .bar-path { background-color: #4d4d4d; } .range.range--track .bar { background-color:; } .range input[type=range] { -webkit-appearance: none; margin: 0; background-color: transparent; width: 100%; height: 24px; } .section-header .select+.select, .section-header h1+.select { margin-left: 4px; } .range input[type=range]:focus { outline: 0; } .range input[type=range]:disabled { cursor: default; } .section-header .select select:hover, .section-header .select:hover { cursor: pointer; } .range input[type=range]::-ms-track { width: 100%; cursor: pointer; background: 0 0; border-color: transparent; } .range input[type=range]::-ms-tooltip { display: none; } .range input[type=range]::-moz-range-track { background-color: transparent; } .range input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 10px; height: 10px; border-radius: 100%; background-color: #FFF; } .range input[type=range]::-moz-range-thumb { -moz-appearance: none; appearance: none; width: 10px; height: 10px; border-radius: 100%; background-color: #FFF; } .range input[type=range]::-ms-thumb { -ms-appearance: none; appearance: none; width: 10px; height: 10px; border-radius: 100%; background-color: #FFF; } .section-no-header { margin-top: 32px; } @media only screen and (min-width:1334px) { .section-no-header { margin-top: 48px; } } .section-footer { text-align: right; margin-top: 20px; height: 24px; overflow-y: visible; } .section-footer .btn { padding: 22px; } .section-footer.cta { text-align: left; } .list-track+.section-footer { margin-top: 12px; } .section-header { margin-top: 18px; height: 48px; position: relative; color: #737373; } .section-header_left>div, .section-header_right>div { display: inline-block; background-color: #FFF; } .section-header_left { width: 100% } .section-header_left>div { padding-right: 12px; } .section-header_line { display: block; width: 100%; position: absolute; top: 50%; left: 0; border-top: 1px solid #e8e8e8; z-index: -1; } .app-bar .avatar-button .user-menu-pin, .app-bar-new .avatar-button .user-menu-pin, .app-bar-new2 .avatar-button .user-menu-pin { left: 10px; } .section-header_right { white-space: nowrap; } .section-header_right>div { padding-left: 12px; } .section-header h1 { color: inherit; } .section-header h1.reset { color: inherit; font-size: inherit; text-transform: inherit; } .section-header .select { position: relative; display: inline-block; z-index: 2; } .section-header .select select { border-radius: 3px; padding: 5px 32px 4px 6px; border: 1px solid #bfbfbf; text-transform: uppercase; background: 0 0; line-height: 1.2727; color: inherit; outline: 0; font-family: futurabook, Arial, sans-serif; } .section-header .select select::-ms-expand { display: none; } .section-header .select select:focus { box-shadow: 0 0 5px #bfbfbf; } .section-header .select .icon { top: 50%; margin-top: -6px; position: absolute; right: 10px; z-index: -1; font-size: 12px; color: #bfbfbf; width: 12px; height: 12px; } .section-header.dual-select, .section-header.mono-select { margin-bottom: 8px; } @media only screen and (max-width:767px) { .section-header.dual-select .section-header_left>div { padding-right: 0; width: 100% } .section-header.dual-select .section-header_left>div:after, .section-header.dual-select .section-header_left>div:before { content: " "; display: table; } .section-header.dual-select .section-header_left>div:after { clear: both; } .section-header.dual-select .select { width: 49%; float: left; } .section-header.dual-select .select+.select { margin-left: 0; } .section-header.dual-select .select:first-child { margin-right: 1% } .section-header.dual-select .select:last-child { margin-left: 1% } .section-header.dual-select select { width: 100% } } @media only screen and (min-width:992px) { .section-header { margin-top: 20px; } } .section-header.section-header-first { height: 32px; padding-top: 16px; } .section-header+.section-header { margin-top: 0; } .section-secondary .date .icon { margin-right: 8px; } .section-secondary .date, .section-secondary .numbers, .section-secondary .stats { padding: 8px 0 0; } .section-secondary .stats { text-align: left; text-transform: uppercase; line-height: 1; } .section-secondary .stats li { display: inline-block; margin: 0 8px 0 0; } .section-secondary .cc { margin-top: 36px; } .section-secondary .cc li { display: inline-block; float: right; margin-left: 8px; color: #bfbfbf; } .section-secondary .cc .icon { font-size: 24px; width: 24px; height: 24px; } @media only screen and (min-width:992px) { .section-secondary .numbers { display: table; width: 100% } .section-secondary .numbers .date { font-size: 11px; } .section-secondary .numbers .stats { font-size: 9px; } .section-secondary .numbers .date, .section-secondary .numbers .stats { display: table-cell; } .section-secondary .stats { font-size: 10px; font-size: .71429rem; text-align: right; } .section-secondary .stats li { margin: 0 0 0 8px; } .section-secondary .stats .count { font-size: 14px; font-size: 1rem; } } @media only screen and (min-width:1334px) { .section-secondary .date, .section-secondary .stats { padding-top: 40px; } } .section-tertiary { padding: 48px 0; color: #999; text-align: center; } .section-tertiary .s_wrap { display: inline-block; width: 100% } .section-tertiary .s__content, .section-tertiary .s__glyph { vertical-align: middle; text-align: center; } .app-bar .avatar-button_avatar, .app-bar .avatar-button_username, .app-bar .separator, .app-bar-new .avatar-button_avatar, .app-bar-new .avatar-button_username, .app-bar-new2 .avatar-button_avatar, .app-bar-new2 .avatar-button_username, .btn-action-list li, .edit-image-cover a span, .navigation .wrap>div:first-child>div { vertical-align: top; } .section-tertiary .glyph { display: inline-block; margin: 0 0 16px; } .section-tertiary .text { margin: 8px 0 4px; } .section-tertiary .actions { vertical-align: top; margin: 10px -6px -6px; } .section-tertiary .actions li { display: inline; margin: 0 6px; font-size: 0; } .section-tertiary .action { margin: 10px 0 -6px; } .section-tertiary .btn { padding-top: 10px; padding-bottom: 10px; } .section-tertiary .btn:before { top: 6px; bottom: 6px; } .section-tertiary.as-incentive { background-color: #f9f9f9; padding: 32px; } .section-tertiary.as-incentive .s_wrap { display: block; } .section-tertiary.as-incentive .glyph { width: 48px; height: 48px; padding: 16px; border-radius: 100%; background-color: #e8e8e8; } @media only screen and (min-width:1334px) { .section-tertiary.as-incentive: not(.compact) { padding: 48px; } .section-tertiary.as-incentive:not(.compact) .s__content, .section-tertiary.as-incentive:not(.compact) .s__glyph { display: table-cell; text-align: left; } .section-tertiary.as-incentive:not(.compact) .s__glyph { width: 80px; padding-right: 32px; } .section-tertiary.as-incentive:not(.compact) .glyph { margin: 0; } } .licensing-img-insert-desktop a, .track_information_artist, .track_information_title { display: inline-block; } .section-tertiary.as-error .s_wrap, .section-tertiary.as-no-results .s_wrap, .section-tertiary.as-requirement .s_wrap { max-width: 500px; } .section-tertiary.as-error .heading, .section-tertiary.as-no-results .heading, .section-tertiary.as-requirement .heading { color: #4d4d4d; } .section-tertiary.as-requirement .glyph { color:; } .section-tertiary.as-error .glyph { color: #4d4d4d; } .section-tertiary.as-no-results .glyph { color: #737373; } .section-tertiary.as-form-introduction { text-align: left; } .licensing-img-insert-desktop { position: relative; overflow: visible; font-size: 0; height: 24px; } .licensing-img-insert-desktop>div { right: -32px; border-top: 4px solid #67b7bf; padding: 0 12px; text-align: right; z-index: 1; } .social-links { margin-top: 36px; } .social-links li { margin-bottom: .85714rem; padding-left: 1.71429rem; position: relative; } .social-links li:last-child { margin-bottom: 0; } .social-links .web { color: #4d4d4d; } .social-links .facebook { color: #5f78ab; } .social-links .twitter { color: #4099FF; } .social-links .google { color: #dd4b39; } .social-links .apple { color: #000; } .tile { background-color: #262626; overflow: hidden; } .tile_body_content_descriptive, .tile_body_content_standalone-title { padding: 1.14286rem; text-transform: uppercase; } .tile_body_content_descriptive_title { margin-bottom: .85714rem; } .tile_body_content_descriptive_title span { padding-bottom: .28571rem; display: inline-block; border-bottom: 1px solid #FFF; } .tile_body_content_descriptive_description { text-transform: initial; } .tile_play+a .tile_body .tile_body_content>* { padding: 3.42857rem 0; } .tile.tile--wide .tile_body { padding-bottom: 50% } .track { padding: .57143rem 0 .57143rem .57143rem; } .track_play { width: 48px; height: 48px; z-index: auto; position: relative; } .track_play img { z-index: -10; width: 50px; height: 50px; } .section_licensing button, .track.featured .track_play { z-index: 1; } .track .link-wrap { width: 100% } .track_information { padding: 0 .57143rem 0 .85714rem; } .track_tags { white-space: nowrap; letter-spacing: 1px; letter-spacing: .07143rem; padding: 0 .85714rem; display: none; } .track_tags li { display: inline-block; } .track_actions.track_actions_add-to-playlist, .track_actions.track_actions_share, .track_tags li:last-child:after { display: none; } .track_tags li:after { content: ", " } .track_duration { padding: 0 1.14286rem 0 .85714rem; display: none; } .track.track--playlist-edition .track_handle:hover, .track.track--playlist-edition .track_information:hover, .track.track--playlist-edition .track_play:hover { cursor: move; } .navigation .language select:hover, .navigation .wrap>div:first-of-type>a .logo:hover, .navigation a:hover, .search-module .chosen-container .search-field input[type=text]:focus+.btn-icon:hover, .search-module .chosen-container .search-field input[type=text]:valid+.btn-icon:hover { cursor: pointer; } .track.track--playlist-edition .track_handle { min-width: 32px; } .track.track--playlist-edition .track_handle .icon { font-size: 12px; font-size: .85714rem; color: #bfbfbf; } .track.track--playlist-edition img { width: 48px; height: 48px; } .track.track--playlist-deleted { background-color: #f9f9f9; } .track.track--playlist-deleted>div { color: #737373; } .track.track--playlist-deleted>div:nth-child(1) { padding-left: 1.07143rem; } .track.track--playlist-deleted>div:nth-child(2) { padding-left: 1.92857rem; width: 100% } @media only screen and (min-width:768px) { .post_body { min-height: 97px; } .track_actions.track_actions_add-to-playlist, .track_actions.track_actions_share { display: inline; } .track_duration { display: table-cell; } } @media only screen and (min-width:992px) { .track_tags { display: table-cell; } } .track.featured { background-color: #fef5ef; } .track.featured .track_actions .desktop-secondary-menu-wrap { display: none; } .track.featured .list-button li:hover { background-color: #fbebe1; } @media only screen and (max-width:480px) { .track.featured>a>div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .track.featured>a>div .track_information { display: block; margin: 0; max-width: 120px; } .track.featured>a>div .highlighted { display: block; margin: -6px 0 -12px 12px; } .track.featured .track_actions { white-space: nowrap; } .track.featured .track_actions ul li:nth-of-type(4) { display: none; } .track.featured .track_actions .desktop-secondary-menu-wrap { display: inline-block; } .track.featured .track_actions .desktop-secondary-menu-wrap .desktop-secondary-menu { top: calc(100% + 9px); } .licensing-links { height: 67px; } .licensing-links>a { display: none; } } .licensing-links { position: absolute; right: 0; color: #FFF; background-color: #67b7bf; text-transform: uppercase; text-align: center; padding: 0 16px; max-height: 65px; min-width: 450px; } .licensing-links>p { text-align: center; line-height: .5; padding-top: 12px; } @media only screen and (max-width:1334px) { .licensing-links { margin-left: -32px; margin-right: -32px; min-width: auto; max-height: none; position: relative; } } @media only screen and (max-width:992px) { .licensing-links { margin-left: -16px; margin-right: -16px; } } @media only screen and (max-width:768px) { .licensing-links { visibility: hidden; } } .selection_titles h1 { font-weight: 600; font-size: 17px; text-transform: initial; letter-spacing: 0; } .selection_titles h2 { font-size: 13px; font-weight: 400; margin-bottom: 10px; } .section_licensing { margin-top: 16px; } .section_licensing header, .section_licensing ul { background-color: #ebf6f7; } .section_licensing header { display: block; height: auto; padding: 16px 0 0 16px; } .section_licensing .list-track { padding: 16px 16px 0; } .section_licensing .list-track .track { padding: 8px 0; border-bottom: 1px solid #e8e8e8; transition: background-color .25s; } .section_licensing .list-track .track:first-of-type { padding-top: 8px; } .section_licensing .list-track .track:last-of-type { border: none; padding-bottom: 8px; } .section_licensing .list-track .track .list-button, .section_licensing .list-track .track .list-button li a { background-color: #ebf6f7; transition: background-color .25s; } .section_licensing .list-track .track:hover { background-color: #d5ebec; margin: 0 16px 0 -16px; padding: 8px 16px; width: calc(100%+32px); } .section_licensing .list-track .track:hover:last-of-type { padding-top: 8px; } .section_licensing .list-track .track:hover .list-button, .section_licensing .list-track .track:hover .list-button li a { background-color: #d5ebec; } .section_licensing .section-footer { margin-top: 38px; } .app-bar_wrap { width: 100%; background-color: #e8e8e8; color: #999; } .app-bar_left, .app-bar_right { white-space: nowrap; } .app-bar_right { text-align: right; } .app-bar .user-zone { display: inline-block; margin-right: 16px; } .app-bar .avatar-button { padding: 10px 0; height: 48px; white-space: nowrap; } .app-bar .avatar-button_avatar { width: 28px; display: inline-block; } .app-bar .avatar-button_username { line-height: 28px; color: #737373; letter-spacing: .5px; padding-left: 8px; display: none; } .app-bar .avatar-button.menu-is-opened .user-menu, .app-bar .avatar-button.menu-is-opened .user-menu-pin { visibility: visible; } .app-bar .separator { width: 1px; display: inline-block; background-color: #d1d1d1; height: 36px; margin: 6px 0; } .app-bar .user-menu { visibility: hidden; position: absolute; right: 0; top: 47px; background-color: #FFF; min-width: 150px; border: 1px solid #d1d1d1; } .app-bar .user-menu li { border-bottom: 1px solid #d1d1d1; } .app-bar .user-menu li:last-child { border-bottom: none; } .app-bar .user-menu li:hover { background-color: #f0f0f0; } .app-bar .user-menu a { text-decoration: none; color: #4d4d4d; padding: 16px; display: inline-block; } .app-bar .user-menu-pin { position: absolute; bottom: 0; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #d1d1d1; visibility: hidden; } .app-bar_search { display: none; background-color: #FFF; } .app-bar.is-search .app-bar_wrap { display: none; } .app-bar.is-search .app-bar_search { display: block; } @media only screen and (min-width:1334px) { .app-bar_left { width: 50% } .app-bar .avatar-button_username { display: inline-block; } .app-bar .user-zone { margin-right: 0; } } .menu-for-app-bar { display: inline-block; width: 300px; height: 140px; background: #000; color: #fff; text-align: center; padding: 0 10px; } @media only screen and (min-width:1334px) { .menu-for-app-bar { width: 180px; } } .container-for-app-bar { width: 100%; position: absolute; display: inline-block; } .app-bar-new { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 0 5px; background-color: #e8e8e8; color: #999; } .app-bar-new .list-button:first-child { display: none; } .app-bar-new .list-button:nth-child(2) { -webkit-box-ordinal-group: NaN; -ms-flex-order: initial; order: initial; margin-left: 11px; } .app-bar-new .list-button:nth-child(2) li a { pointer-events: none; color: #999; top: 1px; } .app-bar-new .user-menu, .app-bar-new2 .user-menu { right: 0; top: 47px; min-width: 150px; position: absolute; } .app-bar-new .list-button.social-icons { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 10px; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .app-bar-new .form-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .app-bar-new .user-zone { margin-right: 16px; } .app-bar-new .user-zone .btn { white-space: nowrap; } .app-bar-new .avatar-button { padding: 10px 0; height: 48px; white-space: nowrap; } .app-bar-new .avatar-button_avatar { width: 28px; display: inline-block; } .app-bar-new .avatar-button_username { line-height: 28px; color: #737373; letter-spacing: .5px; padding-left: 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .app-bar-new .form-search_left, .app-bar-new.is-search .list-button.social-icons, .app-bar-new.is-search .list-button:first-child, .app-bar-new.is-search .list-button:first-child li:first-child, .app-bar-new.is-search .list-button:nth-child(2), .app-bar-new.is-search .separator, .app-bar-new.is-search .user-zone { display: none; } .app-bar-new .avatar-button.menu-is-opened .user-menu, .app-bar-new .avatar-button.menu-is-opened .user-menu-pin { visibility: visible; } .app-bar-new .separator { width: 1px; background-color: #d1d1d1; height: 36px; margin: 6px 0; display: none; } .app-bar-new .form-search_input { width: 100% } .app-bar-new.is-search .form-search_input { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% - 35px); } .app-bar-new.is-search .form-search_left { width: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; } .app-bar-new .user-menu { visibility: hidden; background-color: #FFF; border: 1px solid #d1d1d1; } .app-bar-new .user-menu li { border-bottom: 1px solid #d1d1d1; } .app-bar-new .user-menu li:last-child { border-bottom: none; } .app-bar-new .user-menu li:hover { background-color: #f0f0f0; } .app-bar-new .user-menu a { text-decoration: none; color: #4d4d4d; padding: 16px; display: inline-block; } .app-bar-new .user-menu-pin { position: absolute; bottom: 0; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #d1d1d1; visibility: hidden; } .app-bar-new_search { display: none; background-color: #FFF; } @media only screen and (max-width:1334px) { .app-bar-new .list-button: first-child { display: -webkit-box; display: -ms-flexbox; display: flex; } .app-bar-new .list-button:nth-child(2) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .app-bar-new .list-button:nth-child(2) li a { pointer-events: visible; color: #4d4d4d; } .app-bar-new .list-button:nth-child(2) li a:hover { color: red; } .app-bar-new .separator { display: -webkit-box; display: -ms-flexbox; display: flex; } .app-bar-new .avatar-button_username, .app-bar-new .form-search_input { display: none; } } .app-bar-new2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; background-color: #e8e8e8; color: #999; } .app-bar-new2 .bar-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; white-space: nowrap; } .app-bar-new2 .social-and-login-container { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; white-space: nowrap; } .app-bar-new2 .list-button:first-child { display: none; } .app-bar-new2 .list-button:nth-child(2) { display: none; -webkit-box-ordinal-group: NaN; -ms-flex-order: initial; order: initial; } .app-bar-new2 .list-button:nth-child(2) li a { pointer-events: none; color: #999; } .app-bar-new2 .list-button.social-icons { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 10px; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .app-bar-new2 .list-button .btn-icon { color: #999; } .app-bar-new2 .list-button .btn-icon:hover { color:; } .app-bar-new2 .form-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .app-bar-new2 .user-zone { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding-left: 9px; } .app-bar-new2 .user-zone .btn { white-space: nowrap; } .app-bar-new2 .avatar-button { padding: 10px 0; height: 48px; white-space: nowrap; } .app-bar-new2 .avatar-button_avatar { width: 28px; display: inline-block; } .app-bar-new2 .avatar-button_username { line-height: 28px; color: #737373; letter-spacing: .5px; padding-left: 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .app-bar-new2 .form-search_left, .app-bar-new2.is-search .list-button.social-icons, .app-bar-new2.is-search .list-button:first-child, .app-bar-new2.is-search .list-button:first-child li:first-child, .app-bar-new2.is-search .list-button:nth-child(2), .app-bar-new2.is-search .separator, .app-bar-new2.is-search .user-zone { display: none; } .app-bar-new2 .avatar-button.menu-is-opened .user-menu, .app-bar-new2 .avatar-button.menu-is-opened .user-menu-pin { visibility: visible; } .app-bar-new2 .form-search_input { width: 100% } .app-bar-new2.is-search .form-search_input { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% - 35px); } .app-bar-new2.is-search .form-search_left { width: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; } .app-bar-new2 .user-menu { visibility: hidden; background-color: #FFF; border: 1px solid #d1d1d1; } .app-bar-new2 .user-menu li { border-bottom: 1px solid #d1d1d1; } .app-bar-new2 .user-menu li:last-child { border-bottom: none; } .app-bar-new2 .user-menu li:hover { background-color: #f0f0f0; } .app-bar-new2 .user-menu a { text-decoration: none; color: #4d4d4d; padding: 16px; display: inline-block; } .app-bar-new2 .user-menu-pin { position: absolute; bottom: 0; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #d1d1d1; visibility: hidden; } .app-bar-new2_search { display: none; background-color: #FFF; } @media only screen and (max-width:992px) { .app-bar-new2 { padding-left: calc(1% + 13px); } .app-bar-new2 .list-button:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; } .app-bar-new2 .list-button>li:first-child { margin-left: -4px; } .app-bar-new2 .list-button:nth-child(2) { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 8px; } .app-bar-new2 .list-button:nth-child(2) li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: visible; color: #999; } .app-bar-new2 .list-button:nth-child(2) li a .icon { font-size: 1.5rem; line-height: 16px; } .app-bar-new2 .list-button>li:last-child { margin-right: 0; margin-left: 6px; } .app-bar-new2 .space-for-responsive-bar { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } .app-bar-new2 .separator { display: -webkit-box; display: -ms-flexbox; display: flex; } .app-bar-new2 .avatar-button_username, .app-bar-new2 .form-search_input, .app-bar-new2 .search-module__left { display: none; } .app-bar-new2 .search-module { position: fixed; min-height: 68px; left: 0; margin: 0; padding-left: calc(1% + 15px); padding-right: calc(1% + 15px); background-color: #f1f1f1; box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .6); top: -200px; transition: initial; } .app-bar-new2 .search-module.focus { top: 48px; transition: initial; } .app-bar-new2 .search-module .chosen-container .chosen-choices { background-color: #f1f1f1; margin-right: 4px; } .app-bar-new2 { padding-right: 5px; } } .search-module, .search-module.focus { transition-duration: .5s; transition-timing-function: ease-out; } .dispatcher .link-wrap { padding: 1.71429rem; display: table; width: 100% } .dispatcher_body_title { padding-bottom: .57143rem; } .dispatcher .icon { padding-left: 1.71429rem; font-size: 24px; font-size: 1.71429rem; color:; } .hero-entity-description { width: 100%; color: #262626; line-height: 1.5; } .hero-entity-description .primary, .hero-entity-description .tags { display: inline; } .hero-entity-description .tags.inline-block, .hero-entity-description .tags.inline-block>li { display: inline-block; } .hero-entity-description .prefix, .hero-entity-description .tags { font-size: 10px; font-size: .71429rem; color: #999; } .hero-entity-description .prefix { text-transform: uppercase; } .hero-entity-description .prefix .icon { margin-right: .57143rem; } .hero-entity-description .primary { font-size: 16px; font-size: 1.14286rem; } .hero-entity-description .secondary { font-size: 11px; font-size: .78571rem; text-transform: uppercase; } .hero-entity-description .secondary:link { color: #262626; text-decoration: none; } .hero-entity-description .secondary:link:hover { text-decoration: underline; } .hero-entity-description .source-link { font-size: 11px; font-size: .78571rem; } .hero-entity-description .source-link a:link, .hero-entity-description .source-link a:visited { color: #4d4d4d; } .hero-entity-description .source-link a:active, .hero-entity-description .source-link a:hover { color: #262626; } .hero-entity-description .tags a { color: inherit; text-decoration: none; } .hero-entity-description .tags.reset { font-size: inherit; color: inherit; } @media only screen and (max-width:1334px) { .hero-entity-description .tags.inline-block { font-size: 12px; } } .hero-entity-description.overlay .prefix, .hero-entity-description.overlay .primary, .hero-entity-description.overlay .secondary, .hero-entity-description.overlay .tags { color: #FFF; } @media only screen and (min-width:768px) { .hero-entity-description .primary { font-size: 24px; font-size: 1.71429rem; font-weight: 400; } .hero-entity-description .secondary { font-size: 14px; font-size: 1rem; } } .hero-cover { display: block; } .btn-action-list, .btn-action-list li { display: inline-block; } .hero-cover img { max-width: 100% } .btn-action-list li { margin-right: 12px; font-size: 0; } .btn-action-list li:last-child { margin-right: 0; } .btn-action-list li:empty { display: none; } .btn-action-list.small li { margin-right: 8px; } .btn-action-list.small .icon-pause-s, .btn-action-list.small .icon-play-s { top: 1px; } .btn-action-list.small .icon-share { left: -1px; } .btn-expand { width: 36px; height: 36px; float: right; } .btn-expand .icon { font-size: 12px; line-height: 36px; } .edit-image-cover { position: absolute; top: 0; left: 0; z-index: 5; } .edit-image-cover a { color: #FFF; padding: 16px; display: inline-block; text-decoration: none; } .edit-image-cover a span { display: none; color: #FFF; line-height: 18px; text-decoration: underline; } .empty-message, .hero-desktop_cover .edit-image-cover a:hover span, .navigation a, .pivot-bar a, .player_entity-information>*, .results-container .chosen-results .cta-btn { text-decoration: none; } .hero-desktop { width: 100%; position: relative; z-index: 0; color: #FFF; margin-top: 48px; } @media only screen and (min-width:992px) { .edit-image-cover .icon { margin-right: 8px; } .edit-image-cover a:hover span { display: inline-block; } .hero-desktop { margin-top: 0; } } .hero-desktop_cover { z-index: -1; overflow: hidden; position: relative; } .hero-desktop_cover .edit-image-cover { right: 16px; text-align: right; } .hero-desktop_cover .edit-image-cover a { width: 36px; color: #737373; } .hero-desktop_cover .edit-image-cover a .icon { margin: 0; } .hero-desktop_cover .edit-image-cover a span { color: #737373; font-family: futurabook, Arial, sans-serif; } .hero-desktop_cover .edit-image-cover a:hover { width: auto; } @media only screen and (max-width:992px) { .hero-desktop_cover { width: calc(100% + 32px); margin-left: -16px; margin-right: -16px; } } .hero-desktop_structure { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 100%; position: relative; margin-top: -5px; min-height: 200px; } .hero-desktop .thumb { padding: 0; margin: 0 25px; height: auto; right: 0; top: 0; position: absolute; } @media only screen and (max-width:768px) { .hero-desktop .thumb { width: 96px; } } .hero-desktop .content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: none; padding: 32px 0 0; } @media only screen and (min-width:1334px) { .hero-desktop_structure { -ms-flex-flow: row; flex-flow: row; } .hero-desktop .content { margin-top: 0; } } .hero-desktop .content>div { padding-right: 12px; } @media only screen and (max-width:550px) { .hero-desktop .content { -ms-flex-flow: column; flex-flow: column; } .hero-desktop .content>div { padding-right: 0; } } .hero-desktop .content>ul { -ms-flex-flow: column; flex-flow: column; width: 200px; min-width: 200px; } @media only screen and (min-width:1334px) { .hero-desktop .content>ul { -ms-flex-flow: row; flex-flow: row; width: auto; } } @media only screen and (max-width:1334px) { .hero-desktop .content>ul li { line-height: 1.3; display: -webkit-box; display: -ms-flexbox; display: flex; } .hero-desktop .content>ul li>div { width: 50% } .hero-desktop .content>ul li>div:first-of-type { text-align: right; margin-right: 3px; } .hero-desktop .content>ul li>div:last-of-type { text-align: left; margin-left: 3px; } .hero-desktop .content>ul li:nth-of-type(2) { margin: 12px 0; } } @media only screen and (max-width:768px) { .hero-desktop .content>ul { width: 146px; min-width: 146px; padding-top: 30px; } .hero-desktop .content>ul li { -ms-flex-flow: column; flex-flow: column; font-size: 12px; } .hero-desktop .content>ul li>div:first-of-type, .hero-desktop .content>ul li>div:last-of-type { width: 100%; text-align: center; margin-left: 0; margin-right: 0; } } @media only screen and (max-width:550px) { .hero-desktop .content>ul { -ms-flex-flow: row; flex-flow: row; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .hero-desktop .content>ul li:nth-of-type(2) { margin: 0 12px; } .hero-desktop .content>ul li>div:first-of-type, .hero-desktop .content>ul li>div:last-of-type { font-size: 12px; } .hero-desktop .content .hero-entity-description h1 { max-width: 73% } } .hero-desktop .content .hero-entity-description { white-space: initial; } .hero-desktop .content .hero-entity-description>* { color: #4d4d4d; } .hero-desktop.hero-is-overlay .hero-desktop_structure .content h1, .messages, .messages_message_text a { color: #FFF; } @media only screen and (max-width:1334px) { .hero-desktop .content .hero-entity-description h1 { font-size: 32px; } } .hero-desktop.no-thumb .content { padding-left: 32px; } .hero-desktop .avatar { width: 150px; margin-top: -50% } .hero-desktop .btn-action-list, .hero-plain_actions { margin-top: 16px; } @media only screen and (min-width:1334px) { .hero-desktop .avatar { width: 200px; } } @media only screen and (max-width:768px) { .hero-desktop .avatar { width: 96px; } } @media only screen and (max-width:390px) { .hero-desktop .content>ul { padding-top: 10px; } .hero-desktop .btn-action-list>li { margin-bottom: 10px; } } .hero-desktop .edit-image-cover { top: 16px; left: 16px; } .hero-desktop.hero-is-overlay .hero-desktop_structure { height: 100% } .hero-desktop.hero-is-overlay .hero-desktop_structure .content { -ms-flex-flow: column; flex-flow: column; padding-bottom: 32px; } .hero-mobile { position: relative; margin-right: -16px; margin-left: -16px; } .hero-mobile_cover { padding-bottom: 33.33333%; overflow: hidden; position: relative; } .hero-mobile_cover img { max-width: 100%; display: block; } .hero-mobile_content { position: relative; padding: 8px 16px 0 120px; z-index: 1; } .hero-mobile_actions { padding: 14px 4px 0 16px; } .hero-mobile .thumb { position: absolute; width: 96px; left: 14px; bottom: 0; } .hero-mobile.no-thumb .hero-mobile_content { padding: 16px 16px 0; } .hero-plain_content { max-width: 50px; } .hero-plain.mobile { padding: 16px 0; } .hero-plain.mobile .hero-plain_cover { width: 96px; } .hero-plain.mobile .hero-plain_content { padding-left: 16px; } .hero-plain.desktop { height: 240px; margin: 32px 0; } .hero-plain.desktop .hero-plain_cover { width: 180px; } .hero-plain.desktop .hero-plain_content { padding-left: 24px; } .hero-plain.desktop .btn-action-list { margin-top: 22px; } @media only screen and (min-width:992px) { .hero-plain.desktop .hero-plain_cover { width: 240px; } } .image-crop { position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .image-crop, .image-crop-get-set { max-width: 600px; } .image-crop-get-set { text-align: center; position: absolute; bottom: 15%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 999; width: 100% } .image-crop .icon-picture, .image-crop .icon-picture-s, .image-crop-rotate-ccw, .image-crop-rotate-cw { position: absolute; bottom: 0; } .messages_message, .messages_message .container { position: relative; } .image-crop .icon-picture-s { left: 80px; bottom: 18px; } .image-crop .icon-picture { right: 0; bottom: 16px; } .image-crop-rotate-ccw { left: 0; } .image-crop-rotate-cw { left: 32px; } .image-crop-input { display: none!important; } .messages:empty, .messages_message:not(:nth-last-child(-n+2)) .messages_message_dismiss, .messages_message:not(:nth-last-child(-n+2)) .messages_message_text, .messages_message:not(:nth-last-child(-n+4)) { display: none; } .image-crop-save { margin-left: 8px; } @media only screen and (min-width:992px) { .image-crop.square, .image-crop.square+.image-crop-get-set { max-width: 400px; } } .croppie-container .cr-slider-wrap { margin: 22px 28px 22px 104px; width: auto; } .messages { background-color: #FFF; margin: 8px; } .messages_message { background-color: #262626; padding: .85714rem; border-top: 1px solid #FFF; } .messages_message_text { padding-right: 3.42857rem; } .navigation a, .navigation a:link, .navigation a:visited { color: #d1d1d1; } .messages_message_dismiss { position: absolute; right: 0; top: 50%; margin-top: -1.71429rem; width: 36px; width: 2.57143rem; height: 36px; height: 2.57143rem; } .messages_message_dismiss .icon { margin-left: -.42857rem; margin-top: -.42857rem; } .messages_message.is-success { background-color: #6c6; } .messages_message.is-warning { background-color: #cc6e29; } .messages_message.is-danger { background-color: #cc2929; } .messages_message.is-cookie-banner { background-color: #191919; } .messages_message:first-child { border-top: none; } .messages_message:not(:nth-last-child(-n+2)) { padding: .14286rem 0; } .navigation { width: 180px; background-color: #262626; height: auto; } .navigation a.is-active .icon, .navigation a.is-active:link, .navigation a.is-active:visited, .navigation a:active, .navigation a:active .icon, .navigation a:hover, .navigation a:hover .icon { color: #FFF; } .navigation .wrap>div:first-of-type>a { display: inline-block; } .navigation .wrap>div:first-of-type>a .logo { margin: 12px 0; } .navigation .primary a { display: block; letter-spacing: 1px; line-height: 2; } .navigation .primary a>* { display: inline; } .navigation .primary .primary-title { line-height: 1.25; } .navigation .primary .primary-title>span { color: #d1d1d1; letter-spacing: 1px; } .navigation .primary .btn--brand, .navigation .primary .btn--lightgrey-brand { line-height: 1.4; padding: 1.8em .3em; } .navigation .primary .icon { margin-right: 12px; color: #737373; } .navigation .licensing-add { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #67b7bf; padding: 10px 6px 5px!important; margin: 16px auto; text-align: center; height: 255px; } .navigation .licensing-add>* { width: 100% } .navigation .licensing-add figure { background-repeat: no-repeat; background-size: contain; background-position: center; } .navigation .licensing-add figure:first-of-type { background-image: url(https://images.jamendo.com/jamendomusic/static/svg/jamendo-licensing-logo-white.svg); height: 36px; margin-top: 5px; } .navigation .licensing-add figure:last-of-type { background-image: url(https://images.jamendo.com/jamendomusic/static/svg/vintage-video.svg); height: 73px; } .navigation .licensing-add p { color: #6ff0ff; line-height: 1.3; font-size: 13px; } .navigation .licensing-add .btn { font-size: 12px; } .navigation .licensing-add .btn:before { background-color: #4bd2e2; } .navigation .licensing-add:hover { background-color: #58abb3; } .navigation .licensing-add:hover p { color: #FFF; } .navigation .licensing-add:hover .btn:before { background-color: #409199; } @media only screen and (max-height:800px) { .navigation .licensing-add { height: 230px; } .navigation .licensing-add figure:last-of-type { height: 60px; } } @media only screen and (max-height:785px) { .navigation .licensing-add { height: 200px; } .navigation .licensing-add figure:first-of-type { height: 34px; } .navigation .licensing-add figure:last-of-type { height: 52px; } } @media only screen and (max-height:755px) { .navigation .licensing-add { height: 160px; } .navigation .licensing-add figure:last-of-type { display: none; } } @media only screen and (max-height:715px) { .navigation .licensing-add { height: 102px; } .navigation .licensing-add figure:first-of-type { display: none; } } @media only screen and (max-height:695px) { .navigation .licensing-add { display: none; } } .navigation .secondary { letter-spacing: .5px; width: 148px; } .navigation .secondary li { display: inline; line-height: 1.5; white-space: nowrap; margin-right: 4px; } .navigation .secondary li:last-child:after { display: none; } .navigation hr { display: block; height: 1px; margin: 16px 0; border: 0; background-color: #3c3c3c; } .navigation .language { position: relative; z-index: 0; } .navigation .language select { letter-spacing: .5px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 5px 0; background: 0 0; color: #999; outline: 0; border: none; z-index: 2; } .navigation .language .icon { position: absolute; top: 50%; right: 0; font-size: 12px; margin-top: -14px; z-index: -1; width: 12px; height: 12px; } .navigation .logo-link { padding: 16px 0; display: inline-block; } .navigation .wrap, .search-module__field { display: -webkit-box; display: -ms-flexbox; } .navigation .wrap { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 16px; height: 100%; min-height: 100vh; } .navigation .wrap>div:last-child>div { vertical-align: bottom; padding-bottom: 16px; } @media only screen and (max-height:902px) { .navigation .wrap.is-logged .licensing-add { height: 230px; } .navigation .wrap.is-logged .licensing-add figure:last-of-type { height: 60px; } } @media only screen and (max-height:887px) { .navigation .wrap.is-logged .licensing-add { height: 200px; } .navigation .wrap.is-logged .licensing-add figure:first-of-type { height: 34px; } .navigation .wrap.is-logged .licensing-add figure:last-of-type { height: 52px; } } @media only screen and (max-height:857px) { .navigation .wrap.is-logged .licensing-add { height: 160px; } .navigation .wrap.is-logged .licensing-add figure:last-of-type { display: none; } } @media only screen and (max-height:817px) { .navigation .wrap.is-logged .licensing-add { height: 102px; } .navigation .wrap.is-logged .licensing-add figure:first-of-type { display: none; } } @media only screen and (max-height:797px) { .navigation .wrap.is-logged .licensing-add { display: none; } } .navigation .social { margin-left: -4px; text-align: center; } .navigation .social li { display: inline-block; } .navigation .social a:link, .navigation .social a:visited { color: #999; width: 34px; height: 27px; } .navigation .social a:link .icon, .navigation .social a:visited .icon { line-height: 27px; } .navigation .social a.btn--apple:before, .navigation .social a.btn--facebook:before, .navigation .social a.btn--google:before, .navigation .social a.btn--instagram:before, .navigation .social a.btn--twitter:before { background-color: transparent; } .navigation .btn-icon.btn--overlay.close--menu { display: none; } html[lang=fr] .entry .info .author:after { left: 0; } @media only screen and (max-width:992px) { .btn-icon.btn--overlay.close--menu { display: inline-block!important; margin: 8px 0 0 8px; width: 48px; height: 48px; } .navigation { width: 300px; height: auto; } .navigation .close { margin: 8px 0 0 8px; width: 48px; height: 48px; } .navigation .wrap { padding: 0 24px 24px; } .navigation .wrap>div>a { display: none; } .navigation .primary a { line-height: 3; } .navigation .primary .btn--brand, .navigation .primary .btn--lightgrey-brand { max-width: 200px; } .navigation .secondary a { line-height: 1; display: block; } .navigation .social { margin-left: -3px; text-align: left; } .navigation .social li { display: inline-block; } .navigation .social li a:link { width: 48px; height: 48px; color: #FFF; } .navigation .social li a:link .icon { line-height: 48px; } .navigation .social a.btn--facebook:before { background-color: #5f78ab; } .navigation .social a.btn--twitter:before { background-color: #4099FF; } .navigation .social a.btn--google:before { background-color: #dd4b39; } .navigation .social a.btn--apple:before { background-color: #000; } .navigation .social a.btn--instagram:before { background-color: #e0176c; } } .empty-message { padding: 24px 12px; color: #262626; text-align: center; font-weight: 300; display: none; } .arrow-top { position: absolute; top: -5px; width: 5px; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #d1d1d1; } .notifications { overflow-y: auto; width: 100%; height: 100%; max-height: 413px; } .notifications .notification { border-bottom: 1px solid #d1d1d1; } .notifications .notification>div { padding: 0 12px; } .notifications .notification>div:nth-child(2) { padding-left: 0; } .notifications .notification-target { color: #737373; } .notifications .notification-target span { color: #262626; } .notifications .notification-target>div { padding: 16px 0; } .notifications .notification-target>div:first-child { width: 36px; } .notifications .notification-target>div:last-child { padding-left: 12px; } .notifications .notification:hover { background-color: #e8e8e8; } .notifications .notification.state-new, .notifications .notification.state-seen, .overlay-bar { background-color: #f0f0f0; } .notifications .notification:last-child { border-bottom: none; } .notifications .notification .btn { white-space: nowrap; } @media only screen and (max-width:768px) { .notifications { width: 100%; height: 100%; max-height: 100%; overflow-y: auto; } .notifications :hover { overflow-y: hidden; } } .overlay-bar { width: 100%; color: #4d4d4d; } .overlay-bar_information { padding: 0 .57143rem; text-transform: uppercase; } .overlay-bar_information_prefix, .overlay-bar_information_title { display: inline; } .overlay-bar_information_prefix { line-height: 1.4; } .overlay-bar.overlay-bar--on-image { background-color: transparent; color: #FFF; } .search-module { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; margin: 3px; padding: 6px 0; min-height: 50px; background-color: #f1f1f1; transition-property: -webkit-box-flex; transition-property: -ms-flex-positive; transition-property: flex-grow; } .search-module.highlight, .search-module.highlight .chosen-container, .search-module.highlight .chosen-container .chosen-choices { background-color: #FFF; } .search-module.highlight .search-module__left { color:; } .search-module.focus { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; transition-property: -webkit-box-flex; transition-property: -ms-flex-positive; transition-property: flex-grow; } .search-module__left, .search-module__right { text-align: center; width: 56px; } .search-module__left button, .search-module__right button { line-height: 1; vertical-align: middle; } .search-module__left button:focus, .search-module__right button:focus { outline: 0; } .search-module__left { color: #999; } .search-module__left .icon { font-size: 1.5rem; line-height: 2rem; } .search-module__field { display: flex; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } .search-module .chosen-container { width: 100%; position: initial; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #f1f1f1; } .search-module .chosen-container .chosen-choices { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; height: auto; border: none; background-image: none; background-color: #f1f1f1; padding: 0; box-shadow: none; } .search-module .chosen-container .chosen-choices li.search-choice { color:; border-width: 2px; border-style: solid; background-color: transparent; } .search-module .chosen-container .chosen-choices li.search-choice .search-choice-close { color:; } .search-module .chosen-container .chosen-choices li.search-choice span { white-space: nowrap; word-wrap: break-word; } .search-module .chosen-container .chosen-choices:not(:empty)+.search-field button { visibility: visible; cursor: pointer; margin-right: 10px; } @media only screen and (max-width:992px) { .search-module .chosen-container .chosen-choices: not(:empty)+.search-field button { margin-right: 0; } } .search-module .chosen-container .search-field { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; position: relative; max-width: 100%; min-width: 314px; height: 25px; margin: 0; } .search-module .chosen-container .search-field .search-field-placeholder, .search-module .chosen-container .search-field input[type=text] { width: calc(100% - 60px); height: 100%; position: absolute; top: 0; font-family: futurabook, Arial, sans-serif; font-size: 13px; padding: 1px 0; background-color: transparent; border: 0; color:; } .search-module .chosen-container .search-field .search-field-placeholder::-ms-clear, .search-module .chosen-container .search-field input[type=text]::-ms-clear { display: none; } .search-module .chosen-container .search-field input[type=text] { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; padding-left: 0; max-width: calc(100% - 4rem); font-weight: 400; width: calc(100% - 60px); outline: 0; } .search-module .chosen-container .search-field input[type=text]+.btn-icon { position: absolute; right: 0; } .search-module .chosen-container .search-field input[type=text]:focus+.btn-icon, .search-module .chosen-container .search-field input[type=text]:valid+.btn-icon { visibility: visible; margin-right: 10px; } .search-module .chosen-container .search-field input[type=text]:not(output):-moz-ui-invalid { box-shadow: none; } .search-module .chosen-container .search-field input::-webkit-input-placeholder { color: #999; opacity: 1; } .search-module .chosen-container .search-field input::-moz-placeholder { color: #999; opacity: 1; } .search-module .chosen-container .search-field input:-ms-input-placeholder { color: #999; opacity: 1; } .search-module .chosen-container .search-field input::placeholder { color: #999; opacity: 1; } .search-module .chosen-container .search-field .search-field-placeholder { color: #999!important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: futurabook, Arial, sans-serif; padding: 2px 0; } .search-module .chosen-container .search-field .btn-icon:focus { outline: 0; } .search-module .chosen-container .search-field .btn-icon .icon { font-size: 1.25rem; line-height: 21px; color: #999; } .search-module .chosen-container .search-field .btn-icon:hover .icon { color:; } .search-module .chosen-container .search-field .btn-icon { visibility: hidden; height: 100%; display: inline-block; vertical-align: middle; color: #999; } .search-module .chosen-container .search-field .btn-icon:hover { color:; } @media only screen and (max-width:992px) { .search-module { width: 100% } .search-module .chosen-container .chosen-choices { margin-right: -5px; } .search-module .chosen-container .search-field { height: 30px; } .results-container { padding-left: 10px; padding-right: 10px; } } .results-container .top-container { margin-left: calc(1%+8px); margin-right: calc(1%+8px); max-width: calc(100% - 450px); min-height: 63px; } .results-container .top-container.empty { visibility: hidden; } .results-container .tags-results { padding-top: 25px; } @media only screen and (max-width:1334px) { .results-container .top-container { max-width: 100%; margin: 0; } .results-container .top-container.empty { display: none; } .results-container .tags-results { padding-top: 10px; margin: 0 9px; } } .results-container .tags-results .single-tag { display: inline-block; margin-left: .25rem; margin-right: .25rem; } .results-container .tags-results .single-tag a { transition: -webkit-transform .1s ease-out; transition: transform .1s ease-out; } .results-container .tags-results .single-tag a:before { transition: background-color .15s ease-out; } .results-container .tags-results .single-tag.highlight a { -webkit-transform: scale(1.1); transform: scale(1.1); } .results-container .tags-results .single-tag.highlight a:before { background-color: #e07d9a; } .results-container .tags-results .single-tag.selected a:before { background-color:; } .results-container .chosen-results { max-height: none; display: inline-block; vertical-align: top; width: 31%; margin: 0 1% } .results-container .chosen-results.empty { display: none; } .results-container .chosen-results.all { width: calc(98%+8px); margin-left: calc(1%+8px); margin-right: calc(1%+8px); } @media only screen and (max-width:768px) { .results-container .chosen-results.all { width: 96% } } .results-container .chosen-results.all>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 16px 0 10px; } .results-container .chosen-results.all .bloc-title { margin: 0 12px; } .results-container .chosen-results.all ul { margin-bottom: 15px; } .results-container .chosen-results.all .active-result { display: inline-block; width: 32.1%; margin: 0 1% 8px 0; } @media only screen and (max-width:1334px) { .results-container .chosen-results.all .active-result { width: 48%; margin: 0 1% 8px 0; } } @media only screen and (max-width:768px) { .results-container .chosen-results.all .active-result { width: 100% } } .results-container .chosen-results.all .cta-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; text-align: center; margin: 0; padding: 5px 14px 5px 5px; } .results-container .chosen-results.all .cta-btn .icon { font-size: 14px; height: 14px; width: 14px; } .results-container .chosen-results .active-result { margin: 0 12px 8px; padding: 0; list-style-type: none; cursor: unset; } .results-container .chosen-results .active-result .break-name { display: inherit; } .results-container .chosen-results .active-result .break-name .upper-name { text-transform: uppercase; } .results-container .chosen-results .active-result .with-play-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .results-container .chosen-results .active-result .with-play-button .track_play { width: 50px; height: 50px; } .results-container .chosen-results .active-result .artist-title, .results-container .chosen-results .active-result .link-wrap { margin-left: 5px; padding: 16px 0 16px 10px; width: calc(100% - 55px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; } .results-container .chosen-results .active-result .artist-title>div, .results-container .chosen-results .active-result .artist-title>div>span, .results-container .chosen-results .active-result .link-wrap>div, .results-container .chosen-results .active-result .link-wrap>div>span { margin-top: -2px; padding-right: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .results-container .chosen-results .active-result.selected .artist-title, .results-container .chosen-results .active-result.selected .link-wrap { color: #FFF; background-color: !important; } .results-container .chosen-results .active-result.highlight .artist-title, .results-container .chosen-results .active-result.highlight .link-wrap { color: #FFF; background-color: #e07d9a; } .results-container .chosen-results .active-result .no-play-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; color: #737373; } .results-container .chosen-results .active-result .no-play-button.selected .artist-title { color: #FFF; background-color: !important; } .results-container .chosen-results .active-result .no-play-button>div { display: -webkit-box; display: -ms-flexbox; display: flex; } .results-container .chosen-results .active-result .no-play-button>div>picture { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; position: relative; } .results-container .chosen-results .active-result .no-play-button>div>picture img { width: 100%; height: auto; } .results-container .chosen-results .bloc-title { color: #999; font-weight: 500; text-transform: uppercase; font-size: 14px; font-size: 1rem; margin: 16px 0 5px 12px; } .results-container .chosen-results .cta-btn { font-size: 12.25px; font-size: .875rem; font-size: 12.6px; font-size: .9rem; margin: 10px 12px 8px; padding: 10px 0; list-style-type: none; line-height: initial; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #999; background-color: #e8e8e8; border-radius: 4px; } .results-container .chosen-results .cta-btn.selected { color: #FFF!important; background-color: !important; } .results-container .chosen-results .cta-btn .icon { margin: 0 5px; } @media only screen and (max-width:1334px) { .results-container .chosen-results { width: 49.75%; margin: 0; } } @media only screen and (max-width:768px) { .results-container .chosen-results { width: 100% } .results-container .chosen-results .active-result:nth-last-of-type(3n) { display: none; } } .pivot-bar { height: 48px; display: block; overflow-x: hidden; position: relative; margin-top: 2px; } .pivot-bar li.is-active a:before, .pivot-bar:before { display: block; height: 2px; content: "" } .pivot-bar:before { background-color: #f0f0f0; } .pivot-bar ul { overflow-x: hidden; white-space: nowrap; } .pivot-bar li.is-active a { color:; } .pivot-bar li.is-active a:before { background-color:; } .pivot-bar a { padding: 0 1.14286rem; position: relative; display: inline-block; color: #4d4d4d; line-height: 48px; text-transform: uppercase; letter-spacing: .5px; } @media only screen and (max-width:991px) { .pivot-bar { margin-right: -16px; margin-left: -16px; margin-top: 30px; } } .player { color: #FFF; overflow: hidden; } .player>* { position: absolute; } .player_cover, .player_entity-information, .player_progress { left: 16px; left: 1.14286rem; right: 16px; right: 1.14286rem; } .player_actions, .player_controls, .player_volume { left: 0; right: 0; text-align: center; font-size: 0; } .player_background { z-index: -1; background-color: #bfbfbf; } .player_background_img { -webkit-transform: translate3d(0, 0, 0); } .player_background:after { background-color: gray; } .player_cover { top: 64px; top: 4.57143rem; bottom: 308px; bottom: 22rem; text-align: center; } .player_cover img { width: auto; height: auto; max-width: 100%; max-height: 100%; display: inline-block; border: 1px solid #FFF; } .player_entity-information { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 36px; height: 2.57143rem; bottom: 256px; bottom: 18.28571rem; } .player_entity-information>* { display: block; text-align: center; } .player_actions li, .player_progress>div { display: inline-block; } .player-mini_track_information_artist:hover, .player-mini_track_information_title:hover, .player-mini_track_information_title:hover>span { text-decoration: underline; } .player_entity-information>:hover { color: #FFF!important; text-decoration: underline; } .player_entity-information_author { text-transform: uppercase; } .player_actions { height: 48px; bottom: 200px; padding: 0; white-space: nowrap; } .player_progress { height: 72px; height: 5.14286rem; bottom: 112px; bottom: 8rem; text-align: center; } .player_progress>div { position: relative; height: 100% } .player_progress_waveform { height: 48px; height: 3.42857rem; } .player_controls { height: 48px; height: 3.42857rem; bottom: 16px; bottom: 1.14286rem; } .player_quick-share { display: none; } .player .entity-actions { font-size: 0; white-space: nowrap; padding: 0; } .player .entity-actions li { display: inline-block; } @media only screen and (min-width:768px) { .player_actions li { float: none!important; } .player_entity-information, .player_progress { left: 48px; left: 3.42857rem; right: 48px; right: 3.42857rem; } .player_cover { top: 112px; top: 8rem; bottom: 404px; bottom: 28.85714rem; } .player_cover img { height: 100%; width: auto; display: inline-block; border: 1px solid #FFF; } .player_entity-information { height: 40px; height: 2.85714rem; bottom: 344px; bottom: 24.57143rem; } .player_entity-information_title { font-size: 18px; font-size: 1.28571rem; } .player_entity-information_author { font-size: 12px; font-size: .85714rem; line-height: 1; } .player_actions { bottom: 280px; bottom: 20rem; } .player_progress { height: 96px; height: 6.85714rem; bottom: 152px; bottom: 10.85714rem; } .player_progress_waveform { height: 72px; height: 5.14286rem; } .player_quick-share { display: block; top: 108px; top: 7.71429rem; right: 44px; right: 3.14286rem; } .player_volume { bottom: 88px; bottom: 6.28571rem; } .player_controls { bottom: 40px; bottom: 2.85714rem; } .player .entity-actions li { float: none!important; } } .player-mini_cover, .player-mini_expand .btn-icon { width: 48px; } @media only screen and (min-width:992px) { .pivot-bar { margin-top: 30px; } .player_cover { top: 96px; top: 6.85714rem; bottom: 332px; bottom: 23.71429rem; } .player_entity-information { bottom: 276px; bottom: 19.71429rem; } .player_actions { bottom: 212px; bottom: 15.14286rem; } .player_progress { height: 72px; height: 5.14286rem; bottom: 128px; bottom: 9.14286rem; } .player_progress_waveform { height: 48px; height: 3.42857rem; } .player_quick-share { top: 92px; top: 6.57143rem; right: 28px; right: 2rem; } .player_volume { bottom: 72px; bottom: 5.14286rem; } .player_controls { bottom: 24px; bottom: 1.71429rem; } } @media only screen and (min-width:1334px) { .player_cover { top: 112px; top: 8rem; bottom: 404px; bottom: 28.85714rem; } .player_entity-information { bottom: 344px; bottom: 24.57143rem; } .player_actions { bottom: 280px; bottom: 20rem; } .player_progress { height: 96px; height: 6.85714rem; bottom: 152px; bottom: 10.85714rem; } .player_progress_waveform { height: 72px; height: 5.14286rem; } .player_quick-share { top: 108px; top: 7.71429rem; right: 44px; right: 3.14286rem; } .player_volume { bottom: 88px; bottom: 6.28571rem; } .player_controls { bottom: 40px; bottom: 2.85714rem; } } @media only screen and (max-height:430px) { .player_cover { display: none; } } @media only screen and (min-width:768px) and (max-width:992px) and (max-height:550px) { .player_cover { display: none; } } @media only screen and (min-width:992px) and (max-height:470px) { .player_cover { display: none; } } @media only screen and (min-width:1334px) and (max-height:550px) { .player_cover { display: none; } } .player-mini { height: 48px; background-color: #2e2e2e; z-index: auto; } .player-mini_expand .icon { color: #999; } .player-mini_cover img { margin-right: 8px; display: block; } .player-mini_track-actions { padding: 0 8px; } .player-mini_track { width: 100% } .player-mini_track_information { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 6px; text-align: left; color: #FFF; margin-bottom: 6px; } .player-mini_track_information>:first-child { line-height: 1.6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; max-width: none; } .player-mini_track_information>:last-child { white-space: nowrap; line-height: 1.5; text-align: right; } .player-mini_track_information_title { font-size: 12px; font-size: .85714rem; cursor: pointer; margin-bottom: 0; max-width: 150px; overflow: hidden; text-overflow: ellipsis; } @media only screen and (min-width:400px) { .player-mini_track_information_title { max-width: 230px; } } @media only screen and (min-width:500px) { .player-mini_track_information_title { max-width: 250px; } } @media only screen and (min-width:768px) { .player-mini_track_information_title { max-width: 210px; } } @media only screen and (min-width:992px) { .player-mini_track_information_title { max-width: 145px; } } @media only screen and (min-width:1100px) { .player-mini_track_information_title { max-width: 185px; } } @media only screen and (min-width:1300px) { .player-mini_track_information_title { max-width: 270px; } } .player-mini_track_information_play_source, .player-mini_track_information_text-by { font-weight: 500; color: #bfbfbf; } .player-mini_track_information_text-by { margin: 0 4px; max-width: 150px; overflow: hidden; text-overflow: ellipsis; } @media only screen and (max-width:768px) { .player-mini_track_information_text-by { margin-left: 0; display: inherit; line-height: initial; } } @media only screen and (min-width:400px) { .player-mini_track_information_text-by { max-width: 230px; } } @media only screen and (min-width:500px) { .player-mini_track_information_text-by { max-width: 250px; } } @media only screen and (min-width:768px) { .player-mini_track_information_text-by { max-width: 210px; } } @media only screen and (min-width:992px) { .player-mini_track_information_text-by { max-width: 145px; } } @media only screen and (min-width:1100px) { .player-mini_track_information_text-by { max-width: 185px; } } @media only screen and (min-width:1300px) { .player-mini_track_information_text-by { max-width: 270px; } } .player-mini_track_information_artist { color: #FFF; text-transform: uppercase; cursor: pointer; overflow: hidden; text-overflow: ellipsis; } .player-mini_track_information_artist:after { content: ""; display: block; } .player-mini_track_information_play_source a { font-size: 12px; font-size: .85714rem; color: #FFF; cursor: pointer; text-decoration: none; } .player-mini_track_information_play_source a:hover { text-decoration: underline; } .player-mini_track_duration { padding-left: 16px; } .player-mini_controls { padding: 0 8px; position: relative; } .player-mini_controls .player-controls_shuffle { width: 32px; } .player-mini_volume { padding: 0 16px 0 0; position: relative; } .player-mini_volume_layer { width: 170px; -webkit-transform-origin: 0 -4px; transform-origin: 0 -4px; background-color: #262626; display: none; } .player-mini .player-volume_range { width: 90px; } @media only screen and (min-width:768px) { .player-mini_track { padding-right: 24px; } .player-mini_track_information { margin-bottom: 0; } .player-mini_track_information_play_source:before { padding: 0 6px 0 7px; content: "|"; display: inline; color: #bfbfbf; font-size: 13px; } .player-mini_track_information_play_source.empty:before { content: "" } .player-mini_controls { padding: 0 16px; border-left: 1px solid #4d4d4d; } } .modal-display-cta header, .toasts p { color: #FFF; } @media only screen and (min-width:992px) { .player-mini_cover img { margin-right: 0; } .player-mini_track-actions { padding: 0; } .player-mini_track { padding-left: 24px; padding-right: 8px; } .player-mini_controls { padding: 0; } .player-mini_volume:before { content: ""; display: block; width: 1px; height: 32px; position: absolute; top: 8px; right: 0; background-color: #4d4d4d; } } @media only screen and (min-width:480px) { .player-mini_cover img { display: none; } } @media only screen and (max-width:1334px) { .player-mini_track_information_text-by>span { margin-left: 3px; } .player-mini_track_information_artist::after, .player-mini_track_information_play_source, .player-mini_track_information_play_source a { display: none; } .player-mini_controls { padding-left: 16px; } } @media only screen and (max-width:768px) { .player-mini_track_information>: first-child { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-flow: column; flex-flow: column; } .player-mini_track_information_title { display: block; margin-bottom: 0; } } .toasts_toast { text-align: center; } .toasts p { display: inline-block; border-radius: 5px; margin-top: .57143rem; padding: .57143rem; background-color:; } .t-static p { margin-bottom: .85714rem; } .t-static .bullet-list li:before { content: "+ " } .t-static .company-information { padding: 1.14286rem; margin: 1.14286rem 0; background-color: #f0f0f0; border: 1px solid #d1d1d1; } .t-static .company-information .name { display: block; margin-bottom: .28571rem; } .t-static .company-information dl { padding: 1.14286rem 0; } #p-artist-description .card { text-align: center; } #p-artist-description .card .avatar { margin-bottom: 1.14286rem; } #p-creative-commons .introduction { padding-bottom: 2.28571rem; margin: 2.28571rem 0; border-bottom: 1px solid #d1d1d1; text-align: center; } #p-creative-commons .introduction .icon { margin-bottom: .85714rem; color: #999; } #p-creative-commons .introduction p { text-align: left; } #p-creative-commons .conditions li { padding-bottom: .28571rem; margin-bottom: 1.14286rem; display: table; border-bottom: 1px solid #e8e8e8; } #p-creative-commons .conditions li:last-child { border-bottom: none; } #p-creative-commons .conditions li .description, #p-creative-commons .conditions li .icon { display: table-cell; vertical-align: middle; } #p-creative-commons .conditions li .icon { padding-right: 1.14286rem; } #p-faq .q-and-a { margin-top: 2.28571rem; } #p-faq .q-and-a .q { padding: .28571rem 0 .28571rem .85714rem; margin-bottom: .85714rem; color:; border-left: 1px solid; } #p-jobs .positions .link-wrap { display: block; padding: 1.14286rem 0; } #p-jobs .positions li:first-child .link-wrap { padding-top: 0; } #p-jobs .positions .location { color: #999; } #p-jobs .positions .location:before { content: " // " } #p-jobs .no-positions { padding-bottom: 1.14286rem; } #p-jobs .no-positions, #p-jobs .positions .location, #p-jobs .positions .type { letter-spacing: 1px; text-transform: uppercase; } #p-legal .clauses { margin-top: 3.42857rem; } #p-legal .clauses>li { margin-top: 2.28571rem; } #p-legal .clauses li li { margin-top: .85714rem; } #p-legal .clauses p { margin: .57143rem 0; } #p-legal .clauses .heading { display: inline; font-size: inherit; font-weight: inherit; font-style: inherit; } .p-welcome .main { width: 100%; height: 100vh; position: relative; display: table; z-index: 0; } .p-welcome .main .bg { background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: -1; } .p-welcome .main .bg.random-1 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-1-portrait-xs.jpg?v=2); } .p-welcome .main .bg.random-2 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-2-portrait-xs.jpg?v=2); } .p-welcome .main .bg.random-3 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-3-portrait-xs.jpg?v=2); } .p-welcome .main .content { color: #FFF; padding: 24px; } .p-welcome .main .content .button { display: inline-block; padding: 14px 12px; margin-top: 24px; height: 48px; border-radius: 6px; border: 3px solid #FFF; line-height: 1; text-transform: uppercase; } .p-welcome .main .content .button:hover { background-color: #FFF; color: #262626; } .p-welcome .main .logo { margin-bottom: 24px; } .p-welcome .licensing { display: table; height: 60px; padding: 0 16px; border-top: 4px solid #67b7bf; color: #FFF; text-align: center; text-transform: uppercase; z-index: 3; } .p-welcome .licensing_logo { padding-right: 24px; } .p-welcome .licensing .link-wrap>div { height: 50px; } .p-welcome .licensing .headline { margin-top: 12px; } .p-welcome .licensing .btn+.btn { margin-left: 8px; } @media only screen and (min-width:480px) and (orientation:portrait) { .p-welcome .main .bg.random-1 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-1-portrait-sm.jpg?v=2); } .p-welcome .main .bg.random-2 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-2-portrait-sm.jpg?v=2); } .p-welcome .main .bg.random-3 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-3-portrait-sm.jpg?v=2); } } @media only screen and (orientation:landscape) and (min-width:992px) { .p-welcome .main .bg.random-1 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-1-landscape-sm.jpg?v=2); } .p-welcome .main .bg.random-2 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-2-landscape-sm.jpg?v=2); } .p-welcome .main .bg.random-3 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-3-landscape-sm.jpg?v=2); } } @media only screen and (min-width:992px) { .p-welcome .main .bg.random-1 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-1-landscape-md.jpg?v=2); } .p-welcome .main .bg.random-2 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-2-landscape-md.jpg?v=2); } .p-welcome .main .bg.random-3 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-3-landscape-md.jpg?v=2); } .p-welcome .main .content { padding: 48px; } .p-welcome .main .content .heading { font-size: 48px; font-size: 3.42857rem; font-family: Montserrat, Arial, sans-serif; font-weight: 700; } .p-welcome .main .logo { position: absolute; top: 48px; left: 48px; } } @media only screen and (min-width:1334px) { .p-welcome .main .bg.random-1 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-1-landscape-lg.jpg?v=2); } .p-welcome .main .bg.random-2 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-2-landscape-lg.jpg?v=2); } .p-welcome .main .bg.random-3 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-3-landscape-lg.jpg?v=2); } } @media only screen and (max-width:767px) { .redirection-container { -ms-flex-flow: column; flex-flow: column; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; } } .redirection-container .cta-catalog, .redirection-container .cta-communities, .redirection-container .cta-in-store, .redirection-container .cta-link, .redirection-container .cta-music { color: #fff; text-decoration: none; list-style-type: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .redirection-container .logo-licensing, .redirection-container .logo-music { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-music.svg); width: 100%; height: 8vh; min-height: 40px; max-height: 60px; -webkit-box-flex: 10; -ms-flex-positive: 10; flex-grow: 10; -ms-flex-negative: 10; flex-shrink: 10; background-repeat: no-repeat; background-position: center; background-size: contain; } @media only screen and (min-width:1334px) { .redirection-container .logo-licensing, .redirection-container .logo-music { min-height: 60px; } } .redirection-container .logo-licensing { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-licensing.svg); } .redirection-container .image-licensing, .redirection-container .image-music { margin: 1em; width: 30vh; max-width: 80vw; height: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 100; flex-shrink: 100; border-radius: 50%; background-size: contain; background-position: center; background-repeat: no-repeat; } .redirection-container .image-licensing::before, .redirection-container .image-music::before { content: ""; padding-top: 100%; display: block; } @media all and (max-height:720px) { .redirection-container .image-licensing, .redirection-container .image-music { width: 25vh; } } .redirection-container .title-licensing, .redirection-container .title-music { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; min-height: 6em; color: #fff; } .redirection-container .title-licensing>*, .redirection-container .title-music>* { display: block; float: left; } .redirection-container .title-licensing>.main-title, .redirection-container .title-licensing>a, .redirection-container .title-music>.main-title, .redirection-container .title-music>a { clear: both; width: 99%; font-size: 2.25rem; font-weight: 400; line-height: 1.3em; text-decoration: none!important; color: inherit; } .redirection-container .title-licensing .secondary-music, .redirection-container .title-music .secondary-music { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: .5rem; width: 100%; font-size: 1.5rem; line-height: 1.9em; } .redirection-container .title-licensing .secondary-music, .redirection-container .title-licensing .secondary-music *, .redirection-container .title-music .secondary-music, .redirection-container .title-music .secondary-music * { list-style: none!important; } .redirection-container .title-licensing .secondary-music .item, .redirection-container .title-music .secondary-music .item { display: inline-block; margin: 0 .9em; } .redirection-container .title-licensing .secondary-music .item>*, .redirection-container .title-music .secondary-music .item>* { display: block; float: left; clear: none; } @media all and (max-width:1333px) { .redirection-container .title-licensing .secondary-music .item>*, .redirection-container .title-music .secondary-music .item>* { clear: both; width: 100%!important; text-align: center; background-position: center!important; } } .redirection-container .title-licensing .secondary-music .item .label, .redirection-container .title-music .secondary-music .item .label { margin: 0 .7em 0 0; line-height: 2em; font-size: .8em; } .redirection-container .title-licensing .secondary-music .item .icon, .redirection-container .title-music .secondary-music .item .icon { width: 2em; height: 2em; background-repeat: no-repeat; background-position: left center; background-size: contain; } .redirection-container .title-licensing .secondary-music .item .icon::after, .redirection-container .title-licensing .secondary-music .item .icon::before, .redirection-container .title-music .secondary-music .item .icon::after, .redirection-container .title-music .secondary-music .item .icon::before { content: ""; display: none; } .redirection-container .title-licensing .secondary-music .item .icon.icon-streaming, .redirection-container .title-music .secondary-music .item .icon.icon-streaming { background-image: url(https://images.jamendo.com/jamendomusic/welcome/icon-streaming.svg); } .redirection-container .title-licensing .secondary-music .item .icon.icon-download, .redirection-container .title-music .secondary-music .item .icon.icon-download { background-size: 50%; background-image: url(https://images.jamendo.com/jamendomusic/welcome/icon-download.svg); } @media all and (max-width:1333px) { .redirection-container .title-licensing .secondary-music .item .icon, .redirection-container .title-music .secondary-music .item .icon { height: 1em; } .redirection-container .title-licensing .secondary-music .item .icon.icon-download, .redirection-container .title-music .secondary-music .item .icon.icon-download { background-size: contain; } } .redirection-container .licensing-redirect, .redirection-container .music-redirect { position: relative; overflow: hidden; height: 100%; z-index: 0; padding: 24px 0 0; } @media only screen and (max-width:1334px) { .redirection-container .licensing-redirect, .redirection-container .music-redirect { width: 50%!important; } } @media only screen and (max-width:992px) { .redirection-container .licensing-redirect, .redirection-container .music-redirect { width: 100%!important; } } .redirection-container .licensing-redirect .content, .redirection-container .music-redirect .content { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; overflow: hidden; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 24px; color: #fff; } @media only screen and (max-width:767px) { .redirection-container .licensing-redirect .content, .redirection-container .music-redirect .content { padding: 20px 24px 30px; } } @media only screen and (min-width:1334px) { .redirection-container .licensing-redirect .content>*, .redirection-container .music-redirect .content>* { margin-bottom: 3.5vh; } } @media only screen and (min-width:1646px) { .redirection-container .licensing-redirect .content>*, .redirection-container .music-redirect .content>* { margin-bottom: 5.5vh; } } @media all and (max-height:720px) { .redirection-container .licensing-redirect .content>*, .redirection-container .music-redirect .content>* { margin-bottom: 2.5vh; } } @media only screen and (min-width:768px) { .redirection-container .licensing-redirect .content>ul, .redirection-container .music-redirect .content .container-tags { height: 30vh!important; } } .redirection-container .music-redirect { width: 66.6666%; background-color:; } .redirection-container .music-redirect .content .cta-communities { padding-bottom: 25px; margin: .5em 0 0; text-align: center!important; } .redirection-container .music-redirect .content .cta-music { display: inline-block; padding: 14px 12px 10px; margin-top: 24px; height: 48px; border-radius: 6px; border: 3px solid #FFF; line-height: 1.25; font-weight: 500; text-transform: uppercase; } @media only screen and (max-height:840px) { .redirection-container .music-redirect .content .cta-music { margin-top: 30px; } } @media only screen and (max-width:550px) { .redirection-container .music-redirect .content .cta-music { margin-top: 15px; } } .redirection-container .music-redirect .content .cta-music:hover { background-color: #FFF; color:; } .redirection-container .licensing-redirect { width: 33.3333%; background-color: #67b7bf; } .redirection-container .licensing-redirect .content .cta-link { font-size: 21px; font-weight: 300; margin: 0 0 .5em; } .redirection-container .licensing-redirect .content .cta-link>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 50px; } .redirection-container .licensing-redirect .content .cta-link a { color: #fff; text-decoration: none; width: 250px; height: auto; line-height: 1.2em; } .redirection-container .licensing-redirect .content .cta-link img { padding-left: 12px; } @media only screen and (max-width:450px) { .redirection-container .licensing-redirect .content .cta-link>div { -ms-flex-flow: column-reverse; flex-flow: column-reverse; margin: 0; } .redirection-container .licensing-redirect .content .cta-link img { padding-left: 0; margin-bottom: 10px; } } .redirection-container .licensing-redirect .content .cta-catalog, .redirection-container .licensing-redirect .content .cta-in-store { display: block; padding: 14px 12px 10px; height: 48px; border-radius: 6px; border: 3px solid #FFF; line-height: 1.25; text-transform: uppercase; font-weight: 500; } .redirection-container .licensing-redirect .content .cta-catalog:hover, .redirection-container .licensing-redirect .content .cta-in-store:hover { background-color: #FFF; color: #67b7bf; } .redirection-container.search-page { height: calc(100vh - 48px); } .redirection-container.search-page .licensing-redirect, .redirection-container.search-page .music-redirect { padding: 24px 0 72px; } @media only screen and (max-width:767px) { .redirection-container.search-page { height: auto; } .redirection-container.search-page .licensing-redirect { display: none; } } .redirection-container.search-page .content { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .redirection-container.search-page .content>* { margin-bottom: .5vh; } @media all and (min-width:768px) and (max-width:1334px), all and (min-width:768px) and (max-height:720px) { .redirection-container.search-page .image-licensing, .redirection-container.search-page .image-music { display: none; } .redirection-container.search-page .licensing-redirect .content>ul, .redirection-container.search-page .music-redirect .content .container-tags { height: 45vh!important; } } .redirection-container.search-page .music-redirect .content .container-tags { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .redirection-container.search-page .music-redirect .content .container-tags, .redirection-container.search-page .music-redirect .content .container-tags>#js-search-alternatives, .redirection-container.search-page .music-redirect .content .container-tags>#js-search-alternatives>#js-search-communitiesList { height: auto; } .redirection-container.search-page .music-redirect .content .container-tags .section { margin-top: 1.5em; } .redirection-container.search-page .music-redirect .content .container-tags .section .section-header { height: 2.4em; color: #fff; } .redirection-container.search-page .music-redirect .content .container-tags .section .section-header, .redirection-container.search-page .music-redirect .content .container-tags .section .section-header>.section-header_mono { display: block; margin: 0; } .redirection-container.search-page .music-redirect .content .container-tags .section .list-link-search { margin: 0; } .redirection-container.search-page .music-redirect .content .container-tags .section .list-link-search li { margin: .2em .1em; } .redirection-container.search-page .music-redirect .content .container-tags .section .list-link-search li a { margin: 0; padding: .3em .6em; border: 1px solid #fff; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .redirection-container.search-page .music-redirect .content .container-tags .section .list-link-search li a::after, .redirection-container.search-page .music-redirect .content .container-tags .section .list-link-search li a::before { content: ""; display: none!important; } .redirection-container.search-page .music-redirect .content .container-tags .section .list-link-search li a:hover { background: #fff; } .redirection-container-one-image { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; height: 100%; background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-splash-page-1920x1080.jpg); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; background-attachment: fixed; background-color: #ebeae8; } .redirection-container-one-image::before { content: ''; background-color: #000; opacity: .7; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .redirection-container-one-image .cta-catalog, .redirection-container-one-image .cta-communities, .redirection-container-one-image .cta-free-trial, .redirection-container-one-image .cta-in-store, .redirection-container-one-image .cta-link, .redirection-container-one-image .cta-music { text-decoration: none; list-style-type: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .redirection-container-one-image .logo-licensing, .redirection-container-one-image .logo-music { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-music-logo-color.svg); width: 100%; height: 8vh; min-height: 40px; max-height: 60px; -webkit-box-flex: 10; -ms-flex-positive: 10; flex-grow: 10; -ms-flex-negative: 10; flex-shrink: 10; background-repeat: no-repeat; background-position: center; background-size: contain; margin-bottom: 5.5vh; } .redirection-container-one-image .logo-licensing { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-licensing-logo-color.svg); } .redirection-container-one-image .title-licensing, .redirection-container-one-image .title-music { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 450px; min-height: 6em; } .redirection-container-one-image .title-licensing>*, .redirection-container-one-image .title-music>* { display: block; float: left; } .redirection-container-one-image .title-licensing>.main-title, .redirection-container-one-image .title-licensing>a, .redirection-container-one-image .title-music>.main-title, .redirection-container-one-image .title-music>a { clear: both; width: 99%; font-size: 2.25rem; font-weight: 400; line-height: 1.3em; text-decoration: none!important; color:; text-transform: uppercase; font-family: futurabook, Arial, sans-serif; margin-bottom: 3.5vh; } @media only screen and (max-width:1000px) { .redirection-container-one-image .logo-licensing, .redirection-container-one-image .logo-music { height: 60px; } .redirection-container-one-image .title-music { margin-bottom: 1.5vh; } } .redirection-container-one-image .licensing-redirect, .redirection-container-one-image .music-redirect { position: relative; overflow: hidden; height: 100%; z-index: 0; padding: 50px 0 0; } @media only screen and (max-width:1334px) { .redirection-container-one-image .licensing-redirect, .redirection-container-one-image .music-redirect { width: 50%!important; } } .redirection-container-one-image .licensing-redirect .content, .redirection-container-one-image .music-redirect .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; height: 100%; overflow: hidden; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 80px; color: #fff; } @media only screen and (max-width:1000px) { .redirection-container-one-image .licensing-redirect, .redirection-container-one-image .music-redirect { width: 100%!important; } .redirection-container-one-image .licensing-redirect .content, .redirection-container-one-image .music-redirect .content { padding: 10px 24px 30px; } } @media only screen and (min-width:1334px) { .redirection-container-one-image .licensing-redirect .content>*, .redirection-container-one-image .music-redirect .content>* { margin-bottom: 3.5vh; } } @media only screen and (min-width:1646px) { .redirection-container-one-image .licensing-redirect .content>*, .redirection-container-one-image .music-redirect .content>* { margin-bottom: 4.5vh; } } @media only screen and (min-width:769px) { .redirection-container-one-image .licensing-redirect .content .logo-licensing, .redirection-container-one-image .licensing-redirect .content .logo-music, .redirection-container-one-image .music-redirect .content .logo-licensing, .redirection-container-one-image .music-redirect .content .logo-music { margin-bottom: 15vh; } } @media only screen and (min-width:1334px) { .redirection-container-one-image .licensing-redirect .content .logo-licensing, .redirection-container-one-image .licensing-redirect .content .logo-music, .redirection-container-one-image .music-redirect .content .logo-licensing, .redirection-container-one-image .music-redirect .content .logo-music { margin-bottom: 12.5vh; } } @media only screen and (max-height:500px) { .redirection-container-one-image .licensing-redirect .content, .redirection-container-one-image .music-redirect .content { height: 200% } .redirection-container-one-image .licensing-redirect .content .logo-licensing, .redirection-container-one-image .licensing-redirect .content .logo-music, .redirection-container-one-image .music-redirect .content .logo-licensing, .redirection-container-one-image .music-redirect .content .logo-music { margin-bottom: 2.5vh; } .redirection-container-one-image .licensing-redirect .content .title-music, .redirection-container-one-image .music-redirect .content .title-music { margin-bottom: 1vh; } .redirection-container-one-image .licensing-redirect .content .title-music .main-title, .redirection-container-one-image .music-redirect .content .title-music .main-title { font-size: 1.8rem; } .redirection-container-one-image .licensing-redirect .content .title-licensing, .redirection-container-one-image .music-redirect .content .title-licensing { margin-bottom: 1vh; } .redirection-container-one-image .licensing-redirect .content .title-licensing a, .redirection-container-one-image .music-redirect .content .title-licensing a { font-size: 1.8rem; } } @media only screen and (min-width:1000px) { .redirection-container-one-image .licensing-redirect .content>ul, .redirection-container-one-image .music-redirect .content .container-tags { height: 30vh!important; } } .redirection-container-one-image .music-redirect { width: 50% } .redirection-container-one-image .music-redirect .content .secondary-music { color:; font-size: 21px; font-weight: 300; margin: 0 0 .5em; } @media only screen and (max-width:1334px) { .redirection-container-one-image .music-redirect .content .secondary-music { width: 480px; height: 11vh; } } @media only screen and (max-width:1000px) { .redirection-container-one-image .music-redirect .content .secondary-music { width: auto; height: auto; } } .redirection-container-one-image .music-redirect .content .secondary-music .label { display: block; font-family: futurabook, Arial, sans-serif; } .redirection-container-one-image .music-redirect .content .cta-music { padding: 12px 14px 14px; margin-top: 10px; border-radius: 6px; background-color:; color: #FFF; border: 3px solid; line-height: 1; text-transform: uppercase; } @media only screen and (max-width:550px) { .redirection-container-one-image .music-redirect .content .cta-music { margin-top: 15px; } } .redirection-container-one-image .music-redirect .content .cta-music:hover { background-color:; color: #FFF; } .redirection-container-one-image .licensing-redirect { width: 50% } .redirection-container-one-image .licensing-redirect .content .title-licensing a { color: #67b7bf; } @media only screen and (max-height:650px) { .redirection-container-one-image .music-redirect .content .secondary-music { background-image: none; } .redirection-container-one-image .licensing-redirect .content .vertical-arrow { display: none; } } .redirection-container-one-image .licensing-redirect .content .cta-link { font-size: 21px; font-weight: 300; margin: 0 0 .5em; color: #67b7bf; font-family: futurabook, Arial, sans-serif; } .redirection-container-one-image .licensing-redirect .content .cta-link small { font-size: .7em; } .redirection-container-one-image .licensing-redirect .content .cta-link>div { -webkit-box-pack: justify; } .redirection-container-one-image .licensing-redirect .content .cta-link a { text-decoration: none; line-height: 1.2em; } .redirection-container-one-image .licensing-redirect .content .cta-link img { padding-left: 12px; } @media only screen and (max-width:450px) { .redirection-container-one-image .licensing-redirect .content .cta-link>div { -ms-flex-flow: column-reverse; flex-flow: column-reverse; margin: 0; } .redirection-container-one-image .licensing-redirect .content .cta-link img { padding-left: 0; margin-bottom: 10px; } } .redirection-container-one-image .licensing-redirect .content .cta-catalog, .redirection-container-one-image .licensing-redirect .content .cta-in-store { display: block; padding: 12px 14px 14px; height: 48px; border-radius: 6px; background-color: #67b7bf; color: #FFF; border: 3px solid #67b7bf; line-height: 1.25; text-transform: uppercase; font-weight: 500; } .redirection-container-one-image .licensing-redirect .content .cta-catalog:hover, .redirection-container-one-image .licensing-redirect .content .cta-in-store:hover { background-color: #67b7bf; color: #FFF; } @media only screen and (max-width:768px) { .redirection-container-one-image { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; height: auto; min-height: 1090px; } .redirection-container-one-image::before { height: auto; min-height: 1090px; } .redirection-container-one-image .music-redirect { height: auto; padding-top: 50px; } .redirection-container-one-image .music-redirect .content .main-title { font-size: 2rem; } } .redirection-container-one-image .mobile-image { display: none; } .redirection-container-one-image .music-redirect .content .cta-music { width: 295px; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; margin: 8px auto 15px; font-weight: 500; } @media only screen and (max-width:768px) { .redirection-container-one-image .music-redirect .content .cta-music { width: 245px; height: 60px; } } .redirection-container-one-image .music-redirect .content .secondary-music { margin-top: -30px; } .redirection-container-one-image .music-redirect .content .secondary-music span:first-child { margin-top: 70px; } .redirection-container-one-image .music-redirect .content .secondary-music span { max-width: 270px; margin: 0 auto; } @media only screen and (max-width:1334px) { .redirection-container-one-image .music-redirect .content .secondary-music { width: 480px; height: 16vh; background-size: 100px; } } @media only screen and (max-width:1100px) { .redirection-container-one-image .music-redirect .content .secondary-music { background-image: none; } } @media only screen and (max-width:1000px) { .redirection-container-one-image .music-redirect .content .secondary-music { width: auto; height: auto; margin-top: 0; } .redirection-container-one-image .music-redirect .content .secondary-music span:first-child { margin-top: 0; } } @media only screen and (max-height:650px) { .redirection-container-one-image .music-redirect .content .secondary-music { background-image: none; } .redirection-container-one-image .music-redirect .content .secondary-music span:first-child { margin-top: 0; } } @media only screen and (max-height:500px) { .redirection-container-one-image .music-redirect .content .secondary-music { background-image: none; } .redirection-container-one-image .music-redirect .content .secondary-music span:first-child { margin-top: 50px; } .redirection-container-one-image.search .music-redirect .content .title-music { min-height: 4em; } } @media only screen and (max-width:768px) { .redirection-container-one-image .licensing-redirect { height: auto; padding-top: 20px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .redirection-container-one-image .licensing-redirect .content .title-licensing a { font-size: 2rem; } } .redirection-container-one-image .licensing-redirect .content .title-licensing { margin-bottom: 1.5vh; } @media only screen and (max-height:650px) { .redirection-container-one-image .licensing-redirect .content .title-licensing { margin-bottom: 4.5vh; } } .redirection-container-one-image .licensing-redirect .content .cta-link>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; } .redirection-container-one-image .licensing-redirect .content .cta-link a { width: 295px; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; font-weight: 500; margin: 8px auto 15px; } @media only screen and (max-width:768px) { .redirection-container-one-image .licensing-redirect .content .cta-link a { width: 245px; height: 60px; } } .redirection-container-one-image .licensing-redirect .content .cta-link .cta-free-trial { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 14px 40px 10px; width: 349px!important; height: 99px!important; background-color: transparent; background-image: url(https://images.jamendo.com/jamendomusic/welcome/free-trial-cta-brand-color.png); background-repeat: no-repeat; background-position: center; background-size: contain; color: #FFF; line-height: 1.25; text-transform: uppercase; font-weight: 500; } .redirection-container-one-image .licensing-redirect .content .cta-link .cta-free-trial:hover { color: #FFF; } .redirection-container-one-image .licensing-redirect .content .cta-link:last-of-type a { margin-bottom: 0; } .redirection-container-one-image .artists-link-splash { display: block; position: absolute; bottom: 0; left: 0; margin: 0 0 25px 25px; font-family: futurabook, Arial, sans-serif; font-size: 15px; color: #FFF; } .redirection-container-one-image .artists-link-splash a { color:; font-weight: 500; text-decoration: none; } .redirection-container-one-image .artists-link-splash a:hover { text-decoration: underline; } @media only screen and (max-width:1000px) { .redirection-container-one-image .artists-link-splash { margin: 0 auto 25px; text-align: center; width: 100% } } @media only screen and (max-width:768px) { .redirection-container-one-image .artists-link-splash { position: relative; background-color: transparent; margin: auto 0 20px; padding: 0 20px; } .redirection-container-one-image .artists-link-splash a { width: 100%; display: inline-block; } } .redirection-container-one-image.search { height: calc(100vh - 128px); background-color: #FFF; background-image: none; } .redirection-container-one-image.search::before { content: none; } @media only screen and (max-width:1500px) { .redirection-container-one-image.search { background-position: 76% 83% } } @media only screen and (max-width:1150px) { .redirection-container-one-image.search { background-position: 76% 89% } } @media only screen and (max-width:1100px) { .redirection-container-one-image.search { background-position: 116% 86% } } @media only screen and (max-height:880px) { .redirection-container-one-image.search { background-size: 50%, cover; background-position: 69% 72% } } @media only screen and (max-height:675px) { .redirection-container-one-image.search { background-size: 35%, cover; background-position: 65% 71% } } @media only screen and (max-height:535px) { .redirection-container-one-image.search { background-size: 31%, cover; background-position: 66% 67% } } @media only screen and (max-height:480px) { .redirection-container-one-image.search { background-image: none; } } @media only screen and (max-width:1200px) and (max-height:700px) { .redirection-container-one-image.search { background-image: none; } } @media only screen and (max-width:992px) { .redirection-container-one-image.search { background-image: none; margin-top: 0; background-color: #FFF; } .redirection-container-one-image.search .music-redirect { height: auto; margin-bottom: 25px; } .redirection-container-one-image.search .music-redirect .content .title-music { min-height: 4em; } } .redirection-container-one-image.search .music-redirect .content { padding: 0 20px; } .redirection-container-one-image.search .music-redirect .content .title-music { margin-bottom: 0; margin-top: 10px; } @media only screen and (max-width:992px) { .redirection-container-one-image.search .music-redirect .content .title-music .main-title { margin-bottom: 1vh; } } .redirection-container-one-image.search .music-redirect .content .secondary-music { background-image: none; height: auto; width: 100% } .redirection-container-one-image.search .music-redirect .content .secondary-music .btn.btn--bordered:before { border-width: 2px; } .redirection-container-one-image.search .music-redirect .section-header { margin-top: 0; } .redirection-container-one-image.search .music-redirect .list-link-search>li { margin: 0 4px -10px; } .redirection-container-one-image.search .music-redirect .list-link-search>li a { font-family: futurademi, Arial, sans-serif; } .redirection-container-one-image.search .content .title-licensing { margin-bottom: 1.5vh; } @media only screen and (max-height:650px) { .redirection-container-one-image.search .content .title-licensing { margin-bottom: 4.5vh; } } @media only screen and (max-width:1000px) { .redirection-container-one-image.search .licensing-redirect { padding: 50px 0 0!important; box-shadow: none; } } @media only screen and (max-width:992px) { .redirection-container-one-image.search .licensing-redirect { height: auto; padding: 30px 0; } } .redirection-container-one-image.search .licensing-redirect .content { padding: 0 20px; } .redirection-container-one-image.search .licensing-redirect .content .cta-link>div a { width: 250px; height: auto; font-size: 1rem; } .redirection-container-one-image.search .licensing-redirect .content .title-licensing { margin-bottom: 0; margin-top: 10px; } .redirection-container-one-image.search .licensing-redirect .content .logo-licensing { max-height: 50px; margin-bottom: 1.5vh; } .redirection-container-one-image.search .licensing-redirect .content .logo-licensing a { display: block; width: 100%; height: 100% } .redirection-container-one-image.search .licensing-redirect .content .vertical-arrow { width: 11vh; height: 11vh; margin-bottom: 1.5vh; display: none; } .redirection-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: center; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; background-attachment: fixed; background-color: #FFF; } .redirection-container[version-1] { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-music-1.jpg); } .redirection-container[version-2] { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-music-2.jpg); } @media only screen and (max-width:768px) { .redirection-container { -ms-flex-flow: column; flex-flow: column; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; } .redirection-container[version-1] { background-image: none; } } @media only screen and (max-width:495px) { .redirection-container>div: last-child { margin: 7px 14px 0 0; } } .redirection-container .websites-redirect { width: 50%; height: 100vh; padding: 50px 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; } @media only screen and (max-width:1100px) { .redirection-container .websites-redirect h2 { font-size: 24px; } } @media only screen and (max-width:768px) { .redirection-container .websites-redirect { height: auto; padding: 15px 25px; } .redirection-container .websites-redirect .identity-brand { margin-bottom: 30px; } } @media only screen and (max-height:600px) and (min-width:1000px) and (max-width:1250px) { .redirection-container .websites-redirect { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media only screen and (max-height:520px) { .redirection-container .websites-redirect h2 { font-size: 24px; } } @media only screen and (max-height:420px) and (min-width:768px) { .redirection-container .websites-redirect .jamendo-music h2 { margin-top: 20px; } } @media only screen and (max-width:495px) { .redirection-container .websites-redirect { width: auto; padding: 15px 45px; } } .redirection-container .websites-redirect .identity-brand { width: 100%; height: auto; min-height: 125px; background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-corpo2.svg); background-repeat: no-repeat; background-position: center; background-size: 220px 170px; } @media only screen and (max-height:420px) { .redirection-container .websites-redirect .identity-brand { min-height: 115px; background-size: 200px 150px; } } .redirection-container .websites-redirect .identity-brand[jamendo-licensing], .redirection-container .websites-redirect .identity-brand[jamendo-music] { min-height: 175px; background-size: 180px 170px; margin-top: 25px; } .redirection-container .websites-redirect .identity-brand[jamendo-music] { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-music-vertical.svg); } .redirection-container .websites-redirect .identity-brand[jamendo-licensing] { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-licensing-vertical.svg); } @media only screen and (max-width:350px) { .redirection-container .websites-redirect h2 { font-size: 22px; } .redirection-container .websites-redirect h3 { font-size: 15px; } .redirection-container .websites-redirect .identity-brand { background-size: 200px 150px; margin-bottom: 10px; } } @media only screen and (min-height:1025px) { .redirection-container .websites-redirect .identity-brand { min-height: 150px; background-size: 260px 230px; } } @media only screen and (max-width:768px) { .redirection-container .websites-redirect .jamendo-music { margin-bottom: 30px; } } @media only screen and (max-height:665px) { .redirection-container .websites-redirect .jamendo-music .button-cart { margin-bottom: 20px; } } .redirection-container .websites-redirect .jamendo-licensing ul { margin-bottom: 20px; } @media only screen and (max-height:625px) and (min-width:1250px) { .redirection-container .websites-redirect .jamendo-licensing ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .redirection-container .websites-redirect .jamendo-licensing ul li { margin: 0 8px; } } .redirection-container .websites-redirect .button-cart.big-cta.licensing { min-height: 64px; } .redirection-container .websites-redirect .button-cart.big-cta.licensing p { line-height: 1.1; } .redirection-container .websites-redirect .button-cart.big-cta.licensing p:nth-of-type(1) { margin: 0 0 4px; } .redirection-container .websites-redirect .button-cart.big-cta.licensing p:nth-of-type(2) { font-size: 11px; } .redirection-container .websites-redirect .button-cart.big-cta.licensing h3 { line-height: 1.1; margin: 0 0 4px; font-size: 16px; letter-spacing: 2px; padding: 0; color: #FFF; } .redirection-container .websites-redirect .button-cart.big-cta.licensing h3+p { font-size: 11px; } @media only screen and (max-width:350px) { .redirection-container .websites-redirect .button-cart.big-cta { min-height: 44px; } .redirection-container .websites-redirect .button-cart.big-cta p, .redirection-container .websites-redirect .button-cart.big-cta.licensing h3 { font-size: 14px; } } @media only screen and (max-width:768px) { .redirection-container .artists-link-splash { position: initial; margin: 0 auto 30px; } } @media only screen and (min-width:768px) and (max-width:1250px) and (max-height:600px) { .redirection-container[version-1] .websites-redirect, .redirection-container[version-2] .websites-redirect { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .redirection-container[version-1] .identity-brand, .redirection-container[version-2] .identity-brand { min-height: 115px; background-size: 200px 150px; } } @media only screen and (max-height:650px) and (min-width:768px) { .redirection-container[version-1] .websites-redirect .jamendo-music h2, .redirection-container[version-2] .websites-redirect .jamendo-music h2 { margin-top: 20px; } } @media only screen and (max-width:1000px) { .redirection-container[version-2] { -ms-flex-flow: column; flex-flow: column; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; background-image: none; } } @media only screen and (min-width:1000px) { .redirection-container[version-2] .websites-redirect h1, .redirection-container[version-2] .websites-redirect h2 { max-width: 75% } .redirection-container[version-2] .websites-redirect .jamendo-music h2 { margin: 0 auto; } .redirection-container[version-2] .websites-redirect .jamendo-licensing h2 { margin: 0 auto 20px; } .redirection-container[version-2] .websites-redirect h1 { margin: 5px auto 20px; } .redirection-container[version-2] .artists-link-splash a, .redirection-container[version-2] .artists-link-splash p { color: #FFF!important; } .redirection-container[version-2] .artists-link-splash a::before { border-color: #FFF; } } @media only screen and (max-height:700px) { .redirection-container[version-2] h2 { margin-top: 20px!important; } } .redirection-container[version-3] { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-music-5.jpg); height: auto; } @media only screen and (max-width:768px) { .redirection-container[version-3] { background-image: none; margin-top: 15px; } } .redirection-container[version-3] .websites-redirect { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 100px 25px 50px; } @media only screen and (max-height:700px) { .redirection-container[version-3] .websites-redirect { padding: 50px 25px; } } @media only screen and (max-height:630px) { .redirection-container[version-3] .websites-redirect .identity-brand { margin-bottom: 50px; } } @media only screen and (max-height:525px) { .redirection-container[version-3] .websites-redirect .identity-brand { min-height: 160px; background-size: 145px 150px; margin-bottom: 25px; margin-top: 0; } } @media only screen and (max-height:420px) { .redirection-container[version-3] .websites-redirect h2 { margin-top: 0; } } @media only screen and (min-width:768px) and (max-height:600px) { .redirection-container[version-3] .artists-link-splash { display: none; } } .redirection-container[version-4] { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-music-4.jpg); height: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width:768px) { .redirection-container[version-3] .websites-redirect { padding: 0 25px; width: 100% } .redirection-container[version-3] .websites-redirect .identity-brand { min-height: 140px; background-size: 135px 140px; margin-bottom: 10px; margin-top: 0; } .redirection-container[version-3] .websites-redirect:nth-of-type(2) { margin-bottom: 15px; } .redirection-container[version-3] .websites-redirect:nth-of-type(2) h2 { margin-bottom: 20px; } .redirection-container[version-4] { background-image: none; margin-top: 15px; } } .redirection-container[version-4] .websites-redirect { width: 35%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 100px 25px 50px; } @media only screen and (max-height:625px) and (min-width:1250px) { .redirection-container[version-4] .websites-redirect ul { display: block; } } @media only screen and (max-height:625px) and (min-width:1700px) { .redirection-container[version-4] .websites-redirect ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .redirection-container[version-4] .websites-redirect ul li { margin: 0 8px; } } @media only screen and (max-height:700px) { .redirection-container[version-4] .websites-redirect { padding: 25px; } } @media only screen and (max-height:630px) { .redirection-container[version-4] .websites-redirect .identity-brand { margin-bottom: 50px; } } @media only screen and (max-height:525px) { .redirection-container[version-4] .websites-redirect .identity-brand { min-height: 160px; background-size: 145px 150px; margin-bottom: 25px; margin-top: 0; } } /************ da qui in giu******/ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @-webkit-viewport { width: device-width; } @viewport { width: device-width; } html { font-size: 16px; -webkit-tap-highlight-color: transparent; font-family: "futurabook", Arial, sans-serif; } body { font-size: 1rem; font-weight: initial; line-height: 1.5; color: #646464; background-color: #FFF; } [tabindex="-1"]:focus { outline: none !important; } h1, h2, h3, h4, h5, h6 { margin-top: 0; font-size: 1rem; font-weight: initial; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: initial; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } a { color: #337ab7; text-decoration: underline; } a:focus, a:hover { color: #23527c; text-decoration: underline; } a:focus { outline: thin dotted; outline: none; } pre { margin-top: 0; margin-bottom: 1rem; } figure { margin: 0 0 1rem; } img { vertical-align: middle; } [role="button"] { cursor: pointer; } a, area, button, [role="button"], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; caption-side: bottom; } th { text-align: left; } label { display: inline-block; margin-bottom: .5rem; } button:focus { outline: none; } input, button, select, textarea { margin: 0; line-height: inherit; border-radius: 0; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; } input[type="search"] { box-sizing: inherit; -webkit-appearance: none; } output { display: inline-block; } [hidden] { display: none !important; } input[type="submit"], input[type="reset"], input[type="button"], button { background: none; border: 0; color: inherit; font: inherit; overflow: visible; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } [role="button"] { color: inherit; cursor: pointer; white-space: pre; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } ul { padding-left: 0; margin-bottom: 0; list-style-type: none; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px #fff inset !important; } .container { margin-right: auto; margin-left: auto; padding-left: 12px; padding-right: 12px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media (min-width: 768px) { .container { width: 744px; } } @media (min-width: 992px) { .container { width: 964px; } } @media (min-width: 1200px) { .container { width: 1164px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 12px; padding-right: 12px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } .row { margin-left: -12px; margin-right: -12px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 12px; padding-right: 12px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.33333% } .col-xs-2 { width: 16.66667% } .col-xs-3 { width: 25% } .col-xs-4 { width: 33.33333% } .col-xs-5 { width: 41.66667% } .col-xs-6 { width: 50% } .col-xs-7 { width: 58.33333% } .col-xs-8 { width: 66.66667% } .col-xs-9 { width: 75% } .col-xs-10 { width: 83.33333% } .col-xs-11 { width: 91.66667% } .col-xs-12 { width: 100% } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333% } .col-xs-pull-2 { right: 16.66667% } .col-xs-pull-3 { right: 25% } .col-xs-pull-4 { right: 33.33333% } .col-xs-pull-5 { right: 41.66667% } .col-xs-pull-6 { right: 50% } .col-xs-pull-7 { right: 58.33333% } .col-xs-pull-8 { right: 66.66667% } .col-xs-pull-9 { right: 75% } .col-xs-pull-10 { right: 83.33333% } .col-xs-pull-11 { right: 91.66667% } .col-xs-pull-12 { right: 100% } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333% } .col-xs-push-2 { left: 16.66667% } .col-xs-push-3 { left: 25% } .col-xs-push-4 { left: 33.33333% } .col-xs-push-5 { left: 41.66667% } .col-xs-push-6 { left: 50% } .col-xs-push-7 { left: 58.33333% } .col-xs-push-8 { left: 66.66667% } .col-xs-push-9 { left: 75% } .col-xs-push-10 { left: 83.33333% } .col-xs-push-11 { left: 91.66667% } .col-xs-push-12 { left: 100% } .col-xs-offset-0 { margin-left: 0% } .col-xs-offset-1 { margin-left: 8.33333% } .col-xs-offset-2 { margin-left: 16.66667% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-4 { margin-left: 33.33333% } .col-xs-offset-5 { margin-left: 41.66667% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-7 { margin-left: 58.33333% } .col-xs-offset-8 { margin-left: 66.66667% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-10 { margin-left: 83.33333% } .col-xs-offset-11 { margin-left: 91.66667% } .col-xs-offset-12 { margin-left: 100% } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.33333% } .col-sm-2 { width: 16.66667% } .col-sm-3 { width: 25% } .col-sm-4 { width: 33.33333% } .col-sm-5 { width: 41.66667% } .col-sm-6 { width: 50% } .col-sm-7 { width: 58.33333% } .col-sm-8 { width: 66.66667% } .col-sm-9 { width: 75% } .col-sm-10 { width: 83.33333% } .col-sm-11 { width: 91.66667% } .col-sm-12 { width: 100% } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333% } .col-sm-pull-2 { right: 16.66667% } .col-sm-pull-3 { right: 25% } .col-sm-pull-4 { right: 33.33333% } .col-sm-pull-5 { right: 41.66667% } .col-sm-pull-6 { right: 50% } .col-sm-pull-7 { right: 58.33333% } .col-sm-pull-8 { right: 66.66667% } .col-sm-pull-9 { right: 75% } .col-sm-pull-10 { right: 83.33333% } .col-sm-pull-11 { right: 91.66667% } .col-sm-pull-12 { right: 100% } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333% } .col-sm-push-2 { left: 16.66667% } .col-sm-push-3 { left: 25% } .col-sm-push-4 { left: 33.33333% } .col-sm-push-5 { left: 41.66667% } .col-sm-push-6 { left: 50% } .col-sm-push-7 { left: 58.33333% } .col-sm-push-8 { left: 66.66667% } .col-sm-push-9 { left: 75% } .col-sm-push-10 { left: 83.33333% } .col-sm-push-11 { left: 91.66667% } .col-sm-push-12 { left: 100% } .col-sm-offset-0 { margin-left: 0% } .col-sm-offset-1 { margin-left: 8.33333% } .col-sm-offset-2 { margin-left: 16.66667% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-4 { margin-left: 33.33333% } .col-sm-offset-5 { margin-left: 41.66667% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-7 { margin-left: 58.33333% } .col-sm-offset-8 { margin-left: 66.66667% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-10 { margin-left: 83.33333% } .col-sm-offset-11 { margin-left: 91.66667% } .col-sm-offset-12 { margin-left: 100% } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.33333% } .col-md-2 { width: 16.66667% } .col-md-3 { width: 25% } .col-md-4 { width: 33.33333% } .col-md-5 { width: 41.66667% } .col-md-6 { width: 50% } .col-md-7 { width: 58.33333% } .col-md-8 { width: 66.66667% } .col-md-9 { width: 75% } .col-md-10 { width: 83.33333% } .col-md-11 { width: 91.66667% } .col-md-12 { width: 100% } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333% } .col-md-pull-2 { right: 16.66667% } .col-md-pull-3 { right: 25% } .col-md-pull-4 { right: 33.33333% } .col-md-pull-5 { right: 41.66667% } .col-md-pull-6 { right: 50% } .col-md-pull-7 { right: 58.33333% } .col-md-pull-8 { right: 66.66667% } .col-md-pull-9 { right: 75% } .col-md-pull-10 { right: 83.33333% } .col-md-pull-11 { right: 91.66667% } .col-md-pull-12 { right: 100% } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333% } .col-md-push-2 { left: 16.66667% } .col-md-push-3 { left: 25% } .col-md-push-4 { left: 33.33333% } .col-md-push-5 { left: 41.66667% } .col-md-push-6 { left: 50% } .col-md-push-7 { left: 58.33333% } .col-md-push-8 { left: 66.66667% } .col-md-push-9 { left: 75% } .col-md-push-10 { left: 83.33333% } .col-md-push-11 { left: 91.66667% } .col-md-push-12 { left: 100% } .col-md-offset-0 { margin-left: 0% } .col-md-offset-1 { margin-left: 8.33333% } .col-md-offset-2 { margin-left: 16.66667% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-4 { margin-left: 33.33333% } .col-md-offset-5 { margin-left: 41.66667% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-7 { margin-left: 58.33333% } .col-md-offset-8 { margin-left: 66.66667% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-10 { margin-left: 83.33333% } .col-md-offset-11 { margin-left: 91.66667% } .col-md-offset-12 { margin-left: 100% } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.33333% } .col-lg-2 { width: 16.66667% } .col-lg-3 { width: 25% } .col-lg-4 { width: 33.33333% } .col-lg-5 { width: 41.66667% } .col-lg-6 { width: 50% } .col-lg-7 { width: 58.33333% } .col-lg-8 { width: 66.66667% } .col-lg-9 { width: 75% } .col-lg-10 { width: 83.33333% } .col-lg-11 { width: 91.66667% } .col-lg-12 { width: 100% } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333% } .col-lg-pull-2 { right: 16.66667% } .col-lg-pull-3 { right: 25% } .col-lg-pull-4 { right: 33.33333% } .col-lg-pull-5 { right: 41.66667% } .col-lg-pull-6 { right: 50% } .col-lg-pull-7 { right: 58.33333% } .col-lg-pull-8 { right: 66.66667% } .col-lg-pull-9 { right: 75% } .col-lg-pull-10 { right: 83.33333% } .col-lg-pull-11 { right: 91.66667% } .col-lg-pull-12 { right: 100% } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333% } .col-lg-push-2 { left: 16.66667% } .col-lg-push-3 { left: 25% } .col-lg-push-4 { left: 33.33333% } .col-lg-push-5 { left: 41.66667% } .col-lg-push-6 { left: 50% } .col-lg-push-7 { left: 58.33333% } .col-lg-push-8 { left: 66.66667% } .col-lg-push-9 { left: 75% } .col-lg-push-10 { left: 83.33333% } .col-lg-push-11 { left: 91.66667% } .col-lg-push-12 { left: 100% } .col-lg-offset-0 { margin-left: 0% } .col-lg-offset-1 { margin-left: 8.33333% } .col-lg-offset-2 { margin-left: 16.66667% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-4 { margin-left: 33.33333% } .col-lg-offset-5 { margin-left: 41.66667% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-7 { margin-left: 58.33333% } .col-lg-offset-8 { margin-left: 66.66667% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-10 { margin-left: 83.33333% } .col-lg-offset-11 { margin-left: 91.66667% } .col-lg-offset-12 { margin-left: 100% } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100% } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857; color: #555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { border: 0; background-color: transparent; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; } input[type="date"].input-sm, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg input[type="month"] { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio+.radio, .checkbox+.checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.33333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg+.form-control-feedback, .input-group-lg+.form-control-feedback, .form-group-lg .form-control+.form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm+.form-control-feedback, .input-group-sm+.form-control-feedback, .form-group-sm .form-control+.form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label~.form-control-feedback { top: 25px; } .has-feedback label.sr-only~.form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group>.form-control { width: 100% } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-left: -12px; margin-right: -12px; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; } .form-horizontal .form-group:after { clear: both; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .form-horizontal .has-feedback .form-control-feedback { right: 12px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .visible-xs { display: none !important; } .visible-sm { display: none !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } .row.vspace>[class*="col-"] { margin: 12px 0; margin: 0.75rem 0; } .container.right { text-align: right; } .container.right.informational { margin-left: -0.75rem; } .container.center { text-align: center; } .container.vspace { margin-top: 0.5rem; margin-bottom: 2.5rem; } @media only screen and (max-width: 1200px) { .container.vspace { margin-top: -1rem; } } .container .section.container { padding: 0; } .container-1024 { width: 1024px; padding: 0; margin: 0 auto; } @media only screen and (max-width: 1110px) { .container-1024 { width: 100%; padding: 30px; } } @media only screen and (max-width: 480px) { .container-1024 { padding: 15px; } } @media only screen and (max-width: 350px) { .container-1024 { padding: 0; } } .container.max-width { width: auto; margin: 16px 24px; margin: 1rem 1.5rem; padding: 0; } .container.max-width .client-space-heading { display: none; } @media only screen and (max-width: 1110px) { .container.max-width .client-space-heading { display: block; margin: 32px 0 16px 0; margin: 2rem 0 1rem 0; } } .container.max-width .client-space-heading.visible { display: block; } .container.max-width .container-fluid { padding: 0; margin-left: -12px; margin-right: -12px; } .container.max-width .container-fluid .row { margin-left: 0; margin-right: 0; } .container.max-width.section-promote { padding: 2rem; } .container.max-width[account-pages] { margin-top: 2.5rem; min-height: 312px; width: 100% } .container.max-width[account-pages] .page-name { color: black; font-size: 25px; padding: 0 10px; } .align-right { text-align: right; } .align-center { text-align: center; } @media only screen and (min-width: 992px) { .col-md-offset-1-less { margin-left: 3.33333%; width: 46.66667% } } .row-height { display: table; table-layout: fixed; height: 100%; width: 100% } .col-height { display: table-cell; float: none; height: 100% } .col-top { vertical-align: top; } .col-middle { vertical-align: middle; } .col-bottom { vertical-align: bottom; } @media (min-width: 480px) { .row-xs-height { display: table; table-layout: fixed; height: 100%; width: 100% } .col-xs-height { display: table-cell; float: none; height: 100% } .col-xs-top { vertical-align: top; } .col-xs-middle { vertical-align: middle; } .col-xs-bottom { vertical-align: bottom; } } @media (min-width: 768px) { .row-sm-height { display: table; table-layout: fixed; height: 100%; width: 100% } .col-sm-height { display: table-cell; float: none; height: 100% } .col-sm-top { vertical-align: top; } .col-sm-middle { vertical-align: middle; } .col-sm-bottom { vertical-align: bottom; } } @media (min-width: 992px) { .row-md-height { display: table; table-layout: fixed; height: 100%; width: 100% } .col-md-height { display: table-cell; float: none; height: 100% } .col-md-top { vertical-align: top; } .col-md-middle { vertical-align: middle; } .col-md-bottom { vertical-align: bottom; } } @media (min-width: 1200px) { .row-lg-height { display: table; table-layout: fixed; height: 100%; width: 100% } .col-lg-height { display: table-cell; float: none; height: 100% } .col-lg-top { vertical-align: top; } .col-lg-middle { vertical-align: middle; } .col-lg-bottom { vertical-align: bottom; } } body.has-player .playlist-pane { bottom: 80px; } body.has-player .playlist-pane.is-opened { border-bottom: 1px solid black; } @media screen and (max-width: 992px) { body.has-player .playlist-pane { bottom: 66px; } } [component-disabled] { cursor: not-allowed !important; } [component-disabled]>* { -webkit-filter: grayscale(1) !important; filter: grayscale(1) !important; opacity: .4 !important; cursor: not-allowed !important; pointer-events: none !important; } [component-disabled]>*>*, [component-disabled]>*>*>* { cursor: not-allowed !important; pointer-events: none !important; } [center] { margin: 0 auto; } [center-important] { margin: 0 auto !important; } [float-right] { float: right; } [float-clear] { clear: both; } [absolute] { position: absolute !important; } [absolute-top-right] { position: absolute !important; top: 0; right: 0; } [overflow-allowed] { overflow: visible !important; } [z-700] { z-index: 700 !important; } [z-600] { z-index: 600 !important; } [z-410] { z-index: 410 !important; } [block] { display: block !important; } [no-display] { display: none !important; } [relative-position] { position: relative; } [flex-raw-space-between] { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } [flex-raw-space-between][wrap] { -ms-flex-wrap: wrap; flex-wrap: wrap; } [flex-raw-space-between][start] { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } [flex-raw-start] { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } [flex-raw-start][wrap] { -ms-flex-wrap: wrap; flex-wrap: wrap; } [flex-raw-center] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } [flex-raw-center][start] { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } [flex-raw-center][wrap] { -ms-flex-wrap: wrap; flex-wrap: wrap; } [flex-raw-end] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } [flex-column-start] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } [flex-column-center] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } [data-flex^="flexOrder"][data-flex*="1"] { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } [data-flex^="flexOrder"][data-flex*="2"] { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } [data-flex^="flexOrder"][data-flex*="3"] { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } [data-flex^="flexOrder"][data-flex*="4"] { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } [data-flex^="flexOrder"][data-flex*="5"] { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } [data-flex^="flexOrder"][data-flex*="6"] { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } [img-contain] { display: block; background-repeat: no-repeat; background-position: center; background-size: contain; background-color: transparent; height: 100%; width: 100% } [not-visible] { visibility: hidden !important; } [w-50] { width: 50% } [w-100] { width: 100% !important; } [size^="w"][size*="-50%"] { width: 50% } [size^="w"][size*="-100%"] { width: 100% } [margin^="top"][margin*="-24"] { margin-top: 24px; } [no-padding] { padding: 0 !important; } [no-left-pad] { padding-left: 0 !important; } [no-right-pad] { padding-right: 0 !important; } [no-padding-top] { padding-top: 0 !important; } [padding-top-8] { padding-top: 8px !important; } [color-primary] { background-color: #67b7bf !important; } [color-primary-saturated] { background-color: #4bd2e2 !important; } [yellow-spreaker] { background-color: #ffc107 !important; } [whitesmoke] { background-color: whitesmoke !important; } [color-text-primary-saturated] { color: #4bd2e2 !important; } [color-text-medium-gray] { color: #646464 !important; } [color-black] { color: #000 !important; } [text-center] { text-align: center; } [text-left] { text-align: left; } [uppercase] { text-transform: uppercase; } [no-border] { border: none !important; } [size-13] { font-size: 13px !important; } [size-14] { font-size: 14px !important; } [size-15] { font-size: 15px !important; } [size-16] { font-size: 16px !important; } [size-17] { font-size: 17px !important; } [size-22] { font-size: 22px; } [size-28] { font-size: 28px !important; } [size-32] { font-size: 32px !important; } [size-44] { font-size: 44px !important; } [italic] { font-style: italic !important; } [normal] { font-family: "futurabook", Arial, sans-serif; } [demi] { font-family: "futurademi", Arial, sans-serif; } [bold] { font-family: "futurabold", Arial, sans-serif; } [h-auto] { height: auto !important; } [h-240] { height: 240px !important; } [width-auto] { width: auto !important; } [width-80] { width: 80% !important; } [list-disc-outside] { list-style-type: disc !important; list-style-position: outside !important; padding-left: 1.25rem !important; } [list-disc-outside] li { display: list-item !important; } [display^="flex"] { display: -webkit-box; display: -ms-flexbox; display: flex; } [display^="flex"][display*="row"] { -ms-flex-flow: row; flex-flow: row; } [display^="flex"][display*="row-reverse"] { -ms-flex-flow: row-reverse; flex-flow: row-reverse; } [display^="flex"][display*="column"] { -ms-flex-flow: column; flex-flow: column; } [display^="flex"][display*="column-reverse"] { -ms-flex-flow: column-reverse; flex-flow: column-reverse; } [display^="flex"][display*="align-center"] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } [display^="flex"][display*="align-start"] { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } [display^="flex"][display*="align-end"] { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } [display^="flex"][display*="align-baseline"] { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } [display^="flex"][display*="justify-center"] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } [display^="flex"][display*="justify-between"] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } [display^="flex"][display*="justify-around"] { -ms-flex-pack: distribute; justify-content: space-around; } [display^="flex"][display*="justify-end"] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } [display^="flex"][display*="justify-start"] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } [display^="flex"][display*="space-evenly"] { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } [display^="flex"][display*="wrap"] { -ms-flex-wrap: wrap; flex-wrap: wrap; } [display^="flex"][display*="nowrap"] { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } [display*="grow-1"] { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } [display*="grow-1-desktop"] { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (max-width: 1110px) { [display*="grow-1-desktop"] { -webkit-box-flex: initial; -ms-flex-positive: initial; flex-grow: initial; } } [display*="align-self-start"] { -ms-flex-item-align: start; align-self: flex-start; } [display*="align-self-center"] { -ms-flex-item-align: center; align-self: center; } [display*="align-self-end"] { -ms-flex-item-align: end; align-self: flex-end; } [display^="block"] { display: block; } [display^="inline"] { display: inline; } [display^="inline-block"] { display: inline-block; } [display^="table"] { display: table; } [display^="none"] { display: none; } [display*="overflow-hidden"] { overflow: hidden; } [display*="overflow-visible"] { overflow: hidden; } [text~="ellipsis"] { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } [text~="nowrap"] { white-space: nowrap; } [text~="wrap"] { white-space: normal; } [text~="capitalize"] { text-transform: capitalize; } [text~="uppercase"] { text-transform: uppercase; } [text~="capitalize-first-letter"] { display: block; } [text~="capitalize-first-letter"]::first-letter { text-transform: capitalize; } [text~="lowercase"] { text-transform: lowercase; } [text~="initial"] { text-transform: initial; } [text~="left"] { text-align: left; } [text~="center"] { text-align: center; } [text~="right"] { text-align: right; } [text~="justify"] { text-align: justify; } [text~="underline"] { text-decoration: underline; } [text~="underline"]:hover { text-decoration: underline; } [text~="no-deco"] { text-decoration: none; } [text~="line-h-1"] { line-height: 1; } [text~="line-h-1-2"] { line-height: 1.2; } [text~="line-h-1-3"] { line-height: 1.3; } [text~="line-h-1-4"] { line-height: 1.4; } [text~="line-h-1-5"] { line-height: 1.5; } [text~="line-h-1-6"] { line-height: 1.6; } [text~="letter-spacing-1"] { letter-spacing: 1px; } [font~="normal"] { font-family: "futurabook", Arial, sans-serif; } [font~="demi"] { font-family: "futurademi", Arial, sans-serif; } [font~="bold"] { font-family: "futurabold", Arial, sans-serif; } [font~="w-initial"] { font-weight: initial; } [font~="w-400"] { font-weight: 400; } [font~="w-600"] { font-weight: 600; } [font~="size-6"] { font-size: 6px; } [font~="size-7"] { font-size: 7px; } [font~="size-8"] { font-size: 8px; } [font~="size-9"] { font-size: 9px; } [font~="size-10"] { font-size: 10px; } [font~="size-11"] { font-size: 11px; } [font~="size-12"] { font-size: 12px; } [font~="size-13"] { font-size: 13px; } [font~="size-14"] { font-size: 14px; } [font~="size-15"] { font-size: 15px; } [font~="size-16"] { font-size: 16px; } [font~="size-17"] { font-size: 17px; } [font~="size-18"] { font-size: 18px; } [font~="size-19"] { font-size: 19px; } [font~="size-20"] { font-size: 20px; } [font~="size-21"] { font-size: 21px; } [font~="size-22"] { font-size: 22px; } [font~="size-23"] { font-size: 23px; } [font~="size-24"] { font-size: 24px; } [font~="size-25"] { font-size: 25px; } [font~="size-26"] { font-size: 26px; } [font~="size-27"] { font-size: 27px; } [font~="size-28"] { font-size: 28px; } [font~="size-29"] { font-size: 29px; } [font~="size-30"] { font-size: 30px; } [font~="size-32"] { font-size: 32px; } [font~="size-34"] { font-size: 34px; } [font~="size-36"] { font-size: 36px; } [font~="size-38"] { font-size: 38px; } [font~="size-40"] { font-size: 40px; } [font~="size-80"] { font-size: 80px; } [size~="w-0"] { width: 0px; } [size~="w-1"] { width: 1px; } [size~="w-2"] { width: 2px; } [size~="w-3"] { width: 3px; } [size~="w-4"] { width: 4px; } [size~="w-5"] { width: 5px; } [size~="w-6"] { width: 6px; } [size~="w-7"] { width: 7px; } [size~="w-8"] { width: 8px; } [size~="w-9"] { width: 9px; } [size~="w-10"] { width: 10px; } [size~="w-11"] { width: 11px; } [size~="w-12"] { width: 12px; } [size~="w-13"] { width: 13px; } [size~="w-14"] { width: 14px; } [size~="w-15"] { width: 15px; } [size~="w-16"] { width: 16px; } [size~="w-17"] { width: 17px; } [size~="w-18"] { width: 18px; } [size~="w-19"] { width: 19px; } [size~="w-20"] { width: 20px; } [size~="w-21"] { width: 21px; } [size~="w-22"] { width: 22px; } [size~="w-23"] { width: 23px; } [size~="w-24"] { width: 24px; } [size~="w-25"] { width: 25px; } [size~="w-26"] { width: 26px; } [size~="w-27"] { width: 27px; } [size~="w-28"] { width: 28px; } [size~="w-29"] { width: 29px; } [size~="w-30"] { width: 30px; } [size~="w-32"] { width: 32px; } [size~="w-40"] { width: 40px; } [size~="w-46"] { width: 46px; } [size~="w-135"] { width: 135px; } [size~="w-145"] { width: 145px; } [size~="w-180"] { width: 180px; } [size~="w-220"] { width: 220px; } [size~="w-270"] { width: 270px; } [size~="w-354"] { width: 354px; } [size~="w-650"] { width: 650px; } [size~="w-5%"] { width: 5% } [size~="w-10%"] { width: 10% } [size~="w-15%"] { width: 15% } [size~="w-20%"] { width: 20% } [size~="w-25%"] { width: 25% } [size~="w-30%"] { width: 30% } [size~="w-35%"] { width: 35% } [size~="w-40%"] { width: 40% } [size~="w-45%"] { width: 45% } [size~="w-50%"] { width: 50% } [size~="w-55%"] { width: 55% } [size~="w-60%"] { width: 60% } [size~="w-65%"] { width: 65% } [size~="w-70%"] { width: 70% } [size~="w-75%"] { width: 75% } [size~="w-80%"] { width: 80% } [size~="w-85%"] { width: 85% } [size~="w-90%"] { width: 90% } [size~="w-95%"] { width: 95% } [size~="w-100%"] { width: 100% } [size~="h-0"] { height: 0px; } [size~="h-1"] { height: 1px; } [size~="h-2"] { height: 2px; } [size~="h-3"] { height: 3px; } [size~="h-4"] { height: 4px; } [size~="h-5"] { height: 5px; } [size~="h-6"] { height: 6px; } [size~="h-7"] { height: 7px; } [size~="h-8"] { height: 8px; } [size~="h-9"] { height: 9px; } [size~="h-10"] { height: 10px; } [size~="h-11"] { height: 11px; } [size~="h-12"] { height: 12px; } [size~="h-13"] { height: 13px; } [size~="h-14"] { height: 14px; } [size~="h-15"] { height: 15px; } [size~="h-16"] { height: 16px; } [size~="h-17"] { height: 17px; } [size~="h-18"] { height: 18px; } [size~="h-19"] { height: 19px; } [size~="h-20"] { height: 20px; } [size~="h-21"] { height: 21px; } [size~="h-22"] { height: 22px; } [size~="h-23"] { height: 23px; } [size~="h-24"] { height: 24px; } [padding~="right-20"] { padding-right: 20px; } [padding~="right-21"] { padding-right: 21px; } [padding~="right-22"] { padding-right: 22px; } [padding~="right-23"] { padding-right: 23px; } [padding~="right-24"] { padding-right: 24px; } [padding~="right-25"] { padding-right: 25px; } [padding~="right-26"] { padding-right: 26px; } [padding~="right-27"] { padding-right: 27px; } [padding~="right-28"] { padding-right: 28px; } [padding~="right-29"] { padding-right: 29px; } [padding~="right-30"] { padding-right: 30px; } [padding~="right-32"] { padding-right: 32px; } [padding~="right-40"] { padding-right: 40px; } [color^="jam-music"] { color:; } [color^="jam-licensing"] { color: #67b7bf; } [color^="jam-licensing-saturated"] { color: #4bd2e2; } [color^="black"] { color: #000; } [color^="white"] { color: #FFF; } [color^="red"] { color: red; } [color^="orange"] { color: orange; } [color^="gray-0"] { color: whitesmoke; } [color^="gray-1"] { color: #f2f2f2; } [color^="gray-2"] { color: #e5e5e5; } [color^="gray-3"] { color: #d8d8d8; } [color^="gray-4"] { color: #cbcbcb; } [color^="gray-5"] { color: #bebebe; } [color^="gray-6"] { color: #b1b1b1; } [color^="gray-7"] { color: #a4a4a4; } [color^="gray-8"] { color: #979797; } [color^="gray-9"] { color: #8a8a8a; } [color^="gray-10"] { color: #7d7d7d; } [color^="gray-11"] { color: #707070; } [color^="gray-12"] { color: #636363; } [color^="gray-13"] { color: #565656; } [color^="gray-14"] { color: #494949; } [color^="gray-15"] { color: #3c3c3c; } [color^="gray-16"] { color: #2f2f2f; } [color^="gray-17"] { color: #222; } [color^="gray-18"] { color: #151515; } [color^="gray-19"] { color: #080808; } [debug] { border: 1px solid red; } [shadow] { box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); } [border~="none"] { border: none; } [border~="w-1"] { border: 1px solid; } [border~="w-2"] { border: 2px solid; } [border~="w-3"] { border: 3px solid; } [border~="w-4"] { border: 4px solid; } [border~="w-5"] { border: 5px solid; } [border~="w-6"] { border: 6px solid; } [border~="w-7"] { border: 7px solid; } [border~="w-8"] { border: 8px solid; } [border~="w-9"] { border: 9px solid; } [border~="w-10"] { border: 10px solid; } [border^="jam-music"] { border-color:; } [border^="jam-licensing"] { border-color: #67b7bf; } [border~="jamlicensing"] { border-color: #67b7bf; } [border~="r100%"] { border-radius: 100% } [border~="r1"] { border-radius: 1px; } [border~="r2"] { border-radius: 2px; } [border~="r3"] { border-radius: 3px; } [border~="r4"] { border-radius: 4px; } [border~="r5"] { border-radius: 5px; } [border~="r6"] { border-radius: 6px; } [border~="r7"] { border-radius: 7px; } [border~="r8"] { border-radius: 8px; } [border~="r9"] { border-radius: 9px; } [border~="r10"] { border-radius: 10px; } [position^="relative"] { position: relative; } [position^="absolute"] { position: absolute; } [position^="fixed"] { position: fixed; } [position^="sticky"] { position: -webkit-sticky; position: sticky; } [position^="sticky-desktop"] { position: -webkit-sticky; position: sticky; } @media only screen and (max-width: 1110px) { [position^="sticky-desktop"] { position: initial; } } [position^="float-right"] { float: right; } [position*="top-0"] { top: 0; } [position*="top-2"] { top: 2px; } [position*="top-30"] { top: 30px; } [position*="top-70"] { top: 70px; } [position*="top-minus-75"] { top: -75px; } [position*="right-0"] { right: 0; } [position*="right-minus-10"] { right: -10px; } [position*="bottom-0"] { bottom: 0; } [position*="left-0"] { left: 0; } [background^="jam-music"] { background-color:; } [background^="jam-licensing"] { background-color: #67b7bf; } [background^="black"] { background-color: #000; } [background^="white"] { background-color: #FFF; } [background^="red"] { background-color: red; } [background^="error"] { color: #ffd7d7; } [background^="orange"] { background-color: orange; } [background^="gray-0"] { background-color: whitesmoke; } [background^="gray-1"] { background-color: #f2f2f2; } [background^="gray-2"] { background-color: #e5e5e5; } [background^="gray-3"] { background-color: #d8d8d8; } [background^="gray-4"] { background-color: #cbcbcb; } [background^="gray-5"] { background-color: #bebebe; } [background^="gray-6"] { background-color: #b1b1b1; } [background^="gray-7"] { background-color: #a4a4a4; } [background^="gray-8"] { background-color: #979797; } [background^="gray-9"] { background-color: #8a8a8a; } [background^="gray-10"] { background-color: #7d7d7d; } [background^="gray-11"] { background-color: #707070; } [background^="gray-12"] { background-color: #636363; } [background^="gray-13"] { background-color: #565656; } [background^="gray-14"] { background-color: #494949; } [background^="gray-15"] { background-color: #3c3c3c; } [background^="gray-16"] { background-color: #2f2f2f; } [background^="gray-17"] { background-color: #222; } [background^="gray-18"] { background-color: #151515; } [background^="gray-19"] { background-color: #080808; } @media only screen and (max-width: 750px) { [responsive~="750-reset-background"] { background-color: initial; } } [animation~="rotate-add-180"] { -webkit-transform: rotate(180deg); transform: rotate(180deg); } [hover~="licensing"]:hover { color: #67b7bf; } [hover~="licensing"]:hover>* { color: #67b7bf; } .chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: 13px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .chosen-container * { box-sizing: border-box; } .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; width: 100%; border: 1px solid #aaa; border-top: 0; background: #fff; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); } .chosen-container.chosen-with-drop .chosen-drop { left: 0; } .chosen-container a { cursor: pointer; } .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; color: #999; } .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after { content: ":"; padding-left: 2px; vertical-align: top; } .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; height: 25px; border: 1px solid #aaa; border-radius: 5px; background-color: #fff; background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%); background-clip: padding-box; box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1); color: #444; text-decoration: none; white-space: nowrap; line-height: 24px; } .chosen-container-single .chosen-default { color: #999; } .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url("/css/chosen-sprite.png") -42px 1px no-repeat; font-size: 1px; } .chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100% } .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; background: url("/css/chosen-sprite.png") no-repeat 0px 2px; } .chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; } .chosen-container-single .chosen-search input[type="text"] { margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; background: white url("/css/chosen-sprite.png") no-repeat 100% -20px; background: url("/css/chosen-sprite.png") no-repeat 100% -20px; font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; } .chosen-container .chosen-results { color: #444; position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; } .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; word-wrap: break-word; -webkit-touch-callout: none; } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } .chosen-container .chosen-results li.highlighted { background-color: #3875d7; background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff; } .chosen-container .chosen-results li.no-results { color: #777; display: list-item; background: #f4f4f4; } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: bold; cursor: default; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; margin: 0; padding: 0 5px; width: 100%; height: auto; border: 1px solid #aaa; background-color: #fff; background-image: linear-gradient(#eee 1%, #fff 15%); cursor: text; } .chosen-container-multi .chosen-choices li { float: left; list-style: none; } .chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } .chosen-container-multi .chosen-choices li.search-field input[type="text"] { margin: 1px 0; padding: 0; height: 25px; outline: 0; border: 0 !important; background: transparent !important; box-shadow: none; color: #999; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 5px 3px 0; padding: 3px 20px 3px 5px; border: 1px solid #aaa; max-width: 100%; border-radius: 3px; background-color: #eee; background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; } .chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url("/css/chosen-sprite.png") -42px 1px no-repeat; font-size: 1px; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); color: #666; } .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; } .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .chosen-container-multi .chosen-results { margin: 0; padding: 0; } .chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; } .chosen-container-active .chosen-single { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #aaa; border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-image: linear-gradient(#eee 20%, #fff 80%); box-shadow: 0 1px 0 #fff inset; } .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: transparent; } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 2px; } .chosen-container-active .chosen-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #222 !important; } .chosen-disabled { opacity: 0.5 !important; cursor: default; } .chosen-disabled .chosen-single { cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; } .chosen-rtl { text-align: right; } .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } .chosen-rtl .chosen-single div { right: auto; left: 3px; } .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } .chosen-rtl .chosen-choices li { float: right; } .chosen-rtl .chosen-choices li.search-field input[type="text"] { direction: rtl; } .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop { left: 9999px; } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; } .chosen-rtl .chosen-search input[type="text"] { padding: 4px 5px 4px 20px; background: white url("/css/chosen-sprite.png") no-repeat -30px -20px; background: url("/css/chosen-sprite.png") no-repeat -30px -20px; direction: rtl; } .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; } .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-image: url("/css/chosen-sprite@2x.png") !important; background-size: 52px 37px !important; background-repeat: no-repeat !important; } } .chosen-container .chosen-drop { border: 1px solid #67b7bf; box-shadow: 0 0 6px #afd9dd; padding-top: 4px; text-align: left; } .chosen-container-single .chosen-single { background: #FFF; border-radius: 0; padding: 8px 16px 10px 8px; padding: 0.5rem 1rem 0.625rem 0.5rem; line-height: inherit; box-shadow: none; height: 36px; height: 2.25rem; border-color: #ccc; } .chosen-container-single .chosen-single abbr { background: url("/images/chosen-sprite.png") -42px 1px no-repeat; } .chosen-container-single .chosen-single div { width: 16px; } .chosen-container-single .chosen-single div b { background: url("/images/sprites/chosen-sprite.png") no-repeat 0px 7px; } .chosen-container-single .chosen-search { position: relative; } .chosen-container-single .chosen-search:after { position: absolute; z-index: 1; display: block; top: 0.75rem; right: 1rem; width: 12px; height: 12px; font-size: 12px; font-family: "jamendo-all-icons"; content: "" } .chosen-container-single .chosen-search input[type="text"] { background: none; padding: 8px 32px 8px 8px; padding: 0.5rem 2rem 0.5rem 0.5rem; } .chosen-search input[type="text"] { background: none !important; } .chosen-container-active .chosen-single { border-color: #67b7bf; box-shadow: 0 0 6px #afd9dd; } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #67b7bf; background: #FFF; box-shadow: 0 0 6px #afd9dd; } .chosen-container .chosen-results li.highlighted { background-color: #67b7bf; background-image: none; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { background: url("/images/sprites/chosen-sprite.png") -42px 1px no-repeat; } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 7px; } .chosen-rtl .chosen-search input[type="text"] { background: white url("/images/sprites/chosen-sprite.png") no-repeat -30px -20px; background: url("/images/sprites/chosen-sprite.png") no-repeat -30px -20px; } .chosen-container-multi .chosen-choices li.search-choice { border: none; max-width: 100%; border-radius: 4px; background-color: #8bc8ce; background-image: none; box-shadow: none; color: #FFF; line-height: 24px; padding: 0 24px 0 6px; white-space: nowrap; } @media only screen and (max-width: 768px) { .chosen-container-multi .chosen-choices li.search-choice { padding: 0 34px 0 6px; line-height: 34px; } } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { top: 0px; right: 0px; width: 24px; height: 24px; background: none; font-family: "jamendo-all-icons"; font-size: 8px; color: #FFF; text-decoration: none; line-height: 3; text-align: center; cursor: pointer; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before { content: "" } @media only screen and (max-width: 768px) { .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { width: 100%; text-align: right; padding-right: 7px; font-size: 12px; line-height: 34px; } } .chosen-container-multi .chosen-choices li.search-field input[type="text"] { height: 30px; margin: 0; padding-left: 6px; padding-top: 2px; color: gray !important; font-family: "futurabook", Arial, sans-serif; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background: none !important; } } .chosen-choices, .search-module .chosen-container-active .chosen-choices { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; } .chosen-choices .search-field, .search-module .chosen-container-active .chosen-choices .search-field { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 250px; text-align: left; } .chosen-choices .search-field input[placeholder], .search-module .chosen-container-active .chosen-choices .search-field input[placeholder] { width: 100% } @media only screen and (max-width: 768px) { .chosen-choices .search-field, .search-module .chosen-container-active .chosen-choices .search-field { min-width: 100px; width: 100px; } } @media only screen and (max-width: 768px) { .chosen-choices .search-choice, .search-module .chosen-container-active .chosen-choices .search-choice { display: -webkit-box; display: -ms-flexbox; display: flex; } .chosen-choices .search-choice span, .search-module .chosen-container-active .chosen-choices .search-choice span { overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: inline-block; } } [class*="hint--"] { position: relative; display: inline-block; } [class*="hint--"]:before, [class*="hint--"]:after { position: absolute; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: hidden; opacity: 0; z-index: 630; pointer-events: none; transition: 0.3s ease; transition-delay: 0ms; } [class*="hint--"]:hover:before, [class*="hint--"]:hover:after { visibility: visible; opacity: 1; } [class*="hint--"]:hover:before, [class*="hint--"]:hover:after { transition-delay: 100ms; } [class*="hint--"]:before { content: ''; position: absolute; background: transparent; border: 6px solid transparent; z-index: 631; } [class*="hint--"]:after { background: #67b7bf; color: white; padding: 8px 10px; font-size: 12px; font-family: "futurabook", Arial, sans-serif; line-height: 12px; white-space: nowrap; } [class*="hint--"][aria-label]:after { content: attr(aria-label); } [class*="hint--"][data-hint]:after { content: attr(data-hint); } [aria-label='']:before, [aria-label='']:after, [data-hint='']:before, [data-hint='']:after { display: none !important; } .hint--top-left:before { border-top-color: #67b7bf; } .hint--top-right:before { border-top-color: #67b7bf; } .hint--top:before { border-top-color: #67b7bf; } .hint--bottom-left:before { border-bottom-color: #67b7bf; } .hint--bottom-right:before { border-bottom-color: #67b7bf; } .hint--bottom:before { border-bottom-color: #67b7bf; } .hint--left:before { border-left-color: #67b7bf; } .hint--right:before { border-right-color: #67b7bf; } .hint--top:before { margin-bottom: -11px; } .hint--top:before, .hint--top:after { bottom: 100%; left: 50% } .hint--top:before { left: calc(50% - 6px); } .hint--top:after { -webkit-transform: translateX(-50%); transform: translateX(-50%); } .hint--top:hover:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--top:hover:after { -webkit-transform: translateX(-50%) translateY(-8px); transform: translateX(-50%) translateY(-8px); } .hint--bottom:before { margin-top: -11px; } .hint--bottom:before, .hint--bottom:after { top: 100%; left: 50% } .hint--bottom:before { left: calc(50% - 6px); } .hint--bottom:after { -webkit-transform: translateX(-50%); transform: translateX(-50%); } .hint--bottom:hover:before { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--bottom:hover:after { -webkit-transform: translateX(-50%) translateY(8px); transform: translateX(-50%) translateY(8px); } .hint--right:before { margin-left: -11px; margin-bottom: -6px; } .hint--right:after { margin-bottom: -14px; } .hint--right:before, .hint--right:after { left: 100%; bottom: 50% } .hint--right:hover:before { -webkit-transform: translateX(8px); transform: translateX(8px); } .hint--right:hover:after { -webkit-transform: translateX(8px); transform: translateX(8px); } .hint--left { white-space: nowrap; } .hint--left:before { margin-right: -11px; margin-bottom: -6px; } .hint--left:after { margin-bottom: -14px; } .hint--left:before, .hint--left:after { right: 100%; bottom: 50% } .hint--left:hover:before { -webkit-transform: translateX(-8px); transform: translateX(-8px); } .hint--left:hover:after { -webkit-transform: translateX(-8px); transform: translateX(-8px); } .hint--top-left:before { margin-bottom: -11px; } .hint--top-left:before, .hint--top-left:after { bottom: 100%; left: 50% } .hint--top-left:before { left: calc(50% - 6px); } .hint--top-left:after { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .hint--top-left:after { margin-left: 12px; } .hint--top-left:hover:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--top-left:hover:after { -webkit-transform: translateX(-100%) translateY(-8px); transform: translateX(-100%) translateY(-8px); } .hint--top-right:before { margin-bottom: -11px; } .hint--top-right:before, .hint--top-right:after { bottom: 100%; left: 50% } .hint--top-right:before { left: calc(50% - 6px); } .hint--top-right:after { -webkit-transform: translateX(0); transform: translateX(0); } .hint--top-right:after { margin-left: -12px; } .hint--top-right:hover:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--top-right:hover:after { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--bottom-left:before { margin-top: -11px; } .hint--bottom-left:before, .hint--bottom-left:after { top: 100%; left: 50% } .hint--bottom-left:before { left: calc(50% - 6px); } .hint--bottom-left:after { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .hint--bottom-left:after { margin-left: 12px; } .hint--bottom-left:hover:before { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--bottom-left:hover:after { -webkit-transform: translateX(-100%) translateY(8px); transform: translateX(-100%) translateY(8px); } .hint--bottom-right:before { margin-top: -11px; } .hint--bottom-right:before, .hint--bottom-right:after { top: 100%; left: 50% } .hint--bottom-right:before { left: calc(50% - 6px); } .hint--bottom-right:after { -webkit-transform: translateX(0); transform: translateX(0); } .hint--bottom-right:after { margin-left: -12px; } .hint--bottom-right:hover:before { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--bottom-right:hover:after { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--small:after, .hint--medium:after, .hint--large:after { white-space: normal; line-height: 1.4em; word-wrap: break-word; } .hint--small:after { width: 80px; } .hint--medium:after { width: 150px; } .hint--large:after { width: 300px; } .hint--always:after, .hint--always:before { opacity: 1; visibility: visible; } .hint--always.hint--top:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--always.hint--top:after { -webkit-transform: translateX(-50%) translateY(-8px); transform: translateX(-50%) translateY(-8px); } .hint--always.hint--top-left:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--always.hint--top-left:after { -webkit-transform: translateX(-100%) translateY(-8px); transform: translateX(-100%) translateY(-8px); } .hint--always.hint--top-right:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--always.hint--top-right:after { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--always.hint--bottom:before { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--always.hint--bottom:after { -webkit-transform: translateX(-50%) translateY(8px); transform: translateX(-50%) translateY(8px); } .hint--always.hint--bottom-left:before { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--always.hint--bottom-left:after { -webkit-transform: translateX(-100%) translateY(8px); transform: translateX(-100%) translateY(8px); } .hint--always.hint--bottom-right:before { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--always.hint--bottom-right:after { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--always.hint--left:before { -webkit-transform: translateX(-8px); transform: translateX(-8px); } .hint--always.hint--left:after { -webkit-transform: translateX(-8px); transform: translateX(-8px); } .hint--always.hint--right:before { -webkit-transform: translateX(8px); transform: translateX(8px); } .hint--always.hint--right:after { -webkit-transform: translateX(8px); transform: translateX(8px); } .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default !important; pointer-events: none; } .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100% } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { -webkit-filter: inherit; filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100% } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100% } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-slider .ui-slider-handle { background-color: #FFF; width: 16px; width: 1rem; height: 16px; height: 1rem; margin-left: -8px; margin-left: -0.5rem; border-radius: 100%; border: 1px solid #ccc; } .ui-slider .ui-slider-handle:focus { outline: none; } .ui-slider.ui-widget-content, .ui-slider .ui-slider-range { height: 6px; height: 0.375rem; } .ui-slider.ui-widget-content { background-color: #ccc; border-radius: 8px; border-radius: 0.5rem; } .ui-slider .ui-slider-range { background-color: #67b7bf; } .ps-container { -ms-touch-action: none; touch-action: none; overflow: hidden !important; -ms-overflow-style: none; } @supports (-ms-overflow-style: none) { .ps-container { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps-container { overflow: auto !important; } } .ps-container.ps-active-x>.ps-scrollbar-x-rail, .ps-container.ps-active-y>.ps-scrollbar-y-rail { display: block; background-color: transparent; } .ps-container.ps-in-scrolling { pointer-events: none; } .ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; } .ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x { background-color: #999; } .ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; } .ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y { background-color: #999; } .ps-container>.ps-scrollbar-x-rail { display: none; position: absolute; opacity: 0; transition: background-color .2s linear, opacity .2s linear; bottom: 0px; height: 15px; } .ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x { position: absolute; background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; bottom: 2px; height: 6px; } .ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x, .ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x { height: 11px; } .ps-container>.ps-scrollbar-y-rail { display: none; position: absolute; opacity: 0; transition: background-color .2s linear, opacity .2s linear; right: 0; width: 15px; } .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y { position: absolute; background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; right: 2px; width: 6px; } .ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y, .ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y { width: 11px; } .ps-container:hover.ps-in-scrolling { pointer-events: none; } .ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; } .ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x { background-color: #999; } .ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; } .ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y { background-color: #999; } .ps-container:hover>.ps-scrollbar-x-rail, .ps-container:hover>.ps-scrollbar-y-rail { opacity: 0.6; } .ps-container:hover>.ps-scrollbar-x-rail:hover { background-color: #eee; opacity: 0.9; } .ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x { background-color: #999; } .ps-container:hover>.ps-scrollbar-y-rail:hover { background-color: #eee; opacity: 0.9; } .ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y { background-color: #999; } .ps-scrollbar-y-rail, .ps-scrollbar-x-rail { background-color: transparent !important; } .zopim.up { margin-bottom: 62px !important; transition: all 0.25s ease-out !important; } @media screen and (max-width: 1024px) { .zopim { bottom: 0px !important; transition: none !important; } } .meshim_widget_components_chatButton_ButtonBar .button_bar { border: 1px solid !important; } @media screen and (max-width: 991px) { .player-displayed { margin-bottom: 62px !important; bottom: 0px !important; transition: all 0.25s ease-out !important; left: 12px !important; margin-right: 0px !important; } } .form-group.auto-width:before, .form-group-slider .scale:before, .task__wire-transfer-bank-accounts:before, .form-group.auto-width:after, .form-group-slider .scale:after, .task__wire-transfer-bank-accounts:after { content: " "; display: table; } .form-group.auto-width:after, .form-group-slider .scale:after, .task__wire-transfer-bank-accounts:after { clear: both; } .hero-catalog-ribbon__container__select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .button.disabled, .button[disabled], .button:disabled, fieldset[disabled] .button, .button-cart.disabled, .button-cart[disabled], .button-cart:disabled, fieldset[disabled] .button-cart, .s.payment-method.is-off, .pop-in.add-to-playlist .pop-in__playlist-add button.disabled, .pop-in.add-to-playlist .pop-in__playlist-add button:disabled, .pop-in.add-to-playlist .pop-in__playlist-add button[disabled], tr.processing { -webkit-filter: gray; filter: gray; filter: grayscale(1); -webkit-filter: grayscale(1); } .fullscreen-hero { background-size: cover; background-position: center center; } .product-summary__play:before, .thumb-list li>div>div:first-child:after, .playlist-pane .playlist-track .play .play-button:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.1; filter: alpha(opacity=10); background-color: #000; content: ""; z-index: 2; } .fullscreen-hero.patterned:after, .hero.patterned .hero-background:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.15; filter: alpha(opacity=15); background: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUY3OEFEMThFODExRTY5Nzc3OTJDNjBBQ0Q3RjhEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVGRUY3OEFFMThFODExRTY5Nzc3OTJDNjBBQ0Q3RjhEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUZFRjc4QUIxOEU4MTFFNjk3Nzc5MkM2MEFDRDdGOEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUZFRjc4QUMxOEU4MTFFNjk3Nzc5MkM2MEFDRDdGOEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4OywPHAAAAFklEQVR42mJgYGD4z0AE+E+hAECAAQD+agT8R5wZHwAAAABJRU5ErkJggg==); content: ""; z-index: 3; } .informational-overlay, .informational-overlay-track-pack, .navigation__mobile-overlay { position: fixed; height: 100%; top: 0; left: 0; right: 0; max-width: 100%; overflow-x: initial; overflow-y: scroll; opacity: 0; filter: alpha(opacity=0); background-color: #000; visibility: hidden; transition: all .3s linear; } .track-featured .cover, .thumb-list li>div, .hero { position: relative; width: 100%; padding-bottom: 100% } .track-featured .cover>div, .processing:before, .task.locked:after, .thumb-list li>div>div:first-child, .thumb-list li>div>div:last-child, .hero-background, .hero-content, .playlist-pane .playlist-track .information .layered-hover, .scheme__ball>div { position: absolute; right: 0; top: 0; left: 0; height: 100% } .fullscreen-hero { position: fixed; height: 100%; top: 0; left: 0; right: 0; } .track__actions, .track-information, .pop-in.add-to-playlist .pop-in__playlist-add, .product-summary, .error-notification, .form-inline-monofield, .form-group-paragraph, .notification__body, .picker-filter, .navigation__mobile-bar, .hero-track__time, .mini-player, .offer__category, .playlist-pane .playlist-picker, .playlist-pane .playlist-track>div:first-child, .scheme__ball>div, .search-module, .testimonials .testimonial, .triptych__title>div, .referral-table-header { display: table; width: 100% } .button>div, .button-icon>div, .button-play>div, .button-price-tag>div, .quantity-picker .minus>div, .quantity-picker .plus>div, .thumb-list li>div>div:last-child>div, .hero-content>div { display: table; width: 100%; height: 100% } .playlist-pane .tabs-nav { display: table; table-layout: fixed; width: 100% } .track__time__waveform, .track__time__duration, .track__time__bpm, .track__cta, .track-information>div, .pop-in.add-to-playlist .pop-in__playlist-add>div, .product-summary__cover, .product-summary__information, .error-notification>div, .form-group-paragraph>div, .notification__body>*, .picker-filter>div, .navigation__mobile-bar .actions, .navigation__mobile-bar .logo-link, .hero-track__duration, .hero-track__running-time, .mini-player__track, .mini-player__actions, .offer__category>div, .playlist-pane .playlist-picker>div, .playlist-pane .playlist-track>div:first-child>div, .scheme__ball>div>div, .search-module>div, .import-contacts-wrap>div, .referral-table-header>div { display: table-cell; vertical-align: middle; } .form-inline-monofield>div { display: table-cell; vertical-align: bottom; } .testimonials .testimonial>div { display: table-cell; vertical-align: top; } .button>div>div, .button-icon>div>div, .button-play>div>div, .button-price-tag>div>div, .quantity-picker .minus>div>div, .quantity-picker .plus>div>div, .thumb-list a, .thumb-list button, .hero-content>div>div, .playlist-pane .tabs-nav li, .triptych__title>div>div { display: table-cell; text-align: center; vertical-align: middle; } .track-information>div { width: 100%; max-width: 50px; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: auto; margin-right: auto; color: inherit; } .button .process, .button-cart .process, .button-cart.bordered.on-blue-background .process, .informational-link .icon, .informational-link-2 .icon, .product-summary__play, .hero-track__action .icon, .playlist-pane .playlist-track .play .play-button { position: absolute; top: 0; left: 0; } .modal-header [data-dismiss="modal"] { position: absolute; top: 0; right: 0; } .hero .link-corner { position: absolute; bottom: 0; right: 0; } .pill:before, .informational-overlay__cover-close, .informational-overlay-track-pack__cover-close { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .hero-track__waveform .button-play { position: absolute; left: 50%; top: 50% } .footer.is-lite { position: fixed; width: 100%; bottom: 0; left: 0; } .triptych__title, .dispatch h2 { border-bottom-width: 1px; border-bottom-width: 0.0625rem; border-bottom-color: #67b7bf; border-bottom-style: solid; } .offer__product .price, .offer__product .old-price { border-bottom-width: 1px; border-bottom-width: 0.0625rem; border-bottom-color: #ccc; border-bottom-style: solid; } .button, .button-icon, .button-play, .button-price-tag, .quantity-picker .minus, .quantity-picker .plus { appearance: none; -moz-appearance: none; -webkit-appearance: none; display: inline-block; vertical-align: middle; line-height: 1.334; position: relative; text-decoration: none; color: #FFF; } .button:hover, .button-icon:hover, .button-play:hover, .button-price-tag:hover, .quantity-picker .minus:hover, .quantity-picker .plus:hover, .button:active, .button-icon:active, .button-play:active, .button-price-tag:active, .quantity-picker .minus:active, .quantity-picker .plus:active, .button:visited, .button-icon:visited, .button-play:visited, .button-price-tag:visited, .quantity-picker .minus:visited, .quantity-picker .plus:visited, .button:focus, .button-icon:focus, .button-play:focus, .button-price-tag:focus, .quantity-picker .minus:focus, .quantity-picker .plus:focus { text-decoration: none; } .button:focus, .button-icon:focus, .button-play:focus, .button-price-tag:focus, .quantity-picker .minus:focus, .quantity-picker .plus:focus { outline: 0; } .is-active.button, .is-active.button-cart, .is-active.button-price-tag { -webkit-animation: button-is-active .4s linear; animation: button-is-active .4s linear; } @-webkit-keyframes button-is-active { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes button-is-active { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .button, .button-cart { background-color: #67b7bf; } .button:hover, .button-cart:hover { background-color: #48a2ab; cursor: pointer; text-decoration: none; } .is-on.button-icon .icon { color: #67b7bf; } .button-icon .icon+.icon, .button-play .icon+.icon { display: none; } .button-icon .icon-data+.icon-data, .button-play .icon-data+.icon-data { display: none; } .is-switched-on.button-icon .icon:first-child, .is-switched-on.button-play .icon:first-child { display: none; } .is-switched-on.button-icon .icon:last-child, .is-switched-on.button-play .icon:last-child { display: inline-block; } .is-switched-on.button-icon .icon-data:first-child, .is-switched-on.button-play .icon-data:first-child { display: none; } .is-switched-on.button-icon .icon-data:last-child, .is-switched-on.button-play .icon-data:last-child { display: inline-block; } .track-featured .cover img, .thumb-list img, .showcase__screen img { width: 100%; height: auto; } .track-information .tags, .hero-track__tags { display: inline; list-style: none; } .track-information .tags>li, .hero-track__tags>li { display: inline; } .track-information .tags>li:after, .hero-track__tags>li:after { content: ', ' } .track-information .tags>li:last-child:after, .hero-track__tags>li:last-child:after { content: '' } .button-price-tag>div>div:last-child span { font-size: 9px; font-size: 0.5625rem; } .button-cart.text-smaller .button-cart-text-container, .pill, .navigation__mobile-bar .actions.secondary .iconic-link span, .cart__total.grand, .not-contractual-ribbon, .credits-table.table-b td span { font-size: 10px; font-size: 0.625rem; } .product-access__subheading span, .base-table__primary span, .base-table__referral-amount span, .button-cart .button-cart-text-container p .secondary, .button-cart .button-cart-text-container .pricing, .track__time__duration, .track__time__bpm, .track-information .artist-name, .track-information .tags, .product-summary__author, .product-summary__additional, .checkbox.certify label, label.error, label.success, .help-block, .form-group-slider .scale span, .catalog-comparison__licenses-row .price-tag span, .catalog-comparison__coverage-row .scale-price, .catalog-comparison-v2__licenses-row .price-tag span, .catalog-comparison-v2__coverage-row .scale-price, .footer .copyright p, .hero-track__duration, .hero-track__running-time, .link-map.discreet .tabs button, .mini-player__track .artist, .player-full .track-container .track-text .artist, .offer__product .price-year, .offer__product .old-price-year, .offer__product .information ul, .playlist-pane .playlist-track>.info, .testimonials .testimonial .function, .referral-earnings .total { font-size: 11px; font-size: 0.6875rem; } .chosen-container .chosen-drop, a.action, .button, .button-price-tag, .pop-in.add-to-playlist .pop-in__playlist-add button, .playlist-pane .tabs-nav li, .playlist-pane .playlist-track .information .layered-hover, .base-table__tertiary, .base-table__state, a.action-discreet, a.action-discreet-color, .button-icon span, .button-price-tag>div>div:last-child span.regular-price, .button-checkbox label, .stroked-heading, .client-space-heading span, p.small, .informational-link, .informational-link-2, .informational-overlay__title, .informational-overlay-track-pack__title, .pop-in, .product-bought, .product-summary, .description-table__archive-download a, .base-table th, .error-notification>div:last-child, legend, .form-group label:not(.error), .label, input[type="file"], .checkbox-button label, .input-vat-country-prefix, .modal-header [data-dismiss="modal"] .icon, .notification__close button .icon, .reseller-csv-error-list, .reseller-csv-format .title, .task__date, .task dl, .thumb-list .icon, .navigation__pane .link, .navigation__pane .secondary .links.second-level li a, .navigation__pane .secondary .links.second-level li button, .navigation__pane .aside-level .iconic-link span, .cart__total.exclude-tax, .cart__total.tax, .cart-after__promocode-trigger, .catalog-comparison__licenses-row .offer-subheading, .catalog-comparison__licenses-row .price-appendix, .catalog-comparison__coverage-row p, .catalog-comparison__coverage-row .icon, .catalog-comparison-v2__licenses-row .offer-subheading, .catalog-comparison-v2__licenses-row .price-appendix, .catalog-comparison-v2__coverage-row p, .catalog-comparison-v2__coverage-row .icon, .footer .link-group-heading, .footer .link-group, .hero .link-corner, .hero-catalog-ribbon__container__tree-item, .hero-catalog-ribbon__container__select select, .hero-catalog-ribbon__container__select:after, .hero-track__tags, .hero-track__action, .hero-track__tease, .link-map .link-group li .more, .offer__product .price span, .offer__product .old-price span, .offer-category, .scheme__ball, .search-module .chosen-container .chosen-results li.group-result, .showcase__author, .showcase__description, .credits-table td:nth-child(3), .credits-table td:nth-child(4), .credits-table.table-b td { font-size: 12px; font-size: 0.75rem; } .button-cart, .informational-block, .button-list.login>li, .pop-in__tooltip, .checkbox label, .checkbox-inline label, .radio label, .radio-inline label, .navigation__pane .secondary .links.second-level.reseller li:first-of-type, .navigation__pane .top-level>li>a, .navigation__pane .aside-level .iconic-link span, .emphasized-ribbon__heading { font-size: 13px; font-size: 0.8125rem; } .chosen-container, .product-access__subheading, .base-table__primary, .base-table__referral-amount, .base-table__secondary, .l-side-menu__navigation__lists>li .heading, .l-side-menu__navigation__list, a.simple, .button-price-tag>div>div:last-child, .client-space-heading a, .asterisk-info, .informational-overlay__list, .informational-overlay p, .informational-overlay-track-pack__list, .informational-overlay-track-pack p, .track-information .title, .pop-in__heading, .pop-in__links, .pop-in.add-to-playlist .pop-in__playlist-add input, .product-access__heading, .mobile-tease__headline, .product-bought__use span, .product-summary__product, .description-table, .search-filter__lists>li .heading, .search-filter__list, .form-control, .modal-body, .modal .informations .button-checkbox .content-displaying, .modal-content.licence-default-choice .modal-body>p, .notification__text, .picker-list .hitbox, .referral-subscription-container p:last-of-type, .widget .content ul>li .infos p, .widget .content ul>li .actions p, .widget[catalog][track-pack] header>div .secondary-container .remaining-tracks, .cart, .catalog-comparison__licenses-row .price-tag, .catalog-comparison-v2__licenses-row .price-tag, .hero-in-store-ribbon p, .hero-track__artist-name, .mini-player__track .title, .player-full .track-container .track-text .title, .offer__product.licence .body h3 div, .offer__product.trackpacks .pack-displaying .pack h3 div, .offer__product.exclusive .exclusive-offer .pack h3 div, .offer__product .information p, .offer-subheading, .playlist-pane .tabs-content .informational, .promocode-ribbon_countdown .item .unit, .search-module .chosen-container .chosen-results li, .credits-table th, .credit-perks, .paypal-change { font-size: 14px; font-size: 0.875rem; } .section-sub-menu .sub-menu li { font-size: 15px; font-size: 0.9375rem; } .button-cart.small .button-cart-text-container .pricing span, .heading.h2, .product-bought__title, .form-control.branded, .form-control.discreet, .form-checkbox-buttons-group__expand-trigger, .modal-title, .quantity-picker .field, .widget[referrals] .referral-subscription-container>p, .widget[referrals] .referral-subscription-container[expired] .expired-text, .catalog-comparison__coverage-row .heading, .catalog-comparison-v2__coverage-row .heading, .emphasized-ribbon__contact-item .data, .hero p, .pagination a, .pagination span:not(.pager-gap), .promocode-ribbon, .scheme__link-money, .credits-table td:nth-child(4) span, .dispatch h2 { font-size: 16px; font-size: 1rem; } .container.max-width .client-space-heading, .section header h1, .section header h2, .triptych__category, .triptych__upside-title, .offer__product.trackpacks .pack-selector .pack .discount, .heading.overlay+h2, .client-space-heading, .modal-content.licence-default-choice .modal-body .track-pack, .quantity-picker .minus, .quantity-picker .plus, .quantity-picker.large .field, .section header .cta-info, .section .bigger, .offer__product.exclusive .exclusive-offer .pack .offer-heading, .offer-heading, .triptych__title, #page-myaccount-dashboard-v2 .client-space-heading { font-size: 18px; font-size: 1.125rem; } .l-side-menu__navigation__heading, .informational-overlay__heading, .informational-overlay-track-pack__heading, .search-filter__heading, .offer__product.licence .body .offer-heading, .offer__product.trackpacks .pack-displaying .pack .offer-heading, .slides-content .slide__caption h2 { font-size: 20px; font-size: 1.25rem; } .widget header h1 { font-size: 22px; font-size: 1.375rem; } .funnel-heading, .mobile-tease__headline span, .quantity-picker.large .minus, .quantity-picker.large .plus, .task__heading, .hero-track__title, .offer__product.trackpacks .pack-displaying .pack h3, .showcase__title { font-size: 24px; font-size: 1.5rem; } .modal-content.licence-default-choice .modal-header .modal-title, .emphasized-ribbon__heading div, .offer__product.trackpacks .pack-selector .pack .discount .discount-amount, .slides-content .slide__caption h1 { font-size: 28px; font-size: 1.75rem; } .offer__product.licence .body h3 { font-size: 30px; font-size: 1.875rem; } .heading, .funnel-heading.large, .offer__product.exclusive .exclusive-offer .pack h3, .promocode-ribbon_countdown .item .value, .referral-earnings .total span { font-size: 32px; font-size: 2rem; } a.action, .button, .button-price-tag, .pop-in.add-to-playlist .pop-in__playlist-add button, .playlist-pane .tabs-nav li, .playlist-pane .playlist-track .information .layered-hover, .button-cart, a.action-discreet, a.action-discreet-color, .button-price-tag>div>div:last-child, .stroked-heading, .button-list.login>li, legend, .form-group label:not(.error), .label, .catalog-comparison__licenses-row .price-tag, .catalog-comparison-v2__licenses-row .price-tag, .pagination a, .pagination span:not(.pager-gap), .scheme>*, .scheme__ball { letter-spacing: 1px; letter-spacing: 0.0625rem; } a.action, .button, .button-price-tag, .pop-in.add-to-playlist .pop-in__playlist-add button, .playlist-pane .tabs-nav li, .playlist-pane .playlist-track .information .layered-hover { font-family: "futurademi", Arial, sans-serif; text-transform: uppercase; text-decoration: none; } .button-cart { font-family: "futurademi", Arial, sans-serif; text-transform: uppercase; text-decoration: none; color: #FFF; } .button-checkbox label, .checkbox-button label, .picker-list .hitbox, .playlist-pane .playlist-track .information .layered-hover { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .hero-track__information a:link, .hero-track__information a:visited { text-decoration: none; color: inherit; } .hero-track__information a:hover, .hero-track__information a:active { text-decoration: underline; } .informational-block__perks li:before, .modal-body ul.bullet li:before, .triptych__fact:before { font-family: "jamendo-all-icons"; content: ""; padding-right: 4px; padding-right: 0.25rem; -webkit-transform: translateY(-1px); transform: translateY(-1px); display: inline-block; line-height: 1; font-size: 16px; font-size: 1rem; vertical-align: middle; } .base-table th.sortable:after { font-family: "jamendo-all-icons"; content: ""; padding-left: 4px; padding-left: 0.25rem; -webkit-transform: translateY(-1px); transform: translateY(-1px); display: inline-block; line-height: 1; font-size: 16px; font-size: 1rem; vertical-align: middle; } .product-bought__project, .product-summary__information>div, .mini-player__track>div { display: table; table-layout: fixed; width: 100% } .product-bought__project>div, .product-summary__information>div>div, .mini-player__track>div>div { display: table-cell; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } label { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .heading.overlay, .heading.overlay+h2, .thumb-list h2, .hero p, .dispatch h2, .dispatch p { -webkit-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4); -moz-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4); -ms-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4); -o-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4); text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4); } .base-table__tertiary { color: gray; } .product-access__subheading, .base-table__primary, .base-table__referral-amount { color: #4d4d4d; } .product-access__subheading span, .base-table__primary span, .base-table__referral-amount span { color: gray; } .base-table__state { color: #67b7bf; font-family: "futurademi", Arial, sans-serif; text-transform: uppercase; } .base-table__secondary { color: gray; } .section header h1, .section header h2, .triptych__category, .triptych__upside-title { color: #67b7bf; text-transform: uppercase; font-family: "futurademi", Arial, sans-serif; } @-webkit-keyframes move-from-top-opacity { 0% { top: 50px; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); } 100% { top: 100%; opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes move-from-top-opacity { 0% { top: 50px; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); } 100% { top: 100%; opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in { margin-left: 0; margin-top: 7px; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in>* { font-family: "futurabook", Arial, sans-serif; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul { padding: 0.5rem 0; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul li { line-height: 2; padding: 0 8px; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul li a { display: block; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul li a:hover { background-color: #4d4d4d; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in.white-rounded-shadow ul li { padding: 0; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in.white-rounded-shadow ul li a { text-decoration: none; text-transform: none; text-align: left; color: #646464; margin: 2px 10px; padding: 5px 0px 5px 10px; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in.white-rounded-shadow ul li a:hover { background-color: #ebebeb; } .button-checkbox.pop-in-expand input[type="checkbox"], .button-checkbox.pop-in-expand input[type="radio"] { display: none; } .button-checkbox.pop-in-expand input[type="checkbox"]:checked+label, .button-checkbox.pop-in-expand input[type="radio"]:checked+label { color: #67b7bf; } .button-checkbox.pop-in-expand input[type="checkbox"]:checked~.pop-in-wrapper, .button-checkbox.pop-in-expand input[type="radio"]:checked~.pop-in-wrapper { display: block; } .checkbox-multi-display .content { display: inline-block; } .checkbox-multi-display .content label { width: 160px; } .checkbox-multi-display .content label .icon { display: inline-block; position: relative; transition: -webkit-transform 0.3s; transition: transform 0.3s; } .checkbox-multi-display .content label .icon::before { position: absolute; top: 4px; right: -3px; } .checkbox-multi-display input[type="checkbox"], .checkbox-multi-display input[type="radio"] { display: none; } .checkbox-multi-display input[type="checkbox"]~section .content-displaying, .checkbox-multi-display input[type="radio"]~section .content-displaying { max-height: 0; transition: max-height 0.6s cubic-bezier(0, 1, 0, 1); display: block; overflow: hidden; } .checkbox-multi-display input[type="checkbox"]:checked~section .content-displaying, .checkbox-multi-display input[type="radio"]:checked~section .content-displaying { max-height: 999px; transition: max-height 0.6s cubic-bezier(1, 0, 1, 0); } .checkbox-multi-display input[type="checkbox"]:checked~section label, .checkbox-multi-display input[type="radio"]:checked~section label { background-color: #FFF; color: #67b7bf; } .checkbox-multi-display input[type="checkbox"]:checked~section label .icon, .checkbox-multi-display input[type="radio"]:checked~section label .icon { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate(7px, -1px) rotate(90deg); transform: translate(7px, -1px) rotate(90deg); } .checkbox-multi-display input[type="checkbox"]:checked~section label .icon::before, .checkbox-multi-display input[type="radio"]:checked~section label .icon::before { right: -6px; } .section.container input#checker[type="checkbox"] { display: none; } .section.container input#checker[type="checkbox"]~.offer .content-displaying { max-height: 0; transition: max-height 0.6s cubic-bezier(0, 1, 0, 1); display: block; overflow: hidden; } .section.container input#checker[type="checkbox"]:checked~.offer .content-displaying { max-height: 999px; transition: max-height 0.6s cubic-bezier(1, 0, 1, 0); } .section.container input#checker[type="checkbox"]:checked~.offer label { background-color: transparent; color: #67b7bf; } .section.container input#checker[type="checkbox"]:checked~.offer label .icon { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate(7px, -1px) rotate(90deg); transform: translate(7px, -1px) rotate(90deg); } .section.container input#checker[type="checkbox"]:checked~.offer label .icon::before { right: -6px; } .tgl { display: none; } .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl+.tgl-btn { box-sizing: border-box; } .tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl+.tgl-btn::-moz-selection { background: none; } .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl+.tgl-btn::selection { background: none; } .tgl+.tgl-btn { outline: 0; display: block; width: 4em; height: 2em; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .tgl+.tgl-btn:after, .tgl+.tgl-btn:before { position: relative; display: block; content: ""; width: 50%; height: 100% } .tgl+.tgl-btn:after { left: 0; } .tgl+.tgl-btn:before { display: none; } .tgl:checked+.tgl-btn:after { left: 50% } .tgl-light+.tgl-btn { background: #b3b3b3; border-radius: 2em; padding: 2px; transition: all .4s ease; } .tgl-light+.tgl-btn:after { border-radius: 50%; background: #fff; transition: all .2s ease; } .tgl-light:checked+.tgl-btn { background: #67b7bf; } .toggle_radio { position: relative; background-color: #67b7bf; margin: 4px auto; overflow: hidden; padding: 0 !important; border-radius: 50px; position: relative; height: 30px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .toggle_radio>* { float: left; } .toggle_radio input[type=radio] { display: none; } .toggle_radio #first_toggle:checked~.toggle_option_slider { background-color: #afd9dd; left: 3px; width: 42% } .toggle_radio #second_toggle:checked~.toggle_option_slider { background-color: #afd9dd; left: calc(42%+6px); width: 23% } .toggle_radio #third_toggle:checked~.toggle_option_slider { background-color: #afd9dd; left: calc(65%+15px); width: 28% } .toggle_radio .toggle_option_slider { width: 100px; height: 24px; position: absolute; top: 3px; border-radius: 50px; transition: all .4s ease; background-color: rgba(255, 255, 255, 0.3); } .toggle_radio label, .toggle_radio .button-checkbox label { color: rgba(255, 255, 255, 0.9); z-index: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto; height: 24px; margin: 3px 3px; -webkit-border-radius: 50px; border: 1px solid rgba(0, 0, 0, 0.15) !important; border-radius: 50px; cursor: pointer; z-index: 1; text-align: center; } .toggle_radio label p, .toggle_radio .button-checkbox label p { margin: 0; text-align: center; width: 100%; color: #FFF; text-transform: initial; } .button-checkbox.default label { color: #b3b3b3; } .button-burger { display: inline-block; } .button-burger input[type="checkbox"] { display: none; } .button-burger label { margin: 0; line-height: 1; } .button-burger.no-border label { background-color: transparent; color: #67b7bf; border: none; padding: 0; text-align: left; } .button-burger.no-border input[type="checkbox"] { display: none; } .button-burger.no-border input[type="checkbox"]:checked+label { background-color: transparent !important; color: #67b7bf; } .button-burger.no-border input[type="checkbox"]:checked~.content-displaying { display: block; } .button-burger .hamburger { padding: 12px 11px; display: inline-block; cursor: pointer; transition-property: opacity, -webkit-filter, opacity, filter; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; line-height: 0.6; } .button-burger .hamburger:hover { opacity: 0.7; } .button-burger .hamburger-box { width: 18px; height: 16px; display: inline-block; position: relative; } .button-burger .hamburger-inner { display: block; top: 50%; margin-top: -1px; } .button-burger .hamburger-inner, .button-burger .hamburger-inner::before, .button-burger .hamburger-inner::after { width: 18px; height: 2px; background-color: #fff; border-radius: 4px; position: absolute; transition-property: -webkit-transform; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .button-burger .hamburger-inner::before, .button-burger .hamburger-inner::after { content: ""; display: block; } .button-burger .hamburger-inner::before { top: -7px; } .button-burger .hamburger-inner::after { bottom: -7px; } .button-burger .hamburger--elastic-r .hamburger-inner { top: 1px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .button-burger .hamburger--elastic-r .hamburger-inner::before { top: 7px; transition: opacity 0.125s 0.275s ease; } .button-burger .hamburger--elastic-r .hamburger-inner::after { top: 14px; transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .button-burger input[type="checkbox"]:checked+label { background-color: #FFF; color: #67b7bf; } .button-burger input[type="checkbox"]:checked+label .hamburger--elastic-r { background-color: #8bc8ce; border-radius: 50%; transition: background-color .10s linear; } .button-burger input[type="checkbox"]:checked+label .hamburger--elastic-r:hover { opacity: 1; background-color: rgba(139, 200, 206, 0.7); } .button-burger input[type="checkbox"]:checked+label .hamburger--elastic-r .hamburger-box .hamburger-inner { -webkit-transform: translate3d(0, 7px, 0) rotate(-135deg); transform: translate3d(0, 7px, 0) rotate(-135deg); transition-delay: 0.075s; } .button-burger input[type="checkbox"]:checked+label .hamburger--elastic-r .hamburger-box .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .button-burger input[type="checkbox"]:checked+label .hamburger--elastic-r .hamburger-box .hamburger-inner::after { -webkit-transform: translate3d(0, -14px, 0) rotate(270deg); transform: translate3d(0, -14px, 0) rotate(270deg); transition-delay: 0.075s; } @media only screen and (max-width: 768px) { .button-burger .hamburger: hover { opacity: 1; } .button-burger input[type="checkbox"]:checked+label .hamburger--elastic-r:hover { opacity: 1; } } .heading { font-weight: "futurabook", Arial, sans-serif; line-height: 1.2; display: block; text-align: center; margin-bottom: 0; } .heading.left { text-align: left; } .heading.add { font-size: 44px; font-size: 2.75rem; font-family: "futurademi", Arial, sans-serif; } @media only screen and (max-width: 992px) { .heading.add { font-size: 32px; font-size: 2rem; } } .heading.h2 { margin-top: 8px; margin-top: 0.5rem; margin-bottom: 32px; margin-bottom: 2rem; font-family: "futurademi", Arial, sans-serif; display: block; line-height: 1.2; } .heading.h2.grey { color: gray; } .heading.overlay { color: #FFF; } .heading.overlay .main-title { display: block; text-transform: uppercase; margin-top: 12px; } .heading.overlay+h2 { color: #FFF; font-family: "futurademi", Arial, sans-serif; line-height: 1.2; margin-top: 4px; margin-top: 0.25rem; } .heading.overlay+h2.space-top { margin-top: 12px; margin-top: 0.75rem; } @media only screen and (min-width: 768px) { .heading { font-size: 28px; font-size: 1.75rem; } } @media only screen and (min-width: 992px) { .heading { font-size: 40px; font-size: 2.5rem; } .heading .main-title { font-size: 48px; font-size: 3rem; } .heading.overlay+h2 { font-size: 21.6px; font-size: 1.35rem; } } @media only screen and (min-width: 1200px) { .heading { font-size: 48px; font-size: 3rem; } .heading .main-title { font-size: 56px; font-size: 3.5rem; } .heading.h2 { margin-top: 10px; } } .funnel-heading { font-family: "futurademi", Arial, sans-serif; color: #67b7bf; margin: 48px 0 16px; margin: 3rem 0 1rem; } .funnel-heading.large { text-align: center; } .funnel-heading.discreet { color: #999; } .stroked-heading { position: relative; text-align: center; padding: 0 16px; padding: 0 1rem; margin-top: 48px; margin-top: 3rem; } .stroked-heading span { background-color: #FFF; display: inline-block; padding: 0 8px; padding: 0 0.5rem; } .client-space-heading { padding: 0 0 16px; padding: 0 0 1rem; margin-bottom: 32px; margin-bottom: 2rem; border-bottom: 1px solid #ccc; } .client-space-heading:not(:first-child) { margin-top: 64px; margin-top: 4rem; } .client-space-heading span { color: #67b7bf; } .client-space-heading a, .client-space-heading button { float: right; } hr { border: 0; height: 1px; background: #ccc; margin: 48px 0; margin: 3rem 0; } hr[rounded] { background-color: #66B6BE; border: 1px solid #66B6BE; border-radius: 7px 7px 7px 7px; height: 2px; width: 100%; margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 20px; } hr[bottom-0] { margin-bottom: 0; } h1[underline-rounded], h2[underline-rounded], h3[underline-rounded], h4[underline-rounded], h5[underline-rounded], h6[underline-rounded] { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: auto; margin-right: auto; } .hint--custom::before { display: none; } .hint--custom::after { color: white; border-radius: 5px 5px 5px 5px; background: #838282; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } .hint--bottom.hint--custom::after { box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.25); } .hint--top-left.hint--custom::after { left: 0%; border-radius: 5px 5px 0px 5px; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); margin-left: 0; } .hint--top-right.hint--custom::after { left: 100%; border-radius: 5px 5px 5px 0px; margin-left: 0; } .hint--bottom-left.hint--custom::after { left: 0%; border-radius: 5px 0px 5px 5px; box-shadow: 4px -4px 4px rgba(0, 0, 0, 0.25); margin-left: 0; } .hint--bottom-right.hint--custom::after { left: 100%; border-radius: 0px 5px 5px 5px; box-shadow: -4px -4px 4px rgba(0, 0, 0, 0.25); margin-left: 0; } .icon-data { position: relative; display: inline-block; font-family: "jamendo-all-icons"; font-style: normal; font-weight: 400; text-transform: none; text-transform: none; line-height: 1; } .icon { color: inherit; position: relative; display: inline-block; font-family: "jamendo-all-icons"; font-style: normal; font-weight: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-transform: none; font-size: 16px; font-size: 1rem; height: 16px; height: 1rem; width: 16px; width: 1rem; line-height: 1; speak: none; } .icon.red { color: red; } .icon.big { font-size: 40px; font-size: 2.5rem; height: 40px; height: 2.5rem; width: 40px; width: 2.5rem; } .icon.large { font-size: 32px; font-size: 2rem; height: 32px; height: 2rem; width: 32px; width: 2rem; } .icon.medium-large { font-size: 28px; font-size: 1.75rem; height: 28px; height: 1.75rem; width: 28px; width: 1.75rem; } .icon.medium { font-size: 24px; font-size: 1.5rem; height: 24px; height: 1.5rem; width: 24px; width: 1.5rem; } .icon.medium-small { font-size: 22px; font-size: 1.375rem; height: 22px; height: 1.375rem; width: 22px; width: 1.375rem; } .icon.small { font-size: 12px; font-size: 0.75rem; height: 12px; height: 0.75rem; width: 12px; width: 0.75rem; } .icon-add-to-playlist:before { content: "" } .icon-add-thin:before { content: "" } .icon-album:before { content: "" } .icon-camera:before { content: "" } .icon-chevron-thiner:before { content: "" } .icon-clockwise:before { content: "" } .icon-comment-2:before { content: "" } .icon-counterclockwise:before { content: "" } .icon-cross-delete-2:before { content: "" } .icon-cross-delete-full:before { content: "" } .icon-date:before { content: "" } .icon-duration:before { content: "" } .icon-edit-rounded:before { content: "" } .icon-external-link:before { content: "" } .icon-flag:before { content: "" } .icon-follow:before { content: "" } .icon-go-to:before { content: "" } .icon-go-to-light:before { content: "" } .icon-handle:before { content: "" } .icon-hexagon-mask:before { content: "" } .icon-info-full-new2:before { content: "" } .icon-info-new2:before { content: "" } .icon-lock:before { content: "" } .icon-music-listened:before { content: "" } .icon-pause-rounded:before { content: "" } .icon-phone:before { content: "" } .icon-picture:before { content: "" } .icon-playlist:before { content: "" } .icon-playlist-access:before { content: "" } .icon-play-next:before { content: "" } .icon-play-stroke:before { content: "" } .icon-play-stroke-full:before { content: "" } .icon-profile:before { content: "" } .icon-queue-access:before { content: "" } .icon-remove-from-playlist:before { content: "" } .icon-send:before { content: "" } .icon-sort-full:before { content: "" } .icon-sort-stroke:before { content: "" } .icon-thumbs-down:before { content: "" } .icon-thumbs-up:before { content: "" } .icon-triangle-fill:before { content: "" } .icon-triangle-full:before { content: "" } .icon-too-old:before { content: "" } .icon-undo:before { content: "" } .icon-video-bold:before { content: "" } .icon-vk:before { content: "" } .icon-volume-minus:before { content: "" } .icon-add:before { content: "" } .icon-add-to-queue:before { content: "" } .icon-alert-full:before { content: "" } .icon-alert-line:before { content: "" } .icon-archive:before { content: "" } .icon-arrow-bullet:before { content: "" } .icon-breadcrumb:before { content: "" } .icon-cart:before { content: "" } .icon-cart-new:before { content: "" } .icon-cart-new2:before { content: "" } .icon-cart-new2-add:before { content: "" } .icon-cart-new2-added:before { content: "" } .icon-cart-new-add:before { content: "" } .icon-cc:before { content: "" } .icon-cc-by:before { content: "" } .icon-cc-nc:before { content: "" } .icon-cc-nd:before { content: "" } .icon-cc-sa:before { content: "" } .icon-certificate:before { content: "" } .icon-check:before { content: "" } .icon-checkbox-checked-bordered:before { content: "" } .icon-checkbox-checked-plain:before { content: "" } .icon-checkbox-unchecked:before { content: "" } .icon-chevron-down:before { content: "" } .icon-chevron-left:before { content: "" } .icon-chevron-new2:before { content: "" } .icon-chevron-right:before { content: "" } .icon-chevron-up:before { content: "" } .icon-close:before { content: "" } .icon-comment:before { content: "" } .icon-copy:before { content: "" } .icon-credit-card-back:before { content: "" } .icon-credit-card-front:before { content: "" } .icon-cross-delete:before { content: "" } .icon-download:before { content: "" } .icon-download-thin:before { content: "" } .icon-edit:before { content: "" } .icon-error-4xx:before { content: "" } .icon-error-5xx:before { content: "" } .icon-facebook:before { content: "" } .icon-facebook-f:before { content: "" } .icon-fast-backward:before { content: "" } .icon-fast-forward:before { content: "" } .icon-filter:before { content: "" } .icon-globe:before { content: "" } .icon-heart:before { content: "" } .icon-heart-on:before { content: "" } .icon-hexagon:before { content: "" } .icon-hexagon-on:before { content: "" } .icon-history:before { content: "" } .icon-home:before { content: "" } .icon-info-full-new21:before { content: "" } .icon-info-new21:before { content: "" } .icon-information:before { content: "" } .icon-instagram:before { content: "" } .icon-licence-lt_large_x:before { content: "" } .icon-licence-lt_personal_x:before { content: "" } .icon-licence-lt_standard_x:before { content: "" } .icon-link:before { content: "" } .icon-linkedin:before { content: "" } .icon-mail:before { content: "" } .icon-menu:before { content: "" } .icon-menu-secondary:before { content: "" } .icon-menu-tradingdesk:before { content: "" } .icon-messenger:before { content: "" } .icon-music-note:before { content: "" } .icon-mute:before { content: "" } .icon-my-music-tradingdesk:before { content: "" } .icon-my-music-tradingdesk2:before { content: "" } .icon-next:before { content: "" } .icon-pause:before { content: "" } .icon-pdf:before { content: "" } .icon-phone1:before { content: "" } .icon-play:before { content: "" } .icon-previous:before { content: "" } .icon-queue:before { content: "" } .icon-radio-checked-chevron:before { content: "" } .icon-radio-checked-chevron-plain:before { content: "" } .icon-radio-checked-round:before { content: "" } .icon-radio-unchecked:before { content: "" } .icon-reddit:before { content: "" } .icon-refine:before { content: "" } .icon-remove:before { content: "" } .icon-repeat:before { content: "" } .icon-repeat-one:before { content: "" } .icon-repost:before { content: "" } .icon-sad:before { content: "" } .icon-search:before { content: "" } .icon-share:before { content: "" } .icon-share-stroke:before { content: "" } .icon-share-video:before { content: "" } .icon-shuffle:before { content: "" } .icon-similar:before { content: "" } .icon-skip-next:before { content: "" } .icon-skip-previous:before { content: "" } .icon-sort:before { content: "" } .icon-sound:before { content: "" } .icon-streaming:before { content: "" } .icon-trash:before { content: "" } .icon-twitter:before { content: "" } .icon-user:before { content: "" } .icon-user-new2:before { content: "" } .icon-video:before { content: "" } .icon-volume:before { content: "" } .icon-warning:before { content: "" } .icon-wrong:before { content: "" } .icon-youtube:before { content: "" } .icon-add-to-playlist-s:before { content: "" } .icon-add-to-queue-s:before { content: "" } .icon-close-s:before { content: "" } .icon-comment-s:before { content: "" } .icon-date-s:before { content: "" } .icon-download-s:before { content: "" } .icon-duration-s:before { content: "" } .icon-external-link-s:before { content: "" } .icon-flag-s:before { content: "" } .icon-follow-s:before { content: "" } .icon-handle-s:before { content: "" } .icon-heart-on-s:before { content: "" } .icon-lock-s:before { content: "" } .icon-menu-secondary-s:before { content: "" } .icon-pause-s:before { content: "" } .icon-picture-s:before { content: "" } .icon-playlist-access-s:before { content: "" } .icon-queue-access-s:before { content: "" } .icon-repost-s:before { content: "" } .icon-send-s:before { content: "" } .icon-share-s:before { content: "" } .icon-sort-s:before { content: "" } .icon-thumbs-down-s:before { content: "" } .icon-thumbs-up-s:before { content: "" } .icon-play-s:before { content: "" } .icon-user-s:before { content: "" } .icon-data-add-to-playlist:before { content: "" } .icon-data-add-thin:before { content: "" } .icon-data-album:before { content: "" } .icon-data-camera:before { content: "" } .icon-data-chevron-thiner:before { content: "" } .icon-data-clockwise:before { content: "" } .icon-data-comment-2:before { content: "" } .icon-data-counterclockwise:before { content: "" } .icon-data-cross-delete-2:before { content: "" } .icon-data-cross-delete-full:before { content: "" } .icon-data-date:before { content: "" } .icon-data-duration:before { content: "" } .icon-data-edit-rounded:before { content: "" } .icon-data-external-link:before { content: "" } .icon-data-flag:before { content: "" } .icon-data-follow:before { content: "" } .icon-data-go-to:before { content: "" } .icon-data-go-to-light:before { content: "" } .icon-data-handle:before { content: "" } .icon-data-hexagon-mask:before { content: "" } .icon-data-info-full-new2:before { content: "" } .icon-data-info-new2:before { content: "" } .icon-data-lock:before { content: "" } .icon-data-music-listened:before { content: "" } .icon-data-pause-rounded:before { content: "" } .icon-data-phone:before { content: "" } .icon-data-picture:before { content: "" } .icon-data-playlist:before { content: "" } .icon-data-playlist-access:before { content: "" } .icon-data-play-next:before { content: "" } .icon-data-play-stroke:before { content: "" } .icon-data-play-stroke-full:before { content: "" } .icon-data-profile:before { content: "" } .icon-data-queue-access:before { content: "" } .icon-data-remove-from-playlist:before { content: "" } .icon-data-send:before { content: "" } .icon-data-sort-full:before { content: "" } .icon-data-sort-stroke:before { content: "" } .icon-data-thumbs-down:before { content: "" } .icon-data-thumbs-up:before { content: "" } .icon-data-triangle-fill:before { content: "" } .icon-data-triangle-full:before { content: "" } .icon-data-too-old:before { content: "" } .icon-data-undo:before { content: "" } .icon-data-video-bold:before { content: "" } .icon-data-vk:before { content: "" } .icon-data-volume-minus:before { content: "" } .icon-data-add:before { content: "" } .icon-data-add-to-queue:before { content: "" } .icon-data-alert-full:before { content: "" } .icon-data-alert-line:before { content: "" } .icon-data-archive:before { content: "" } .icon-data-arrow-bullet:before { content: "" } .icon-data-breadcrumb:before { content: "" } .icon-data-cart:before { content: "" } .icon-data-cart-new:before { content: "" } .icon-data-cart-new2:before { content: "" } .icon-data-cart-new2-add:before { content: "" } .icon-data-cart-new2-added:before { content: "" } .icon-data-cart-new-add:before { content: "" } .icon-data-cc:before { content: "" } .icon-data-cc-by:before { content: "" } .icon-data-cc-nc:before { content: "" } .icon-data-cc-nd:before { content: "" } .icon-data-cc-sa:before { content: "" } .icon-data-certificate:before { content: "" } .icon-data-check:before { content: "" } .icon-data-checkbox-checked-bordered:before { content: "" } .icon-data-checkbox-checked-plain:before { content: "" } .icon-data-checkbox-unchecked:before { content: "" } .icon-data-chevron-down:before { content: "" } .icon-data-chevron-left:before { content: "" } .icon-data-chevron-new2:before { content: "" } .icon-data-chevron-right:before { content: "" } .icon-data-chevron-up:before { content: "" } .icon-data-close:before { content: "" } .icon-data-comment:before { content: "" } .icon-data-copy:before { content: "" } .icon-data-credit-card-back:before { content: "" } .icon-data-credit-card-front:before { content: "" } .icon-data-cross-delete:before { content: "" } .icon-data-download:before { content: "" } .icon-data-download-thin:before { content: "" } .icon-data-edit:before { content: "" } .icon-data-error-4xx:before { content: "" } .icon-data-error-5xx:before { content: "" } .icon-data-facebook:before { content: "" } .icon-data-facebook-f:before { content: "" } .icon-data-fast-backward:before { content: "" } .icon-data-fast-forward:before { content: "" } .icon-data-filter:before { content: "" } .icon-data-globe:before { content: "" } .icon-data-heart:before { content: "" } .icon-data-heart-on:before { content: "" } .icon-data-hexagon:before { content: "" } .icon-data-hexagon-on:before { content: "" } .icon-data-history:before { content: "" } .icon-data-home:before { content: "" } .icon-data-info-full-new21:before { content: "" } .icon-data-info-new21:before { content: "" } .icon-data-information:before { content: "" } .icon-data-instagram:before { content: "" } .icon-data-licence-lt_large_x:before { content: "" } .icon-data-licence-lt_personal_x:before { content: "" } .icon-data-licence-lt_standard_x:before { content: "" } .icon-data-link:before { content: "" } .icon-data-linkedin:before { content: "" } .icon-data-mail:before { content: "" } .icon-data-menu:before { content: "" } .icon-data-menu-secondary:before { content: "" } .icon-data-menu-tradingdesk:before { content: "" } .icon-data-messenger:before { content: "" } .icon-data-music-note:before { content: "" } .icon-data-mute:before { content: "" } .icon-data-my-music-tradingdesk:before { content: "" } .icon-data-my-music-tradingdesk2:before { content: "" } .icon-data-next:before { content: "" } .icon-data-pause:before { content: "" } .icon-data-pdf:before { content: "" } .icon-data-phone1:before { content: "" } .icon-data-play:before { content: "" } .icon-data-previous:before { content: "" } .icon-data-queue:before { content: "" } .icon-data-radio-checked-chevron:before { content: "" } .icon-data-radio-checked-chevron-plain:before { content: "" } .icon-data-radio-checked-round:before { content: "" } .icon-data-radio-unchecked:before { content: "" } .icon-data-reddit:before { content: "" } .icon-data-refine:before { content: "" } .icon-data-remove:before { content: "" } .icon-data-repeat:before { content: "" } .icon-data-repeat-one:before { content: "" } .icon-data-repost:before { content: "" } .icon-data-sad:before { content: "" } .icon-data-search:before { content: "" } .icon-data-share:before { content: "" } .icon-data-share-stroke:before { content: "" } .icon-data-share-video:before { content: "" } .icon-data-shuffle:before { content: "" } .icon-data-similar:before { content: "" } .icon-data-skip-next:before { content: "" } .icon-data-skip-previous:before { content: "" } .icon-data-sort:before { content: "" } .icon-data-sound:before { content: "" } .icon-data-streaming:before { content: "" } .icon-data-trash:before { content: "" } .icon-data-twitter:before { content: "" } .icon-data-user:before { content: "" } .icon-data-user-new2:before { content: "" } .icon-data-video:before { content: "" } .icon-data-volume:before { content: "" } .icon-data-warning:before { content: "" } .icon-data-wrong:before { content: "" } .icon-data-youtube:before { content: "" } .icon-data-add-to-playlist-s:before { content: "" } .icon-data-add-to-queue-s:before { content: "" } .icon-data-close-s:before { content: "" } .icon-data-comment-s:before { content: "" } .icon-data-date-s:before { content: "" } .icon-data-download-s:before { content: "" } .icon-data-duration-s:before { content: "" } .icon-data-external-link-s:before { content: "" } .icon-data-flag-s:before { content: "" } .icon-data-follow-s:before { content: "" } .icon-data-handle-s:before { content: "" } .icon-data-heart-on-s:before { content: "" } .icon-data-lock-s:before { content: "" } .icon-data-menu-secondary-s:before { content: "" } .icon-data-pause-s:before { content: "" } .icon-data-picture-s:before { content: "" } .icon-data-playlist-access-s:before { content: "" } .icon-data-queue-access-s:before { content: "" } .icon-data-repost-s:before { content: "" } .icon-data-send-s:before { content: "" } .icon-data-share-s:before { content: "" } .icon-data-sort-s:before { content: "" } .icon-data-thumbs-down-s:before { content: "" } .icon-data-thumbs-up-s:before { content: "" } .icon-data-play-s:before { content: "" } .icon-data-user-s:before { content: "" } .icon-information:hover { cursor: pointer; } .icon-bell { background-image: url(https://images.jamendo.com/jamendolicensing/icon/bell-white.svg); background-repeat: no-repeat; } .icon-shape { border: 3px solid #67b7bf; background-color: #67b7bf; width: 24px; height: 24px; border-radius: 50%; margin: 0 auto; display: block; position: relative; } .icon-shape::after { content: ""; display: block; position: absolute; } .icon-shape.checked::after { top: 2px; left: 5px; width: 7px; height: 12px; border: solid #FFF; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .loader { width: 24px; width: 1.5rem; height: 24px; height: 1.5rem; display: none; margin: 0 auto; } .loader span { width: 4px; width: 0.25rem; height: 4px; height: 0.25rem; margin: 0 2px; margin: 0 0.125rem; background-color: #67b7bf; float: left; } .loader span:last-child { margin-right: 0; } .loader span:nth-child(1) { -webkit-animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite 0s; animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite 0s; } .loader span:nth-child(2) { -webkit-animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite -0.2s; animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite -0.2s; } .loader span:nth-child(3) { -webkit-animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite -0.4s; animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite -0.4s; } .loader.is-visible { display: block; } @-webkit-keyframes loaderAnimation { 0% { height: 20%; margin-top: 40% } 50% { height: 84%; margin-top: 8% } 100% { height: 20%; margin-top: 40% } } @keyframes loaderAnimation { 0% { height: 20%; margin-top: 40% } 50% { height: 84%; margin-top: 8% } 100% { height: 20%; margin-top: 40% } } p { font-size: inherit; line-height: inherit; color: #646464; display: inline-block; } p.overlay { color: #FFF; } p.overlay a:link, p.overlay a:visited, p.overlay a:hover, p.overlay a:active { color: #FFF; } p.discreet { color: #999; } p.strong { color: #67b7bf; } p[capitalize] { text-transform: capitalize; } p.size-40 { font-size: 40px; } p.size-24 { font-size: 24px; } p.size-18 { font-size: 18px; } .pill { display: inline-block; position: relative; min-width: 16px; min-width: 1rem; height: 16px; height: 1rem; padding: 0 4px; padding: 0 0.25rem; font-style: normal; color: #FFF; line-height: 1.6; text-align: center; z-index: 0; } .pill:before { border-radius: 8px; border-radius: 0.5rem; content: ''; background-color: #67b7bf; z-index: -1; } .s { display: inline-block; background-repeat: no-repeat; } .s.payment-method, .s.security-code { background-image: url("https://images.jamendo.com/jamendolicensing/sprites/sprite-payment-methods.webp?v2"); } .s.spread { background-image: url("https://images.jamendo.com/jamendolicensing/sprites/sprite-spread.webp?v2"); } .s.payment-method { margin-right: 12px; margin-right: 0.75rem; height: 36px; } .s.payment-method.is-off { opacity: 0.3; filter: alpha(opacity=30); } .s.payment-method.mastercard { width: 41px; background-position: 0px 0px; } .s.payment-method.amex { width: 42px; background-position: -41px 0px; } .s.payment-method.visa { width: 44px; background-position: -83px 0px; } .s.payment-method.paypal { width: 70px; background-position: -127px 0px; } .s.payment-method.secure { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/secure-payments.svg"); width: 90px; height: 43px; background-position: bottom; margin-bottom: 7px; } @media only screen and (max-width: 480px) { .s.payment-method.secure { width: 80px; } } .s.payment-method.ingenico { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/ingenico.svg"); width: 75px; height: 50px; background-position: bottom; } @media only screen and (max-width: 480px) { .s.payment-method.ingenico { width: 75px; } } .s.security-code { height: 128px; width: 203px; display: block; margin-bottom: 16px; margin-bottom: 1rem; } .s.security-code.visa-mastercard { background-position: 0px -36px; } .s.security-code.amex { background-position: -203px -36px; } .s.spread { height: 16px; width: 16px; display: inline-block; } .s.spread.gmail { background-position: 0px 0px; } .s.spread.outlook { background-position: -50px 0px; } .s.spread.yahoo { background-position: -25px 0px; width: 21px; } .svg.logo { height: 36px; width: 102px; fill: #FFF; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/jamendo-licensing-logo-white.svg"); background-repeat: no-repeat; background-size: contain; } .svg.logo.small { height: 27px; width: 77px; } picture.svg { display: block; background-repeat: no-repeat; background-position: center; background-size: contain; background-color: transparent; } picture.svg.visa { width: 30px; height: 30px; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/visa-logo.svg"); } picture.svg.mastercard { width: 45px; height: 40px; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/mastercard-logo.svg"); } picture.svg.amex { width: 26px; height: 26px; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/american-express-logo.svg"); } picture.svg.secure-payments { width: 83px; height: 43px; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/secure-payments.svg"); } picture.svg.ingenico { width: 63px; height: 50px; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/ingenico.svg"); } picture.svg.paypal-icon { width: 28px; height: 28px; background-size: 88%; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/paypall-icon.svg"); } ul.regular { list-style-type: disc; list-style-position: inside; margin-bottom: 16px; margin-bottom: 1rem; } .informational-block { margin-bottom: 16px; margin-bottom: 1rem; color: #b3b3b3; } .informational-block__heading { margin-bottom: 8px; margin-bottom: 0.5rem; font-family: "futurademi", Arial, sans-serif; } .informational-block__perks li { line-height: 1.334; margin-bottom: 2px; margin-bottom: 0.125rem; } .informational-block__perks li:last-child { margin-bottom: 0; } .informational-block p { color: inherit; } .informational-block.bordered { padding: 16px; padding: 1rem; border: 1px solid #ebebeb; } .informational-block.bordered.heavy { padding: 24px; padding: 1.5rem; border-width: 8px; border-width: 0.5rem; } .informational-link, .informational-link-2 { position: relative; color: gray; line-height: 1.334; padding-left: 24px; padding-left: 1.5rem; display: inline-block; text-decoration: underline; } .informational-link:focus, .informational-link-2:focus { outline: none; } .informational-link:hover, .informational-link-2:hover { color: #676767; } .hero-track+.container.informational { margin: 16px auto; margin: 1rem auto; } .informational-overlay, .informational-overlay-track-pack { color: #FFF; z-index: 1100; } .informational-overlay__top-bar, .informational-overlay-track-pack__top-bar { opacity: 0.98; filter: alpha(opacity=98); background-color: #000; text-align: right; padding: 16px 12px; padding: 1rem 0.75rem; width: 100%; color: #67b7bf; } .informational-overlay__top-bar .icon, .informational-overlay-track-pack__top-bar .icon { margin-left: 16px; vertical-align: top; } .informational-overlay__title, .informational-overlay-track-pack__title { display: inline-block; vertical-align: top; line-height: 1.334; text-transform: uppercase; margin: 0; } .informational-overlay__content, .informational-overlay-track-pack__content { padding-top: 48px; padding-top: 3rem; } .informational-overlay__content.center, .informational-overlay-track-pack__content.center { text-align: center; } .informational-overlay__heading, .informational-overlay-track-pack__heading { text-transform: uppercase; border-bottom: 2px solid #FFF; font-family: "futurademi", Arial, sans-serif; margin-bottom: 24px; margin-bottom: 1.5rem; display: inline-block; } .informational-overlay__subheading, .informational-overlay-track-pack__subheading { margin-bottom: 4px; margin-bottom: 0.25rem; } .informational-overlay__subheading .button, .informational-overlay-track-pack__subheading .button { border: none; padding: 0.125rem 0.5rem 0; } .informational-overlay__list, .informational-overlay-track-pack__list { list-style-type: disc; margin: 0 0 16px 16px; margin: 0 0 1rem 1rem; } .informational-overlay__got-it, .informational-overlay-track-pack__got-it { z-index: 2; margin: 32px 0; margin: 2rem 0; } .informational-overlay__got-it:not(:hover), .informational-overlay-track-pack__got-it:not(:hover) { background-color: transparent !important; } .informational-overlay.is-visible, .informational-overlay-track-pack.is-visible { visibility: visible; opacity: 0.95; filter: alpha(opacity=95); } .informational-overlay.is-visible.tradingdesk, .informational-overlay-track-pack.is-visible.tradingdesk { opacity: 1; } .informational-overlay.is-visible.tradingdesk .informational-overlay__content.center, .informational-overlay-track-pack.is-visible.tradingdesk .informational-overlay__content.center { width: 50% } .informational-overlay__cover-close, .informational-overlay-track-pack__cover-close { z-index: 1; content: '' } @media only screen and (min-width: 992px) { .informational-overlay__top-bar, .informational-overlay-track-pack__top-bar { padding: 48px 48px; padding: 3rem 3rem; } .informational-overlay__content .row [class^=col]:first-child, .informational-overlay-track-pack__content .row [class^=col]:first-child { padding-right: 24px; padding-right: 1.5rem; } .informational-overlay__content .row [class^=col]:last-child, .informational-overlay-track-pack__content .row [class^=col]:last-child { padding-left: 24px; padding-left: 1.5rem; } } .button-list.login { margin-bottom: 32px; margin-bottom: 2rem; width: 100% } .button-list.login>li { margin-bottom: 6px; margin-bottom: 0.375rem; line-height: 1.334; margin-bottom: 16px; margin-bottom: 1rem; display: block; text-align: center; } .button-list.login>li:last-child { margin-bottom: 4rem; } .button-list.login>li:last-child a { margin-left: 6px; padding-top: 3px; padding-bottom: 2px; } .button-list.horizontal>li { margin: 6px; margin: 0.375rem; display: inline-block; } .button-list.horizontal>li:first-child { margin-left: 0; } .button-list.horizontal>li:last-child { margin-right: 0; } .button-list.vertical { margin-bottom: 32px; margin-bottom: 2rem; width: 100% } .button-list.vertical>li { margin-bottom: 16px; margin-bottom: 1rem; display: block; } .button-list.vertical>li:last-child { margin-bottom: 0; } .button-list.large { max-width: 400px; max-width: 25rem; } .track-list { margin-top: 20px; } .track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 24px; margin-right: 24px; margin-bottom: 1.25rem; padding-left: 10px; padding-right: 10px; position: relative; } @media only screen and (max-width: 768px) { .track { margin-left: 5px; margin-right: 5px; padding-right: 0; } } .track--header { margin-top: 30px; margin-bottom: 0 !important; text-transform: uppercase; font-size: 12px; } @media only screen and (max-width: 1200px) { .track--header { display: none; } } .track--action-is-open { background: #F5F8FA; border-radius: 6px; } .track__listened { width: 6px; height: 6px; position: relative; border-radius: 50%; background: #C4C4C4; } .track__play { width: 60px; height: 60px; position: relative; white-space: nowrap; font-size: 0; margin-left: 10px; } @media only screen and (max-width: 1200px) { .track__play { padding: 0; width: 40px; height: 40px; } } @media only screen and (max-width: 480px) { .track__play { padding: 0; width: 36px; height: 36px; } } .track__play--header { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .track__play img { border-radius: 50% } @media only screen and (max-width: 1200px) { .track__play img { visibility: hidden; } } .track__play__button:hover { font-size: 36px; } @media only screen and (max-width: 1200px) { .track__play__button { left: 0; } .track__play__button::before { content: none; background-color: transparent; } .track__play__button i { color: #67b7bf !important; background-color: transparent; } .track__play__button.is-switched-on { background-color: transparent; } .track__play__button.is-switched-on .loader { border-color: #67b7bf; } .track__play__button.is-switched-on .loader span { background-color: #67b7bf; } } .track__information { padding-left: 16px; padding-left: 1rem; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } @media only screen and (max-width: 768px) { .track__information { padding-left: 0.5rem; text-align: left; width: calc(100% - 330px); } } @media only screen and (max-width: 480px) { .track__information { width: calc(100% - 115px); } } .track__information--header { text-align: center; font-size: 12px; } .track__information .track-information-container { overflow: visible; } .track__information .track-information-container .title-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .track__information .track-information-container .title-container .title { text-overflow: ellipsis; overflow: hidden; margin-right: 3px; line-height: 1.3rem; } .track__information .track-information-container .title-container .contentid-icon { margin-left: 5px; margin-right: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .track__information .track-information-container .title-container .contentid-icon img { width: 14px; height: 14px; } .track__information .track-information-container .artist-name {} @media only screen and (max-width: 480px) { .track__information .track-information-container .artist-name { font-size: 11px; font-size: 0.6875rem; } } @media only screen and (max-width: 480px) { .track__information .track-information-container .tags { display: none; } } .track__information .track-information-container .new { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-radius: 5px; padding: 4px; text-transform: uppercase; color: white; font-size: 10px; } .track__rating { min-width: 250px; text-align: center; white-space: nowrap; } .track__rating select { display: none; } .track__rating p { margin-bottom: 4px; } .track__rating .br-widget { height: 28px; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .track__rating .br-widget a { height: 20px; width: 20px; margin: 0 3px; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/rating-star-gray.svg"); } .track__rating .br-widget a.br-selected { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/rating-star-blue.svg"); } .track__time { display: none; } @media only screen and (min-width: 1201px) { .track__time { display: table-cell; vertical-align: middle; height: 64px; } } .track__time--header { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .track__time__wrap { display: table; height: 64px; } .track__time__wrap--header { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .track__time__waveform { height: auto; height: 64px; height: 4rem; height: 64px; } .track__time__waveform--header { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } @media only screen and (min-width: 1200px) { .track__time__waveform__wrap { display: block; width: 168px; height: 64px; } } @media only screen and (min-width: 1250px) { .track__time__waveform__wrap { width: 220px; } } @media only screen and (min-width: 1300px) { .track__time__waveform__wrap { width: 250px; } } @media only screen and (min-width: 1400px) { .track__time__waveform__wrap { width: 305px; } } @media only screen and (min-width: 1450px) { .track__time__waveform__wrap { width: 355px; } } @media only screen and (min-width: 1500px) { .track__time__waveform__wrap { width: 400px; } } @media only screen and (min-width: 1600px) { .track__time__waveform__wrap { width: 500px; } } @media only screen and (min-width: 1700px) { .track__time__waveform__wrap { width: 580px; } } @media only screen and (min-width: 1800px) { .track__time__waveform__wrap { width: 680px; } } @media only screen and (min-width: 2100px) { .track__time__waveform__wrap { width: 980px; } } .track__time__waveform__wrap--header { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .track__time__duration { width: 60px; height: 64px; text-align: left; color: black; text-align: center; } .track__time__duration--header { color: #636363; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .track__time__bpm { width: 60px; height: 64px; text-align: left; color: black; text-align: center; } .track__time__bpm--header { color: #636363; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .track__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; max-width: 330px; width: auto; } @media only screen and (max-width: 480px) { .track__actions { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .track__actions--header>li { width: 46px; } .track__actions__button { padding: 10px; height: 46px; width: 46px; } @media only screen and (max-width: 768px) { .track__actions__button { display: none !important; } } .track__actions__button--3dots { display: none; background-image: url(https://images.jamendo.com/jamendolicensing/icon/3dots.svg); background-repeat: no-repeat; background-position: center; } @media only screen and (max-width: 768px) { .track__actions__button--3dots { display: block !important; } } .track__actions__button__icon { font-size: 22px; width: 22px; height: 22px; color: #4A4A4A; } .track__actions__button__icon:hover { color: #67b7bf; } .track__cta { text-align: right; white-space: nowrap; } @media only screen and (max-width: 920px) { .track__cta { padding: 0; margin-right: 4px; } } .track__cta--header { width: 100px; color: #636363; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 1200px) { .track__cta--header { display: none; } } .track__cta--header-small { width: 30px; } .track__cta .mobile-cart-cta { display: none; } .track__popin { display: none; } @media only screen and (max-width: 768px) { .track__popin { position: absolute; top: 50px; z-index: 2; background-color: white; width: calc(100% - 60px); height: 60px; margin-left: 20px; border: 1px solid #000; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .track__popin__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50%; height: 100% } .track__popin__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50%; height: 100% } } .track__popin__button { width: 30px; height: 25px; color: #4A4A4A; margin: 0 7px; } .track__popin__button--add-to-playlist { background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-playlist.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track__popin__button--add-to-cart { background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-cart.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track__popin__button--added-to-cart { background-image: url(https://images.jamendo.com/jamendolicensing/icon/added-to-cart.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track__popin__button--download { font-size: 25px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .track__popin .mobile-cart-cta { cursor: pointer; display: block; } .track__popin .mobile-cart-cta>i { color: #4A4A4A; font-size: 28px; } .track-information { color: #4d4d4d; } .track-information>div { height: 64px; height: 4rem; } .track-information .title { line-height: 1.143; } .track-information .artist-name, .track-information .tags { line-height: 1.455; } .track-information .artist-name { text-transform: uppercase; } .track-information .tags { color: gray; } .track-featured .cover img { position: absolute; z-index: -1; } .track-featured .cover button { z-index: 2; } .track-featured .mobile-cart-cta { display: none; } .track-featured .mobile-cart-cta:focus { outline: none; } .track-featured .button-cart.transparent { margin-top: 10px !important; } @media only screen and (max-width: 1200px) { .track-featured .button-cart.transparent { border-color: #67b7bf; } } .track-featured .track-information { height: 76px; height: 4.75rem; } .track-featured .track-information .hero-track__tags { display: block; } @media only screen and (min-width: 1200px) { .track-featured .track-information .hero-track__tags .tag: nth-child(n+4) { display: none; } .track-featured .track-information .hero-track__tags .tag:nth-child(3)::after { display: none; } } .track-featured .track-information .hero-track__tags .tag a { color: #646464; text-decoration: none; } .track-featured .track-information .hero-track__tags .tag a:hover { color: #67b7bf; } @media only screen and (max-width: 650px) { .track-featured .buy-buttons-container { float: left; margin-right: 12px; } .track-featured .buy-buttons-container .button-cart:not(.transparent) { display: none; } .track-featured .buy-buttons-container .mobile-cart-cta { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: -4px; } .track-featured .change-license-container { float: left; margin-top: -6px; width: calc(100% - 45px); } .track-featured .hero-track__actions { clear: both; margin-top: 66px; } } .track-landing { position: relative; min-width: 420px; width: 33%; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; } @media only screen and (max-width: 1268px) { .track-landing { width: 50% } } @media only screen and (max-width: 840px) { .track-landing { width: 100%; min-width: 100%; padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 840px) { .track-landing--hide-mobile { display: none; } } .track-landing__container { padding: 10px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100% } .track-landing__container--action-is-open { background: #F5F8FA; border-radius: 6px; } .track-landing__container__listened { margin-left: 14px; width: 5px; height: 5px; border-radius: 50%; background: #66B6BE; } .track-landing__container__button-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 60px; height: 45px; } @media only screen and (max-width: 700px) { .track-landing__container__button-container { margin-left: 0; } } .track-landing__container__information { max-width: calc(100% - 100px); width: 100%; margin-left: 14px; } .track-landing__container__information__link-wrap { text-decoration: none; } .track-landing__container__information__link-wrap:hover { text-decoration: none; } .track-landing__container__information__link-wrap__title-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .track-landing__container__information__link-wrap__title-container__title { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: var(--color-main); } .track-landing__container__information__link-wrap__title-container__contentid-icon { margin-left: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .track-landing__container__information__link-wrap__artist-name { width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: var(--color-main); font-size: var(--font-size-small); } .track-landing__container__actions { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .track-landing__container__actions__button { width: 30px; height: 25px; color: #4A4A4A; margin: 0 7px; } .track-landing__container__actions__button--3dots { background-image: url(https://images.jamendo.com/jamendolicensing/icon/3dots.svg); background-repeat: no-repeat; width: 30px; height: 18px; background-position: center; } .track-landing__container__actions__button--add-to-playlist { background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-playlist.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track-landing__container__actions__button--add-to-cart { background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-cart.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track-landing__container__actions__button--added-to-cart { background-image: url(https://images.jamendo.com/jamendolicensing/icon/added-to-cart.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track-landing__container__actions__button--download { font-size: 25px; } .track-landing__container__actions__button--hint-to-left::after { -webkit-transform: translateX(-100%) translateX(15px) translateY(8px) !important; transform: translateX(-100%) translateX(15px) translateY(8px) !important; } .track-landing__container__popin { position: absolute; top: 75px; z-index: 2; background-color: white; width: calc(100% - 55px); height: 60px; border: 1px solid #000; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .track-landing__container__popin__button { width: 30px; height: 25px; color: #4A4A4A; margin: 0 7px; } .track-landing__container__popin__button--add-to-playlist { background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-playlist.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track-landing__container__popin__button--add-to-cart { background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-cart.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track-landing__container__popin__button--added-to-cart { background-image: url(https://images.jamendo.com/jamendolicensing/icon/added-to-cart.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track-landing__container__popin__button--download { font-size: 25px; } .pop-in { width: 288px; width: 18rem; white-space: normal; background-color: #fcfcfc; border: 2px solid #67b7bf; text-align: center; position: relative; display: inline-block; z-index: 1; } .pop-in__heading, .pop-in__tooltip { color: #67b7bf; line-height: 1.334; } .pop-in__heading { font-family: "futurademi", Arial, sans-serif; padding: 24px 24px 16px; padding: 1.5rem 1.5rem 1rem; } .pop-in__tooltip { padding: 16px; padding: 1rem; } .pop-in__input-text { margin: 0 24px 16px; margin: 0 1.5rem 1rem; } .pop-in__actions { margin: 0 24px 24px; margin: 0 1.5rem 1.5rem; } .pop-in__actions li { margin-bottom: 8px; margin-bottom: 0.5rem; } .pop-in__actions li:last-child { margin-bottom: 0; } .pop-in__links { padding: 24px; padding: 1.5rem; line-height: 1.7; } .pop-in__error-notification { margin: 0 24px 24px; margin: 0 1.5rem 1.5rem; } .pop-in__error-notification.reset { margin: initial; text-align: left; background-color: transparent; min-width: calc(250px - 2px); } .pop-in__error-notification.reset .error-notification { color: black; border: none; background-color: #ffd7d7; height: 34px; overflow: hidden; padding: 5px 10px; margin: 1px; } .pop-in__error-notification.reset .error-notification div { font-size: 13px; padding: 0; } .pop-in.xsmall { width: 80px; width: 5rem; } .pop-in.medium { width: 176px; width: 11rem; } .pop-in.small { width: 224px; width: 14rem; } .pop-in.large { width: 352px; width: 22rem; } .pop-in:after { position: absolute; content: ''; display: inline-block; z-index: 2; background-repeat: no-repeat; background-position: center center; } .pop-in.pin-top:after, .pop-in.pin-bottom:after { margin-left: -7px; width: 14px; height: 9px; left: 50% } .pop-in.pin-top.pin-first-corner:after, .pop-in.pin-top.pin-second-corner:after, .pop-in.pin-bottom.pin-first-corner:after, .pop-in.pin-bottom.pin-second-corner:after { margin-left: 0; } .pop-in.pin-top.pin-first-corner:after, .pop-in.pin-bottom.pin-first-corner:after { left: 16px; left: 1rem; } .pop-in.pin-top.pin-second-corner:after, .pop-in.pin-bottom.pin-second-corner:after { left: auto; right: 16px; right: 1rem; } .pop-in.pin-top { margin-top: 7px; margin-top: 0.4375rem; } .pop-in.pin-top:after { top: -9px; background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHpJREFUeNpiZMAB0rfvnw+kDIDYcaan4wd0eUY8mhKg3AvYNDPi0mQhJQ7mn3j2EqtmRlyaYrXVwGKLr97CqpkRnyYYwKaZkZAmXJqZidEEAvpiwgzvfvxkePL5qwSQ68FEjCYYAKmBBpoBw/yL1/7/+fOHJAzSAxBgAKElePtLslkqAAAAAElFTkSuQmCC); } .pop-in.pin-bottom { margin-bottom: 7px; margin-bottom: 0.4375rem; } .pop-in.pin-bottom:after { bottom: -9px; background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHVJREFUeNpimH/x2v8/f/6QhEF6mE48e8mw+OotBmIBSC1IDxOQfYFYzTBNQLAApNGRGM3ImmZ6OiYygljp2/cLAKn9QGxgISXOEKuthlcTiMEIk8SlGZsmFI3YNIMANk0YGtE1Q4UwNGHViKb5AjZNIAAQYADGxIAVTAN62gAAAABJRU5ErkJggg==); } .pop-in.pin-top-center: after { left: 50% !important; } .pop-in.pin-left:after, .pop-in.pin-right:after { margin-top: -7px; width: 9px; height: 14px; top: 50% } .pop-in.pin-left.pin-first-corner:after, .pop-in.pin-left.pin-second-corner:after, .pop-in.pin-right.pin-first-corner:after, .pop-in.pin-right.pin-second-corner:after { margin-top: 0; } .pop-in.pin-left.pin-first-corner:after, .pop-in.pin-right.pin-first-corner:after { top: 16px; top: 1rem; } .pop-in.pin-left.pin-second-corner:after, .pop-in.pin-right.pin-second-corner:after { top: auto; bottom: 16px; bottom: 1rem; } .pop-in.pin-left { margin-left: 7px; margin-left: 0.4375rem; } .pop-in.pin-left:after { left: -9px; background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG1JREFUeNpiZMAC0rfvFwBS+4HYwEJKnIGJkIJYbTVURdgUgAATIQVwRfgUgBURUgAzCa8CmKILDAQA00xPx0QgveDEs5cMi6/ewmkSAyGF8CDApxAlMHEpxIgWbAoZcfkIGH7zgVQCKGgAAgwAxHxAe7xtnzgAAAAASUVORK5CYII=); } .pop-in.pin-right { margin-right: 7px; margin-right: 0.4375rem; } .pop-in.pin-right:after { right: -9px; background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHVJREFUeNpinH/x2v8Tz14yAMGCmZ6OiQxYAFOsthqDhZQ4iJ2Qvn3/fKyKQAQhhUwwBj6FTMgcXAqZ0I3GppDxz58 //7E5dvHVWwwwXzMxEAYGTARMuQDEjkyEFAAD+AMTIQUovsOlAK4InwKwIkIKQAAgwADUg1PBIMjodQAAAABJRU5ErkJggg==); } .pop-in.pin-small.pin-top.pin-first-corner: after, .pop-in.pin-small.pin-bottom.pin-first-corner:after { left: 9px; left: 0.5625rem; } .pop-in.pin-small.pin-top.pin-second-corner:after, .pop-in.pin-small.pin-bottom.pin-second-corner:after { right: 9px; right: 0.5625rem; } .pop-in.pin-small.pin-left.pin-first-corner:after, .pop-in.pin-small.pin-right.pin-first-corner:after { top: 9px; top: 0.5625rem; } .pop-in.pin-small.pin-left.pin-second-corner:after, .pop-in.pin-small.pin-right.pin-second-corner:after { bottom: 9px; bottom: 0.5625rem; } .pop-in.dark { background-color: #333; border: 2px solid #FFF; color: #FFF; } .pop-in.dark .pop-in__heading, .pop-in.dark .pop-in__tooltip { color: #FFF; } .pop-in.dark .pop-in__links a:link, .pop-in.dark .pop-in__links a:visited { color: #FFF; } .pop-in.dark .pop-in__links a:hover, .pop-in.dark .pop-in__links a:active { color: #67b7bf; } .pop-in.dark.pin-top:after { background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHNJREFUeNpiYMAB/v //Px+IzwOxAAOxAKoJBojTDNO0efNmMCZKM7ImY2NjMCaoGZsmfJoZYZqAVMKWLVsYGhoasLoGJO7j4wNiXgBiR2ZiNIHAgQMHGKSkpBjU1NQkgFwPRpD9hDRhs5mFFE0wjSAAEGAAf8mVcA0BiOQAAAAASUVORK5CYII=); } .pop-in.dark.pin-bottom: after { background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGVJREFUeNpi3Lx58/+GhgYGUgBIPZOPjw8DKRpBakF6mIDsC8RqhmkCggUgjY7EaEbWxMjImAgW/P //vwAQnwfi/yA/Gxsbo2CQGBTMxzARl2a8mnBpJkoTNs1Ea8KiGacmgAADAO6wiEaijulFAAAAAElFTkSuQmCC); } .pop-in.dark.pin-left: after { background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGpJREFUeNpiYMAC/v //LwDE54H4/+bNm/8TVGBsbPyfoAIQZkJWAKT2A7HBli1bGBoaGuCamQgpACsipABmEl4FMEUXGAgAJkZGxkQgvcDHxwevSQzEKEQOp/noYYQRmLgUEmUiUVYDBBgA+OKF4c3w584AAAAASUVORK5CYII=); } .pop-in.dark.pin-right: after { background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG9JREFUeNpi2Lx5838omM+ACxgbG/8nqBCkiKBCmCJ8CpmQOQ0NDQxbtmwBMROQFTKhm4xNIQs2d4IUgoCPjw9IIaZJWIABEy6TgKaAmBeA2JGJkAJGRsYPTIQU4ArM80AsgC9aMBWAAEEFQAAQYAAblIRWjsxv2QAAAABJRU5ErkJggg==); } .pop-in.tips { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: auto; max-width: 370px; position: relative; padding: 1.25rem; background-color: #67b7bf; border-radius: 6px; } .pop-in.tips[larger] { width: 550px; } .pop-in.tips h1, .pop-in.tips p, .pop-in.tips ul, .pop-in.tips ol { padding: 0; font-weight: 400; font-size: 14px; font-size: 0.875rem; color: #FFF; text-align: left; line-height: normal; cursor: default; white-space: initial; border: none; } .pop-in.tips h1 span, .pop-in.tips p span, .pop-in.tips ul span, .pop-in.tips ol span { font-family: "futurabold", Arial, sans-serif; letter-spacing: 1px; } .pop-in.tips p { line-height: 1.3; } .pop-in.tips p span { text-transform: uppercase; } .pop-in.tips ol { margin-left: 1.25rem; } .pop-in.tips h1 { font-size: 1.125rem; font-family: "futurabold", Arial, sans-serif; color: #FFF; margin: 12px 0; margin: 0.75rem 0; padding-right: 1.5rem; } .pop-in.tips button.close { position: absolute; right: 1rem; top: 1rem; } .pop-in.tips button.close i { line-height: 1; width: 100%; height: 100%; color: #FFF; transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; } .pop-in.tips button.close:hover i { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .pop-in.tips::before, .pop-in.tips::after { top: 100%; right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .pop-in.tips:before { border-color: rgba(245, 110, 110, 0); border-top-color: #67b7bf; border-width: 10px; right: 15px; } .pop-in.tips:after { background-image: none; border-color: rgba(255, 255, 255, 0); border-top-color: #67b7bf; border-width: 7px; right: 18px; } .pop-in.tips>div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row-reverse; flex-flow: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100% } .pop-in.tips>div:last-of-type { margin-top: 1rem; } .pop-in.tips>div .button.ghost.skip-tips { border: none; padding: 0; margin-top: 9px; } .pop-in.tips>div .button.ghost.skip-tips div>span { display: inherit; } .pop-in.tips>div .button.ghost.skip-tips div>span:first-of-type { padding-right: 5px; text-transform: capitalize; } .pop-in.tips>div .button.ghost.skip-tips div>span:last-of-type { border-bottom: 1px solid #FFF; } .pop-in.tips>div .button.ghost.skip-tips:hover { color: #FFF; background-color: #67b7bf; } .pop-in.tips>div .button.ghost.skip-tips:hover div>span:last-of-type { font-family: "futurabold", Arial, sans-serif; } .pop-in.tips[color-warning] { background-color: #ed795a; border-color: #ed795a; } .pop-in.tips[color-warning]:before, .pop-in.tips[color-warning]:after { border-top-color: #ed795a; } .pop-in.tips[color-warning] .button.ghost:hover { color: #ed795a; } .pop-in.tips[color-warning] .button.ghost.skip-tips:hover { background-color: #ed795a; } .pop-in.tips.pin-first-corner:before, .pop-in.tips.pin-second-corner:before { display: none; } .pop-in.tips.pin-first-corner:after, .pop-in.tips.pin-second-corner:after { border-width: 10px; } .pop-in.tips.pin-top.pin-second-corner::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); top: -22px; } @media only screen and (max-width: 670px) { .pop-in.tips { width: auto; min-width: 370px; } } .pop-in.white-rounded-shadow { border: none; border-radius: 8px; -webkit-filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3)); filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3)); } .pop-in.white-rounded-shadow::after { content: ''; background-image: none; width: 0; height: 0; right: 18px !important; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #FFF; } .pop-in__language .pop-in__links a { text-transform: uppercase; text-decoration: none; } .add-to-playlist-box { z-index: 760 !important; } .pop-in.add-to-playlist { z-index: 760 !important; } .pop-in.add-to-playlist .pop-in__actions li { display: block !important; margin-top: 15px; } @media only screen and (max-width: 460px) { .pop-in.add-to-playlist { display: block; position: fixed; top: 64px !important; right: 0; bottom: 0; left: 0; outline: 0; width: 100% } .pop-in.add-to-playlist:after { display: none !important; } .pop-in.add-to-playlist ul { height: calc(100% - 106px); max-height: none !important; } .pop-in.add-to-playlist li { width: 100% !important; } } .pop-in.add-to-playlist .pop-in__heading .close { display: none; position: absolute; top: 0; right: 0; } @media only screen and (max-width: 460px) { .pop-in.add-to-playlist .pop-in__heading .close { display: block; } } .pop-in.add-to-playlist .pop-in__heading .close i { transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; } .pop-in.add-to-playlist .pop-in__heading .close i:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .pop-in.add-to-playlist .pop-in__playlist-add { width: 100%; height: 48px; height: 3rem; } .pop-in.add-to-playlist .pop-in__playlist-add>div:first-child { width: 100% } .pop-in.add-to-playlist .pop-in__playlist-add input { width: 100%; height: 100%; border: none; outline: none; color: #646464; padding: 0 8px; padding: 0 0.5rem; } .pop-in.add-to-playlist .pop-in__playlist-add button { height: 48px; height: 3rem; min-width: 48px; min-width: 3rem; padding: 0 12px; padding: 0 0.75rem; white-space: nowrap; background-color: #67b7bf; color: #FFF; } .pop-in.add-to-playlist .pop-in__playlist-add button:hover { background-color: #48a2ab; } .pop-in.add-to-playlist .pop-in__playlist-add button.disabled, .pop-in.add-to-playlist .pop-in__playlist-add button:disabled, .pop-in.add-to-playlist .pop-in__playlist-add button[disabled] { cursor: not-allowed; opacity: 0.5; filter: alpha(opacity=50); } .pop-in-component { position: relative; display: inline-block; text-align: initial; } .pop-in-wrapper { position: absolute; display: none; z-index: 200; } .pop-in-wrapper.force-display { display: block !important; } .pop-in-wrapper.top-left, .pop-in-wrapper.top-center, .pop-in-wrapper.top-right { bottom: 100%; margin-bottom: 8px; margin-bottom: 0.5rem; } .pop-in-wrapper.bottom-left, .pop-in-wrapper.bottom-center, .pop-in-wrapper.bottom-right { top: 100%; margin-top: 8px; margin-top: 0.5rem; } .pop-in-wrapper.bottom-center.from-icon { left: -28px; } .pop-in-wrapper.bottom-right.from-icon { right: -14px; } .pop-in-wrapper.top-left, .pop-in-wrapper.bottom-left { left: 0% } .pop-in-wrapper.top-center, .pop-in-wrapper.bottom-center { left: 50% } .pop-in-wrapper.top-right, .pop-in-wrapper.bottom-right { right: 0% } .pop-in-wrapper.top-center .pop-in, .pop-in-wrapper.bottom-center .pop-in { margin-left: -50% } .pop-in-wrapper.left-top, .pop-in-wrapper.left-bottom { right: 100%; margin-right: 8px; margin-right: 0.5rem; } .pop-in-wrapper.right-top, .pop-in-wrapper.right-bottom { left: 100%; margin-left: 8px; margin-left: 0.5rem; } .pop-in-wrapper.left-top, .pop-in-wrapper.right-top { top: 0; } .pop-in-wrapper.left-bottom, .pop-in-wrapper.right-bottom { bottom: 0; } .pop-in-wrapper[z-600] { z-index: 600; } .product-access { background-color: #ebebeb; margin-top: 16px; margin-top: 1rem; padding: 24px; padding: 1.5rem; } .product-access__heading { margin-bottom: 8px; margin-bottom: 0.5rem; color: #67b7bf; } @media only screen and (min-width: 768px) { .product-access__split>div { padding-top: 16px; padding-top: 1rem; } .product-access__split>div:first-child { padding-right: 32px; padding-right: 2rem; } .product-access__split>div:last-child { padding-left: 32px; padding-left: 2rem; border-left: 1px solid #ccc; } } .mobile-tease { padding: 0 24px; padding: 0 1.5rem; margin-bottom: 24px; margin-bottom: 1.5rem; max-width: 1280px; max-width: 80rem; background-color: #67b7bf; } .mobile-tease__headline { width: 100%; font-weight: "futurabook", Arial, sans-serif; text-transform: uppercase; color: #FFF; } .mobile-tease__headline span { display: block; font-family: "futurademi", Arial, sans-serif; line-height: 1; margin-bottom: 8px; margin-bottom: 0.5rem; } .mobile-tease__headline, .mobile-tease__badges { padding: 24px 0; padding: 1.5rem 0; } .mobile-tease__visual, .mobile-tease__badges { white-space: nowrap; } .mobile-tease__visual { display: none; padding: 0 32px; padding: 0 2rem; } @media only screen and (min-width: 992px) { .mobile-tease { display: table; width: 100% } .mobile-tease>div { display: table-cell; vertical-align: middle; } } .client-space-heading+.mobile-tease { margin-top: -16px; margin-top: -1rem; } .image-tease { display: table; width: 100%; padding: 0 24px; padding: 0 1.5rem; margin-bottom: 24px; margin-bottom: 1.5rem; max-width: 1280px; max-width: 80rem; height: 180px; background-image: url("https://images.jamendo.com/jamendolicensing/heroes/hero-live-stream-d-xl.webp"); background-size: 100%; background-position: center; background-repeat: no-repeat; background-color: #FFF; } .image-tease.gaming { background-image: url("https://images.jamendo.com/jamendolicensing/heroes/hero-gaming2-d-xl.webp"); background-position: top; } .client-space-heading+.image-tease { margin-top: -16px; margin-top: -1rem; } .product-bought { color: gray; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-bought__actions { white-space: nowrap; } .product-bought__summary, .product-bought__use, .product-bought__actions { margin-top: 8px; margin-top: 0.5rem; } .product-bought__use a:link, .product-bought__use a:visited { color: #ed795a; } .product-bought__use a:hover, .product-bought__use a:active { color: #e8542c; } .product-bought>div:last-child { padding-right: 0; } .product-bought.standalone { padding: 16px; padding: 1rem; background-color: #fcfcfc; border: 1px solid #67b7bf; } .product-bought__secondary { width: 65% } @media only screen and (min-width: 992px) { .product-bought__primary>div, .product-bought__secondary>div { display: table; width: 100% } .product-bought__primary>div>div, .product-bought__secondary>div>div { display: table-cell; vertical-align: middle; } .product-bought__title { width: 25% } .product-bought__primary { width: 35% } .product-bought__secondary { width: 65% } .product-bought__secondary>div>div { padding: 0 16px; padding: 0 1rem; } .product-bought__secondary>div>div.product-bought__use { width: 100% } .product-bought__secondary>div>div.product-bought__actions { padding-right: 0; } .product-bought__actions { text-align: right; } .product-bought__date { width: 80px; width: 5rem; } .product-bought__date>span { margin-right: 12px; } .product-bought.in-store .product-bought__primary { width: 40% } .product-bought.in-store .product-bought__secondary { width: 60% } } @media only screen and (max-width: 1200px) { .product-bought.live-stream .product-bought__primary { width: 40% } } .product-bought.live-stream .product-bought__secondary>div>div:first-child>div>div { max-width: 500px; overflow: hidden; text-overflow: ellipsis; } @media only screen and (max-width: 1500px) { .product-bought.live-stream .product-bought__secondary>div>div: first-child>div>div { max-width: 300px; } } @media only screen and (max-width: 1300px) { .product-bought.live-stream .product-bought__secondary>div>div: first-child>div>div { max-width: 150px; } } .product-bought.live-stream .product-bought__secondary { width: 100% } @media only screen and (max-width: 1200px) { .product-bought.live-stream .product-bought__secondary>div>div: first-child { display: none; } } .product-bought.live-stream .product-bought__secondary>div>div:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; } .product-bought.live-stream .product-bought__secondary>div>div:last-child>ul { min-width: 440px; max-width: 570px; white-space: initial; display: inline-block; margin-left: -0.375rem; margin-right: -0.375rem; } @media only screen and (max-width: 992px) { .product-bought.live-stream .product-bought__secondary>div>div: last-child>ul { min-width: initial; max-width: 100% } } .product-bought.live-stream .product-bought__secondary>div>div:last-child>ul li:first-child, .product-bought.live-stream .product-bought__secondary>div>div:last-child>ul li:last-child { margin: 0.375rem; } .product-bought .break { -ms-flex-preferred-size: 100%; flex-basis: 100%; height: 0; } .product-bought__contentid { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-bought__contentid__text a { cursor: pointer; } .product-bought__contentid__key-content__input { padding: 2px 5px; } .product-bought__contentid__key-content__icon { cursor: pointer; } .product-bought__contentid__info-text { padding-top: 5px; } .product-bought-list { max-width: 1280px; max-width: 80rem; } .product-bought-list>li { padding-bottom: 16px; padding-bottom: 1rem; margin-bottom: 16px; margin-bottom: 1rem; border-bottom: 1px solid #e6e6e6; } .product-bought-list>li:last-child { padding: 0; margin: 0; border-bottom: none; } .notification+.product-bought.standalone { margin-top: -1px; margin-top: -0.0625rem; } .product-summary { color: #4d4d4d; height: 48px; height: 3rem; } .product-summary__information>div>div .product-summary__additional { white-space: normal; } .product-summary__license { font-family: "futurademi", Arial, sans-serif; color: #67b7bf; } .product-summary__license.is-inactive { color: #ed795a; } .product-summary__license.is-terminated { color: #999; } @media only screen and (max-width: 1200px) { .product-summary__product.live-stream { display: none; } } @media only screen and (max-width: 992px) { .product-summary__product.live-stream { display: inline-block; } } .product-summary__cover { width: 81px; width: 5.0625rem; position: relative; } .product-summary__cover img, .product-summary__play, .product-summary__play button { width: 65px; width: 4.0625rem; height: 65px; height: 4.0625rem; } .product-summary__play { z-index: 1; } .product-summary__play button { z-index: 3; } .product-summary__author { text-transform: uppercase; } .product-summary.standalone { padding: 16px; padding: 1rem; margin-bottom: 32px; margin-bottom: 2rem; border: 1px solid #67b7bf; } .description-table td, .description-table th { padding: 16px; padding: 1rem; line-height: 1.334; border: 1px solid whitesmoke; } .description-table td.description-table__archive-download, .description-table th.description-table__archive-download { padding: 0; } .description-table th { background-color: #fcfcfc; font-family: "futurademi", Arial, sans-serif; } .description-table__archive-download a { padding: 16px; padding: 1rem; vertical-align: top; text-decoration: none; color: gray; } .description-table__archive-download a:link, .description-table__archive-download a:visited { color: #999; } .description-table__archive-download a:hover, .description-table__archive-download a:active { color: #67b7bf; } .description-table__archive-download a .icon { margin-right: 4px; margin-right: 0.25rem; } .invoice-table__line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 80px; border-bottom: 1px solid #D1D1D6; padding: 10px 0; } .invoice-table__line>* { padding: 2px 10px; } @media only screen and (max-width: 768px) { .invoice-table__line>* { padding: 2px 2px; } } .invoice-table__line:last-child { border-bottom: none; } .invoice-table__line--header { color: black; padding-bottom: 10px; } .invoice-table__line__date { width: 132px; min-width: 132px; word-break: break-all; } @media only screen and (max-width: 768px) { .invoice-table__line__date { width: 25%; min-width: inherit; } } .invoice-table__line__date--header { word-break: normal; } .invoice-table__line__info { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (max-width: 768px) { .invoice-table__line__info { display: none; } } .invoice-table__line__info__product { color: black; } .invoice-table__line__invoice-nb { width: 212px; min-width: 212px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } @media only screen and (max-width: 768px) { .invoice-table__line__invoice-nb { width: 25%; min-width: inherit; } } .invoice-table__line__price { width: 155px; min-width: 155px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } @media only screen and (max-width: 768px) { .invoice-table__line__price { width: 25% } } .invoice-table__line__download { width: 100px; min-width: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } @media only screen and (max-width: 768px) { .invoice-table__line__download { width: 25%; min-width: inherit; } } .invoice-table__line__download__icon { background-image: url(https://images.jamendo.com/jamendolicensing/icon/invoice-download.svg); background-repeat: no-repeat; width: 30px; height: 26px; } .invoice-table__line__more { width: 100px; min-width: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } @media only screen and (max-width: 768px) { .invoice-table__line__more { width: 25%; min-width: inherit; } } .invoice-table__line__break { display: none; } @media only screen and (max-width: 768px) { .invoice-table__line__break { display: block; -ms-flex-preferred-size: 100%; flex-basis: 100%; height: 20px; } } .invoice-table__line__mobile-more { display: none; width: 100% } @media only screen and (max-width: 768px) { .invoice-table__line__mobile-more { display: block; } } .invoice-table__line__mobile-more__line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .invoice-table__line__mobile-more__line--header { color: black; padding-bottom: 10px; } .invoice-table__line__mobile-more__line__info { width: 50% } .invoice-table__line__mobile-more__line__info__product { color: black; } .invoice-table__line__mobile-more__line__price { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .base-table { width: 100%; max-width: 960px; max-width: 60rem; margin-bottom: 48px; margin-bottom: 3rem; } .base-table td, .base-table th { padding: 16px 24px; padding: 1rem 1.5rem; border-bottom: 1px solid #e6e6e6; } .base-table td:first-child, .base-table th:first-child { padding-left: 0 !important; } .base-table td:last-child, .base-table th:last-child { padding-right: 0 !important; } .base-table tr:last-child td { border-bottom: none; } .base-table th { line-height: 1.334; white-space: nowrap; } .base-table th.sortable:hover { cursor: pointer; } .base-table__tertiary { width: 88px; width: 5.5rem; white-space: nowrap; } .base-table__state.depleted { color: #b3b3b3; } .base-table__secondary { width: 96px; width: 6rem; white-space: nowrap; } .base-table__actions, .base-table__referral-amount { width: 1%; white-space: nowrap; } .base-table__referral-amount.paid { color: #b3b3b3; } .base-table__referral-amount.unpaid { color: #67b7bf; } .base-table.equal-row-height td { height: 74px; height: 4.625rem; } .base-table.narrow td, .base-table.narrow th { padding: 12px; padding: 0.75rem; } .base-table.referrals td:first-child { width: 50% } .base-table.referrals td { max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 1rem 0.5rem; } .client-space-heading+.history-table { margin-top: -16px; margin-top: -1rem; } #page-myaccount-invoices .base-table, #page-myaccount-credits .base-table, #page-myaccount-reseller-client-list .base-table, #page-myaccount-reseller-manage-stores .base-table { margin: auto; width: auto; } #page-myaccount-credits .base-table .base-table__primary { width: 310px; } #page-myaccount-reseller-downloads .description-table { margin: auto; } #page-myaccount-reseller-client-list .reseller_add_new_client .col-md-6:first-child { padding-left: 0; } #page-myaccount-reseller-client-list .reseller_add_new_client .col-md-6:last-child { padding-right: 0; } @media only screen and (max-width: 992px) { #page-myaccount-reseller-client-list .reseller_add_new_client .col-md-6: first-child, #page-myaccount-reseller-client-list .reseller_add_new_client .col-md-6:last-child { padding: 0; } } #page-myaccount-mymusic .playlist-actions .col-md-6 { padding-left: 0; } #page-myaccount-mymusic .playlist-actions .col-md-6 .button:last-child { margin-left: 0.5rem; } @media only screen and (max-width: 920px) { #page-myaccount-mymusic .button-cart { min-width: 180px; width: 180px; } } .search-filter { padding: 14px 24px; padding: 0.875rem 1.5rem; position: relative; width: 304px; width: 19rem; display: inline-block; } @media only screen and (max-width: 992px) { .search-filter { display: none; } } .search-filter--mobile { display: none !important; padding: 0; height: fit-contents; } @media only screen and (max-width: 768px) { .search-filter--mobile { display: block !important; } } @media only screen and (max-width: 768px) { .search-filter { display: none; } } .search-filter__heading { color: gray; padding-bottom: 24px; padding-bottom: 1.5rem; text-transform: none; } .search-filter__lists>li { padding-bottom: 24px; padding-bottom: 1.5rem; margin-bottom: 24px; margin-bottom: 1.5rem; border-bottom: 1px solid #ccc; } .search-filter__lists>li .heading { line-height: 2; text-align: left; margin: 0; font-family: "futurademi", Arial, sans-serif; color: gray; } .search-filter__lists>li:last-child { border-bottom: none; margin-bottom: none; } .search-filter__list { line-height: 2; } .search-filter__list a { position: relative; display: block; text-decoration: none; color: black !important; } .search-filter__list a.is-current:before { content: ''; display: block; background-color: #C4C4C4; width: 6px; width: 0.375rem; height: 6px; height: 0.375rem; border-radius: 100%; position: absolute; left: -12px; left: -0.75rem; margin-top: -3px; margin-top: -0.1875rem; top: 50% } .search-filter__list a.main { text-transform: uppercase; margin-bottom: 8px; margin-bottom: 0.5rem; font-family: "futurademi", Arial, sans-serif; color: gray; } .search-filter__list a.is-disabled { color: #afd9dd; } .search-filter__list a.is-disabled:hover { cursor: not-allowed; } .search-filter__list a .pill { margin-left: 8px; margin-left: 0.5rem; } .error-notification { padding: 16px; padding: 1rem; margin-bottom: 24px; margin-bottom: 1.5rem; border: 1px solid #ed795a; color: #ed795a; } .error-notification>div:first-child { padding-right: 16px; padding-right: 1rem; } .error-notification>div:last-child { line-height: 1.334; } .error-notification.success { border: 1px solid #67b7bf; color: #67b7bf; } fieldset { padding-top: 32px; padding-top: 2rem; margin-top: 8px; margin-top: 0.5rem; border-top-width: 1px; border-top-width: 0.0625rem; border-top-style: solid; border-top-color: #e6e6e6; } fieldset:first-of-type { border-top: none; padding-top: 0; margin-top: 0; } fieldset.reset { padding: 0; border: 0; } fieldset.reset:first-of-type { margin-top: inherit; } legend { margin-bottom: 0; text-transform: uppercase; -webkit-transform: translateY(0.5rem); transform: translateY(0.5rem); } label { position: relative; display: block; font-weight: initial; } .label-info { margin-left: 8px; margin-left: 0.5rem; vertical-align: top; } .form-group label:not(.error), .label { margin-bottom: 6px; margin-bottom: 0.375rem; line-height: 1.334; } .form-group label:not(.error).hitbox, .label.hitbox { line-height: inherit; } .form-group, .form-checkbox-buttons-group { margin-bottom: 24px; margin-bottom: 1.5rem; } .form-pick-group { margin-bottom: 16px; margin-bottom: 1rem; } .form-pick-group label.error { margin-top: 0; } .form-submit-group { text-align: center; } .form-inline-monofield>div:first-child { width: 100% } .form-inline-monofield>div:last-child { padding-left: 8px; padding-left: 0.5rem; } .form-inline-monofield [type=submit] { white-space: nowrap; } .form-group { position: relative; } .form-group.fieldset-heading label:not(.error):not(.success) { text-transform: uppercase; } .form-group.fieldset-heading label:not(.error):not(.success) span { text-transform: none; } .form-group.auto-width select { width: auto; display: inline-block; } .form-group.auto-width select+select { margin-left: -1px; } .form-control { color: #4d4d4d; height: 36px; height: 2.25rem; padding: 0 10px; padding: 0 0.625rem; border-color: #ccc; border-width: 1px; border-width: 0.0625rem; box-shadow: none; border-radius: 0; } .form-control:focus { border: 1px solid #67b7bf; box-shadow: 0 0 6px #afd9dd; } .form-control.branded { border-color: #67b7bf; border-width: 2px; border-radius: 4px; color: #67b7bf; text-transform: uppercase; line-height: 1; padding: 8px 32px 8px 12px; font-size: 15px; white-space: normal; word-break: break-all; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("https://images.jamendo.com/jamendolicensing/static/navigation/chevron-down.svg"); background-repeat: no-repeat; background-position: 92% center; background-size: 16px 16px; } .form-control.discreet { border-color: white; border-radius: 4px; color: #979797; font-family: "futurabook", Arial, sans-serif; text-transform: uppercase; line-height: initial; padding: 5px 32px 5px 12px; font-size: 14px; white-space: normal; word-break: break-word; width: auto; height: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("https://images.jamendo.com/jamendolicensing/static/navigation/chevron-down-gray-8.svg"); background-repeat: no-repeat; background-position: 93% 49%; background-size: 13px 13px; } .form-control.discreet:focus { border: 1px solid #7d7d7d; box-shadow: none; } .form-control.xs { border: none; color: #979797; font-weight: 400; line-height: initial; padding: 8px; font-size: 12px; text-decoration: underline; white-space: normal; word-break: break-word; width: auto; height: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-control.xs:focus { border: none; box-shadow: none; } .form-control.blocked { cursor: default; pointer-events: none; background: none; } .form-control.width-100 { width: 100%; background-position: 95% 44%; padding: 8px 32px 8px 8px; } .form-control.input-line { border: none; border-bottom: 1px solid #cbcbcb; padding-left: 8px; font-size: 16px; } .form-control.input-line:focus { border-bottom: 1px solid #67b7bf; box-shadow: none; color: #48a2ab; } .form-control.simple { height: 43px; border: none; } .form-control.simple:focus { box-shadow: none; } .checkbox, .checkbox-inline, .radio, .radio-inline { margin: 0; } .checkbox label, .checkbox-inline label, .radio label, .radio-inline label { line-height: 1.23; color: #646464; cursor: pointer; min-height: 24px; min-height: 1.5rem; margin-bottom: 0; } label.error, label.success, .help-block { color: #999; font-weight: "futurabook", Arial, sans-serif; padding: 8px 0 0; padding: 0.5rem 0 0; line-height: 1.4; clear: both; } label.error, label.success { font-size: 11px !important; font-size: 0.6875rem !important; letter-spacing: 1px !important; color: #ed795a; } label.error.placeholder-error, label.success.placeholder-error { position: absolute; width: 100%; bottom: 0; height: 36px; background-color: #ffd7d7; margin: 0 0 1px 0; padding: 8px; font-size: 13px !important; letter-spacing: 0 !important; color: black; cursor: text; } label.error.placeholder-error.outside, label.success.placeholder-error.outside { position: relative; display: block; width: auto; height: auto; min-height: 36px; margin-top: 16px; line-height: 1.6; padding: 12px; cursor: default; } label.success { color: #67b7bf; } select.form-control { padding: 0rem 16px 0rem 6px; padding: 0rem 1rem 0rem 0.375rem; cursor: pointer; } input[type="checkbox"], input[type="radio"] { margin-top: 0; } input[type="checkbox"]:focus, input[type="radio"]:focus { border-color: none; box-shadow: none; outline: none; } ::-webkit-input-placeholder { color: #999; } :-moz-placeholder { color: #999; } ::-moz-placeholder { color: #999; } :-ms-input-placeholder { color: #999; } .form-checkbox-buttons-group__label { margin-bottom: 5px; margin-bottom: 0.3125rem; } .form-checkbox-buttons-group .checkbox-button { width: 33.33333% } .form-checkbox-buttons-group .checkbox-button:nth-child(3n+1) { padding: 3px 4px 3px 0; padding: 0.1875rem 0.25rem 0.1875rem 0; } .form-checkbox-buttons-group .checkbox-button:nth-child(3n+2) { padding: 3px 2px 3px 2px; padding: 0.1875rem 0.125rem 0.1875rem 0.125rem; } .form-checkbox-buttons-group .checkbox-button:nth-child(3n+3) { padding: 3px 0 3px 4px; padding: 0.1875rem 0 0.1875rem 0.25rem; } .form-checkbox-buttons-group .checkbox-button label { width: 100% } .form-checkbox-buttons-group__visible, .form-checkbox-buttons-group__expand-expendable { font-size: 0; } .form-checkbox-buttons-group__expand-expendable { display: none; } .form-checkbox-buttons-group__expand-trigger { display: block; width: 100%; text-align: right; color: #b3b3b3; } .form-checkbox-buttons-group__expand-trigger:after { content: '\25BC' } .form-checkbox-buttons-group__expand-trigger:focus { outline: 0; } .form-checkbox-buttons-group__expand.is-expanded .form-checkbox-buttons-group__expand-expendable { display: block; } .form-checkbox-buttons-group__expand.is-expanded .form-checkbox-buttons-group__expand-trigger:after { content: '\25B2' } .form-checkbox-buttons-group+.form-checkbox-buttons-group { margin-top: -8px; margin-top: -0.5rem; } .checkbox-button { display: inline-block; } .checkbox-button input[type="checkbox"] { display: none; } .checkbox-button input[type="checkbox"]:checked+label { background-color: #67b7bf; } .checkbox-button label { padding: 0 8px; padding: 0 0.5rem; border-radius: 4px; border-radius: 0.25rem; color: #FFF; line-height: 2; height: 24px; background-color: #b3b3b3; cursor: pointer; text-align: center; margin: 0; } .form-group-slider label { margin-bottom: 11px; margin-bottom: 0.6875rem; } .form-group-slider .informational-link { position: absolute; left: 27px; } .form-group-slider .informational-link .icon { top: -2px; } .form-group-slider .ltr-infos { float: right; text-align: right; } .form-group-slider .scale { position: relative; text-align: center; width: 100% } .form-group-slider .scale span { margin-top: 8px; margin-top: 0.5rem; text-align: center; vertical-align: top; float: left; color: #b3b3b3; } .form-group-slider .scale .intermediate { position: absolute; top: 0; } .form-group-slider .scale .start { text-align: left; } .form-group-slider .scale .end { float: right; text-align: right; } .form-group-slider .scale.scale10 .intermediate { left: 5%; right: 5% } .form-group-slider .scale.scale10 .intermediate span { width: 11.1111% } .input-card-security-code { width: 80px; width: 5rem; } .input-vat { margin-left: -1px; width: 160px; width: 10rem; display: inline-block; } .input-vat-country-prefix { padding: 0 12px; padding: 0 0.75rem; height: 36px; height: 2.25rem; border-style: solid; border-color: #ccc; border-width: 1px; border-width: 0.0625rem; display: inline-block; float: left; vertical-align: top; line-height: 3; text-align: center; white-space: nowrap; } .input-vat-country-prefix:empty { display: none; } .payment-methods { margin-top: 20px; margin-top: 1.25rem; } .payment-methods button:focus { outline: 0; } .form-group-paragraph { min-height: 90px; min-height: 5.625rem; } .form-group-paragraph p { margin-bottom: 20px; margin-bottom: 1.25rem; } .form-group.registrer input { margin-left: 0; } .form-group.registrer span { margin-left: 20px; } #funnel-payment fieldset { padding: 20px; padding: 1.25rem; margin-top: 8px; margin-top: 0.5rem; border-width: 1px; border-width: 0.0625rem; border-style: solid; border-color: #ebebeb; } #funnel-payment fieldset:first-of-type, #funnel-payment fieldset .country-form { border-top: solid; border-width: 1px; border-width: 0.0625rem; border-color: #ebebeb; padding-top: 1.25rem; margin-top: 0; margin-bottom: 16px; margin-bottom: 1rem; } #funnel-payment fieldset:first-of-type>.form-group, #funnel-payment fieldset .country-form>.form-group { margin-bottom: 0; } #funnel-payment fieldset:first-of-type button, #funnel-payment fieldset .country-form button { top: -3px; left: 7px; } #funnel-payment fieldset .credit-card-payment .row .form-group { margin-bottom: 0.25rem; } #funnel-payment fieldset.box-terms-conditions { border: none; padding-top: 8px; padding-top: 0.5rem; } .notification { color: #FFF; display: block; background-color: #67b7bf; opacity: 1; } .notification__body>*:first-child { padding-left: 24px; padding-left: 1.5rem; } .notification__icon, .notification__close { width: 48px; width: 3rem; } .notification__icon { padding-right: 16px; padding-right: 1rem; } .notification__text { padding: 16px 0; padding: 1rem 0; /**/ line-height: 1.143; } .notification__text a, .notification__text button { color: inherit; text-decoration: underline; } .notification__close button { width: 48px; width: 3rem; height: 48px; height: 3rem; opacity: 0.3; filter: alpha(opacity=30); color: #000; } .notification__close button .icon { line-height: 1.334; } .notification__close button:hover { color: #FFF; opacity: 1; filter: alpha(opacity=100); } .notification__close button:focus { outline: none; } .notification__countdown { height: 8px; height: 0.5rem; } .notification__countdown-bar { width: 100%; height: 100%; background-color: #000; opacity: .1; } .notification.self-destruct { -webkit-animation: destroyMe 0s ease-in 7s forwards; animation: destroyMe 0s ease-in 7s forwards; } .notification.self-destruct .notification__countdown-bar { -webkit-animation: barAnimation 7s linear; animation: barAnimation 7s linear; } .notification.warning { background-color: #ed795a; } .notification-float-list { position: fixed; top: 16px; top: 1rem; right: 16px; right: 1rem; width: 320px; width: 20rem; z-index: 630; } .notification-float-list>li { margin-bottom: 8px; margin-bottom: 0.5rem; } .notification-announcements-list { z-index: 630; position: relative; position: fixed; bottom: 0; left: 0; right: 0; } .notification-announcements-list>li { border-bottom: 1px solid #FFF; } .notification-announcements-list>li:last-child { border-bottom: none; } @-webkit-keyframes destroyMe { to { width: 0; height: 0; overflow: hidden; visibility: hidden; } } @keyframes destroyMe { to { width: 0; height: 0; overflow: hidden; visibility: hidden; } } @-webkit-keyframes barAnimation { to { width: 0% } } @keyframes barAnimation { to { width: 0% } } .picker-filter { padding-bottom: 24px; padding-bottom: 1.5rem; } .picker-filter>div { border-bottom: 1px solid #ccc; } .picker-filter>div:first-child { width: 100%; padding-right: 5.2px; padding-right: 0.325rem; } .picker-filter_input { padding: 6px 0; padding: 0.375rem 0; width: 100%; border: none; outline: none; } .picker-filter_clear { margin-right: -10px; margin-right: -0.625rem; } .picker-list { overflow-y: auto; background-color: #FFF; color: #646464; height: auto; line-height: 3rem; } .picker-list .item { height: 48px; height: 3rem; border-bottom: 1px solid #e6e6e6; } .picker-list .item:last-child { border-bottom: none; } .picker-list input[type=checkbox] { display: none; } .picker-list .hitbox { height: 100%; width: 100%; text-align: left; outline: none; padding: 0 16px 0 0; padding: 0 1rem 0 0; margin: 0; } .picker-list .hitbox .icon { margin-right: 12px; margin-right: 0.75rem; top: 2px; color: #ccc; } .picker-list .hitbox .icon.bordered { font-size: 11px; font-size: 0.6875rem; border: 1px solid; top: 0px; padding-top: 2px; padding-left: 1px; margin-right: 0.5rem; } .picker-list .hitbox:hover { cursor: pointer; } .picker-list .hitbox.is-checked .icon, .picker-list input[type=checkbox]:checked+.hitbox .icon { color: #67b7bf; } .picker-list.small { max-height: 145px; max-height: 9.0625rem; } .picker-list.large { max-height: 337px; max-height: 21.0625rem; } .picker-list.framed { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .picker-list.framed .hitbox { padding-left: 16px; padding-left: 1rem; } .processing { position: relative; z-index: 0; } .processing:before { opacity: 0.85; filter: alpha(opacity=85); display: block; z-index: 10; background-color: #FFF; content: '' } .processing>.loader { position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-top: -0.75rem; margin-left: -12px; margin-left: -0.75rem; z-index: 11; display: block; } tr.processing { opacity: 0.25; filter: alpha(opacity=25); } tr.processing:before { display: none; } .quantity-picker { display: inline; font-size: 0; white-space: nowrap; } .quantity-picker .minus, .quantity-picker .field, .quantity-picker .plus { height: 25.6px; height: 1.6rem; display: inline-block; vertical-align: top; } .quantity-picker .minus, .quantity-picker .plus { width: 24px; width: 1.5rem; font-weight: bold; background-color: #b3b3b3; line-height: 0; } .quantity-picker .minus:hover, .quantity-picker .plus:hover { background-color: #9a9a9a; cursor: pointer; text-decoration: none; } .quantity-picker .minus.disabled, .quantity-picker .plus.disabled { cursor: not-allowed; pointer-events: none; } .quantity-picker .minus .icon, .quantity-picker .plus .icon { font-size: 0.75rem; width: 0.75rem; height: 0.75rem; } .quantity-picker .minus { border-top-left-radius: 4px; border-top-left-radius: 0.25rem; border-bottom-left-radius: 4px; border-bottom-left-radius: 0.25rem; } .quantity-picker .plus { border-top-right-radius: 4px; border-top-right-radius: 0.25rem; border-bottom-right-radius: 4px; border-bottom-right-radius: 0.25rem; } .quantity-picker .field { width: 44.8px; width: 2.8rem; padding: 0 8px; padding: 0 0.5rem; display: inline-block; border: 1px solid #b3b3b3; border-left: none; border-right: none; color: #999; outline: none; } .quantity-picker.large .minus, .quantity-picker.large .plus { width: 32px; width: 2rem; height: 36px; height: 2.25rem; } .quantity-picker.large .icon { font-size: 1rem; width: 1rem; height: 1rem; } .quantity-picker.large .field { height: 36px; height: 2.25rem; width: 64px; width: 4rem; text-align: center; border: 2px solid #b3b3b3; border-left: none; border-right: none; margin-left: -2px; } .quantity-picker.prefilled .minus, .quantity-picker.prefilled .plus { background-color: #67b7bf; } .quantity-picker.prefilled .field { border-color: #67b7bf; color: #67b7bf; } .quantity-picker.rounded { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 160px; height: 40px; border: 1px solid black; border-radius: 20px; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3); } .quantity-picker.rounded .minus, .quantity-picker.rounded .plus { background-color: transparent; color: black; margin: 0 8px; } .quantity-picker.rounded .field { border: none; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: black; } .reseller-csv-error-list { border: 1px solid #ed795a; padding: 16px; padding: 1rem; margin-bottom: 32px; margin-bottom: 2rem; } .reseller-csv-error-list li:not(:last-child) { padding-bottom: 12px; padding-bottom: 0.75rem; margin-bottom: 12px; margin-bottom: 0.75rem; border-bottom: 1px solid #e6e6e6; } .reseller-csv-error-list .description { font-family: "futurademi", Arial, sans-serif; color: #ed795a; } .reseller-csv-error-list .error-row { margin: 12px 0 8px; margin: 0.75rem 0 0.5rem; } .reseller-csv-error-list .error-row td { padding: 6px; padding: 0.375rem; border: 1px solid #ccc; white-space: nowrap; } .reseller-csv-error-list .error-row td.error { border: 1px solid #ed795a; background-color: #ed795a; color: #FFF; } .reseller-csv-format .content { padding: 16px 16px 0; padding: 1rem 1rem 0; border: 1px solid whitesmoke; border-bottom: none; } .reseller-csv-format .title { font-family: "futurademi", Arial, sans-serif; margin-bottom: 8px; margin-bottom: 0.5rem; } .reseller-csv-format .example td, .reseller-csv-format .content th { width: 100% } .reseller-csv-format+.reseller-csv-format { margin-top: 8px; margin-top: 0.5rem; } .results-heading { padding: 16px 34px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 992px) { .results-heading { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (max-width: 768px) { .results-heading { padding: 0; } } .results-heading__count { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media only screen and (max-width: 992px) { .results-heading__count { text-align: center; } } @media only screen and (max-width: 768px) { .results-heading__count { display: none; } } .results-heading__count-text { padding-right: 16px; padding-right: 1rem; margin-right: 16px; margin-right: 1rem; display: inline-block; color: gray; background-color: #FFF; margin-bottom: 0; } @media only screen and (max-width: 992px) { .results-heading__count-text { padding-right: 0rem; margin-right: 0rem; } } .results-heading__count-text.highlight { padding-right: 16px; padding-right: 1rem; margin-right: 16px; margin-right: 1rem; color: gray; background-color: #FFF; font-size: 18px; font-weight: 350; color: #67b7bf; } @media only screen and (max-width: 992px) { .results-heading__count-text.highlight { padding-right: 0rem; margin-right: 0rem; } } .results-heading>button:focus { outline: none; } .results-heading__space { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (max-width: 1300px) { .results-heading__space { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } } .results-heading__action { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 768px) { .results-heading__action { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); width: 100% } } .results-heading__action__break { display: none; } @media only screen and (max-width: 768px) { .results-heading__action__break { display: block; -ms-flex-preferred-size: 100%; flex-basis: 100%; height: 0; } } @media only screen and (max-width: 768px) { .results-heading__action__license { display: block; width: 100% } .results-heading__action__license .button-default-license { width: 100%; min-height: 48px; border: none; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; padding: 0; box-shadow: none; } } @media only screen and (max-width: 768px) { .results-heading__action__filter { width: 50%; height: 100%; min-height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 5px; padding-right: 5px; } .results-heading__action__filter .button-checkbox .content-displaying { display: none; } .results-heading__action__filter__order { border: none; color: #646464; outline: none; cursor: pointer; font-size: 1rem; overflow: hidden; text-overflow: ellipsis; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } } .results-heading__action__filter--mobile { display: none; } @media only screen and (max-width: 768px) { .results-heading__action__filter--mobile { display: -webkit-box; display: -ms-flexbox; display: flex; border-right: 1px solid #D8D8D8; margin-right: 0; } } .results-heading__action__filter:nth-child(2) { margin-right: 5px; } @media only screen and (max-width: 768px) { .results-heading__action__filter: nth-child(2) { padding-right: 5px; margin-right: 0; } } .results-heading__action__filter__refine { cursor: pointer; width: 100%; min-height: 44px; margin: 0; } @media only screen and (max-width: 768px) { .results-heading__action__filter__refine { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .results-heading__action__filter__refine span { margin-left: 3px; } } .hero+.section { margin-top: 64px; margin-top: 4rem; } .section { margin-bottom: 64px; margin-bottom: 4rem; } .section.low-bottom-space { margin-bottom: 32px; margin-bottom: 2rem; } .section.no-bottom-space { margin-bottom: 0rem; } .section header { text-align: center; } .section header h1, .section header h2 { text-align: center !important; font-family: "futurabold", Arial, sans-serif; font-size: 24px; } .section header h1, .section header h2 p { margin-bottom: 24px; margin-bottom: 1.5rem; } .section header h1, .section header h2 { text-align: center; } .section header h1.lighter, .section header h2.lighter { font-weight: 300; text-transform: none; font-size: 2rem; } .section header .cta-info { color: #67b7bf; font-family: "futurabold", Arial, sans-serif; margin-bottom: 40px; margin-bottom: 2.5rem; } .section p { max-width: 640px; max-width: 40rem; color: gray; } .section p.h1-grey-aspect { font-family: "futurabold", Arial, sans-serif; font-size: 24px; text-transform: uppercase; } .section .price-condition { color: #67b7bf; font-size: 0.75rem; display: block; text-align: center; max-width: none; } .section .centered { width: 100%; max-width: 100%; text-align: center; } .section .bigger { font-family: "futurabold", Arial, sans-serif; margin-bottom: 56px; margin-bottom: 3.5rem; } .section .no-bottom-space { margin-bottom: 0; } .section.secondary h1 { color: #646464; } .section-background { margin: 0; } .section-pricing { padding-top: 64px; padding-top: 4rem; padding-bottom: 80px; padding-bottom: 5rem; } .section-pricing.low-bottom-padding { padding-bottom: 40px; padding-bottom: 2.5rem; } @media only screen and (max-width: 992px) { .section-pricing { padding-top: 24px; padding-top: 1.5rem; } } .section-pricing-licences { padding-top: 64px; padding-top: 4rem; padding-bottom: 48px; padding-bottom: 3rem; } .section-bottom-padding { padding-bottom: 80px; padding-bottom: 5rem; } .section-bottom-padding-0 { padding-bottom: 0rem; } .section+.section:not(.section-background):before { display: block; margin: 0 auto 72px; margin: 0 auto 4.5rem; width: 40px; width: 2.5rem; height: 8px; height: 0.5rem; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .section:not(.secondary)+.section:not(.secondary):before { border-top-color: #67b7bf; border-bottom-color: #67b7bf; } .section-background:not(.inverted)+.section { margin-top: 64px; margin-top: 4rem; } .task-list li { margin-bottom: 24px; margin-bottom: 1.5rem; } .uft-list-todo-empty { margin-top: 10px; } .task { padding: 32px; padding: 2rem; border: 2px solid #67b7bf; position: relative; } .task.split { max-width: 1200px; max-width: 75rem; } .task__heading { margin-bottom: 16px; margin-bottom: 1rem; font-family: "futurademi", Arial, sans-serif; color: #67b7bf; line-height: 1.334; } .task__split-cols { margin-top: 8px; margin-top: 0.5rem; } @media only screen and (min-width: 1200px) { .task__split-cols .col-left, .task__split-cols .col-right { padding-top: 24px; padding-top: 1.5rem; } .task__split-cols .col-left { padding-right: 32px; padding-right: 2rem; border-right: 1px solid #ccc; } .task__split-cols .col-right { padding-left: 32px; padding-left: 2rem; } } .task__wire-transfer-change { text-align: center; } .task__wire-transfer-invoice, .task__wire-transfer-bank-accounts { margin-bottom: 16px; margin-bottom: 1rem; } .task__wire-transfer-bank-accounts { display: block; padding: 8px 0; padding: 0.5rem 0; } .task__wire-transfer-bank-accounts>li { float: left; width: 50%; padding: 8px 16px 8px 0; padding: 0.5rem 1rem 0.5rem 0; } .task__wire-transfer-bank-accounts>li:last-child { border-left: 1px solid #ccc; padding: 8px 0rem 8px 16px; padding: 0.5rem 0rem 0.5rem 1rem; } .task__wire-transfer .flex-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .task__wire-transfer .flex-content ul { margin: 0; padding: 0; } .task__wire-transfer .flex-content li { width: auto; } .task__wire-transfer .flex-content .button { max-width: 400px; } .task__date { position: absolute; top: 0; right: 0; color: #FFF; background-color: #8bc8ce; padding: 4px; padding: 0.25rem; line-height: 1; } .task dl { margin: 8px 0 8px; margin: 0.5rem 0 0.5rem; } .task dl dt, .task dl dd { display: inline; } .task dl dt:before { content: ""; display: block; } .task dl dd { font-family: "futurademi", Arial, sans-serif; } .task .chosen-container { width: 100% !important; } .task.locked { border-color: #d3eaec; } .task.locked:after { opacity: 0.7; filter: alpha(opacity=70); display: block; z-index: 10; background-color: #FFF; content: '' } .task.locked:hover { cursor: not-allowed; } .thumb-list { margin: 0 -8px; margin: 0 -0.5rem; } .thumb-list li { float: left; width: 50%; padding: 8px; padding: 0.5rem; } .thumb-list li.thumb-tradingdesk { width: 100% } .thumb-list li.thumb-seo { width: 100% } .thumb-list li>div { overflow: hidden; } .thumb-list li>div>div:first-child { z-index: -1; } .thumb-list li>div>div:first-child:after { opacity: 0.35; filter: alpha(opacity=35); } .thumb-list li:hover img { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.1, 1.1); transform: translateZ(0) scale(1.1, 1.1); } .thumb-list a, .thumb-list button { width: 100%; height: 100%; text-decoration: none; padding: 0 8px; padding: 0 0.5rem; white-space: normal; word-break: break-word; } .thumb-list img { transition: all .2s ease-in-out; } .thumb-list .icon { color: #FFF; line-height: 1.334; } .thumb-list h2 { font-size: 1rem; font-weight: "futurabook", Arial, sans-serif; line-height: 1.334; text-transform: uppercase; color: #FFF; margin: 0; } @media only screen and (min-width: 350px) { .thumb-list li.thumb-seo { width: 50% } } @media only screen and (min-width: 480px) { .thumb-list li.thumb-tradingdesk { width: 50% } } @media only screen and (min-width: 768px) { .thumb-list li { width: 25% } .thumb-list li.thumb-seo { width: 33.33333% } } @media only screen and (min-width: 992px) { .thumb-list li { width: 16.66667% } .thumb-list li.large { width: 33.33333% } .thumb-list li.thumb-tradingdesk { width: 25% } .thumb-list li.thumb-seo { width: 20% } } @media only screen and (min-width: 1200px) { .thumb-list li { width: 14.28571% } .thumb-list li.large { width: 28.55% } .thumb-list li.thumb-tradingdesk { width: 25% } .thumb-list li.thumb-seo { width: 20% } } .checkout-container { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin: 48px auto 0; padding: 0; } .checkout-container li { z-index: 1; position: relative; list-style-type: none; width: 100% } .checkout-container li i { background-color: #FFF; border: 3px solid #b3b3b3; width: 30px; height: 30px; border-radius: 50%; margin: 0 auto; display: block; } .checkout-container li p { width: 100%; text-align: center; margin-top: 6px; color: #b3b3b3; } .checkout-container li[current] i { background-color: #FFF; position: relative; } .checkout-container li[current] i::after { content: ''; position: absolute; width: 14px; height: 14px; border: 7px solid; border-radius: 50%; color: #67b7bf; top: 5px; left: 5px; } .checkout-container li[current] p { color: #67b7bf; } .checkout-container li[validated] i { background-color: #67b7bf; border-color: #67b7bf; position: relative; } .checkout-container li[validated] i::after { content: ''; display: block; position: absolute; top: 3px; left: 7px; width: 9px; height: 16px; border: solid #FFF; border-width: 0 4px 4px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .checkout-container::after { content: ''; border: 1.5px solid #b3b3b3; position: absolute; top: 14px; left: calc(100% / 6); width: calc((100% / 6)*4); } [progressbar-steps-container] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin: 0 auto; padding: 0; } [progressbar-steps-container]::after { content: ''; position: absolute; top: 5px; height: 6px; left: calc(100% / 8); width: calc((100% / 8)*6); background-color: #e6e6e6; border-radius: 3px; } [progressbar-steps-container] li { z-index: 1; position: relative; list-style-type: none; width: 100% } [progressbar-steps-container] li i { background-color: transparent; border-color: transparent; width: 16px; height: 16px; border-radius: 50%; margin: 0 auto; display: block; } [progressbar-steps-container] li p { width: 100%; text-align: center; margin-top: 6px; color: #ccc; } [progressbar-steps-container][default] li:first-of-type i { background-color: #67b7bf; } [progressbar-steps-container][default] li:first-of-type p { color: #67b7bf; } [progressbar-steps-container][step1] li:nth-of-type(2) i { background-color: #67b7bf; } [progressbar-steps-container][step1] li:nth-of-type(1) p, [progressbar-steps-container][step1] li:nth-of-type(2) p { color: #67b7bf; } [progressbar-steps-container][step1]::before { content: ''; position: absolute; top: 5px; height: 6px; background-color: #67b7bf; border-radius: 3px; z-index: 1; left: calc(100% / 8); width: calc((100% / 8)*2); } [progressbar-steps-container][step2] li:nth-of-type(3) i { background-color: #67b7bf; } [progressbar-steps-container][step2] li:nth-of-type(1) p, [progressbar-steps-container][step2] li:nth-of-type(2) p, [progressbar-steps-container][step2] li:nth-of-type(3) p { color: #67b7bf; } [progressbar-steps-container][step2]::before { content: ''; position: absolute; top: 5px; height: 6px; background-color: #67b7bf; border-radius: 3px; z-index: 1; left: calc(100% / 8); width: calc((100% / 8)*4); } [progressbar-steps-container][validated] li:nth-of-type(4) i { background-color: #67b7bf; position: relative; } [progressbar-steps-container][validated] li:nth-of-type(4) i::after { content: ''; display: block; position: absolute; top: 2px; left: 5px; width: 5px; height: 9px; border: solid #FFF; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } [progressbar-steps-container][validated] li:nth-of-type(1) p, [progressbar-steps-container][validated] li:nth-of-type(2) p, [progressbar-steps-container][validated] li:nth-of-type(3) p, [progressbar-steps-container][validated] li:nth-of-type(4) p { color: #67b7bf; } [progressbar-steps-container][validated]::before { content: ''; position: absolute; top: 5px; height: 6px; background-color: #67b7bf; border-radius: 3px; z-index: 1; left: calc(100% / 8); width: calc((100% / 8)*6); } .progressbar-container { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin: 0 auto; padding: 0; } .progressbar-container .remaining { width: 50%; height: 6px; background-color: #67b7bf; position: absolute; right: 0; top: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .progressbar-container .total { width: 100%; height: 6px; background-color: #afd9dd; border-radius: 3px; } .referral-subscription-container { border: 0.5rem solid #afd9dd; padding: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .referral-subscription-container p { margin: 0; color: #b3b3b3; line-height: 1.35; max-width: 100% } .referral-subscription-container p:last-of-type { text-transform: uppercase; } .referral-subscription-container .completed-text, .referral-subscription-container .expired-text { display: none; } .referral-subscription-container [progressbar-steps-container] { margin: 8px; } .referral-subscription-container[completed]>p:first-of-type, .referral-subscription-container[completed] .expired-text { display: none; } .referral-subscription-container[completed] .completed-text { display: inline; } .referral-subscription-container[expired] p:first-of-type, .referral-subscription-container[expired] ol, .referral-subscription-container[expired] .completed-text { display: none; } .referral-subscription-container[expired] .expired-text { display: inline; margin-bottom: 10px; } .referral-subscription-container[expired] p:last-of-type span { display: block; font-size: 2.5rem; font-family: "futurabold", Arial, sans-serif; line-height: 1; margin-bottom: -10px; } .referral-subscription-container[only-total] p:first-of-type, .referral-subscription-container[only-total] ol, .referral-subscription-container[only-total] .completed-text, .referral-subscription-container[only-total] .expired-text { display: none; } .referral-subscription-container[only-total] p:last-of-type span { display: block; font-size: 2.5rem; font-family: "futurabold", Arial, sans-serif; line-height: 1; margin-bottom: -10px; } select[c-select] { position: fixed; top: -9999px; left: -9999px; } .c-select { width: 260px !important; line-height: 2.25rem; color: #67b7bf; font-size: 1rem; outline: none; cursor: pointer; background-color: #fff; height: auto; transition: border-radius 0s linear .1s, border-bottom 0s linear .1s; width: 100%; border: 2px solid #67b7bf; border-radius: 6px; position: relative; } .c-select__textbox { display: block; padding: 0 1.5rem; margin: 0; text-overflow: ellipsis; white-space: nowrap; min-height: 2.25rem; position: relative; text-transform: none; outline: none; cursor: pointer; overflow: hidden; box-sizing: border-box; } .c-select i { position: absolute; right: 24px; top: 10px; transition: -webkit-transform .1s linear .1s; transition: transform .1s linear .1s; } .c-select__listbox { max-height: 0rem; background-color: transparent; border-top: none; border-right: 2px solid #67b7bf; margin-right: -2px; border-left: 2px solid #67b7bf; margin-left: -2px; width: 260px; z-index: 110; transition: all .15s ease-out 0s; outline: none; cursor: pointer; overflow: hidden; position: absolute; } .c-select__option { background-color: #fff; outline: none; cursor: pointer; text-decoration: none; padding: 0 1.5rem; color: #67b7bf; overflow: ellipsis; white-space: nowrap; min-height: 2.25rem; text-transform: none; } .c-select__option[selected] { color: #4bd2e2; } .c-select__option.is-focused { color: #fff; background-color: #009de0; } .c-select__option:hover { color: #fff; background-color: #67b7bf; } .c-select[extended] { border-radius: 6px 6px 0 0; transition: border-radius 0s linear 0s, border-bottom 0.1s linear 0s; } .c-select[extended]:before { content: ''; box-shadow: 0 0.2rem 0.5rem 0 #d0d0d0; border-radius: 6px; position: absolute; width: calc(100%+2px * 2); margin-left: -2px; min-height: calc(100%+74px); margin-top: -2px; } .c-select[extended] i { -webkit-transform: scaleY(-1); transform: scaleY(-1); } .c-select[extended] .c-select__textbox:after { content: ''; border-bottom: 1px solid #8bc8ce; height: 1px; margin-top: -1px; display: block; } .c-select[extended] .c-select__listbox { max-height: 74px; border-bottom: 2px solid #67b7bf; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .c-select[extended] .c-select__listbox:after { content: ''; box-shadow: 0 0.2rem 0.5rem 0 #cfcfcf; margin-top: -2.25rem; } .c-select[extended] .c-select__listbox:hover { overflow: auto; } .widget { min-width: 662px; min-height: 460px; height: 100%; background-color: #FFF; padding: 36px; padding: 2.25rem; border-radius: 12px; border-radius: 0.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; cursor: default; } @-webkit-keyframes l-fade-in-background { 0% { background-color: rgba(255, 255, 255, 0); } 100% { background-color: white; } } @keyframes l-fade-in-background { 0% { background-color: rgba(255, 255, 255, 0); } 100% { background-color: white; } } @-webkit-keyframes l-move-from-left { 0%, 50% { -webkit-transform: translateX(-400px); transform: translateX(-400px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes l-move-from-left { 0%, 50% { -webkit-transform: translateX(-400px); transform: translateX(-400px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @media only screen and (max-width: 725px) { .widget { min-width: 100% } } @media only screen and (max-width: 565px) { .widget { padding: 24px; padding: 1.5rem; } } .widget.half-width { min-width: 331px; } @media only screen and (max-width: 725px) { .widget.half-width { min-width: 100% !important; } } @media only screen and (max-width: 565px) { .widget.half-width { padding: 24px; padding: 1.5rem; } } .widget>* { width: 100% } .widget header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .widget header h1 { color: black; margin: 0; text-transform: initial; text-transform: uppercase; font-family: Futura; } .widget header .explore-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #666; text-decoration: none; } .widget header .explore-track .icon-container { margin-left: 10px; border: 1px solid #666; border-radius: 30px; height: 30px; width: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .widget .content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media only screen and (max-width: 725px) { .widget .content { margin: 12px 0; margin: 0.75rem 0; } } .widget .content ul { width: 100%; margin: 0; padding: 0; list-style-type: none; } .widget .content ul>li { color: #999; margin-top: 8px; margin-top: 0.5rem; margin-bottom: 8px; margin-bottom: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-width: 0; } .widget .content ul>li.titles p { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; } @media only screen and (max-width: 565px) { .widget .content ul>li.titles { display: none; } } .widget .content ul>li>p { text-transform: uppercase; color: #999; width: 100%; margin-bottom: 0; line-height: initial; letter-spacing: 1px; } .widget .content ul>li .infos, .widget .content ul>li .actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .widget .content ul>li .infos p, .widget .content ul>li .actions p { color: #999; } .widget .content ul>li .infos p[ellipsed], .widget .content ul>li .actions p[ellipsed] { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .widget .content ul>li .infos p::first-letter, .widget .content ul>li .actions p::first-letter { text-transform: capitalize; } .widget .content ul>li .infos button, .widget .content ul>li .actions button { position: relative; outline: none; display: -webkit-box; display: -ms-flexbox; display: flex; } .widget .content ul>li .infos button:hover, .widget .content ul>li .actions button:hover { color: #67b7bf; } >.icon .widget .content ul>li .infos button:not(.icon-play), >.icon .widget .content ul>li .actions button:not(.icon-play) { display: block; } .widget .content ul>li .infos button .icon-alert-full, .widget .content ul>li .actions button .icon-alert-full { display: none; } .widget .content ul>li .infos button .icon-streaming, .widget .content ul>li .actions button .icon-streaming { color: #67b7bf; } .widget .content ul>li .infos button[action-requested] .icon-alert-full, .widget .content ul>li .actions button[action-requested] .icon-alert-full { display: block; color: orange; position: absolute; top: -7px; right: -6px; z-index: 1; } .widget .content ul>li .infos button[action-requested] .icon-alert-full::before, .widget .content ul>li .actions button[action-requested] .icon-alert-full::before { border: 2px solid #FFF; border-radius: 50%; background-color: #FFF; } .widget .content ul>li .infos button[action-requested].disabled .icon-alert-full:hover, .widget .content ul>li .actions button[action-requested].disabled .icon-alert-full:hover { color: orange; cursor: default; } .widget .content ul>li .infos button .lds-ring, .widget .content ul>li .actions button .lds-ring { display: none; } .widget .content ul>li .infos button[is-processing], .widget .content ul>li .actions button[is-processing] { pointer-events: none; cursor: not-allowed; } .widget .content ul>li .infos button[is-processing]>i, .widget .content ul>li .actions button[is-processing]>i { display: none; } .widget .content ul>li .infos button[is-processing] .lds-ring, .widget .content ul>li .actions button[is-processing] .lds-ring { display: inline-block; width: 28px; height: 28px; } .widget .content ul>li .infos button[is-processing] .lds-ring div, .widget .content ul>li .actions button[is-processing] .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 22px; height: 22px; margin: 3px; border: 2px solid #67b7bf; border-radius: 50%; -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #67b7bf transparent transparent transparent; } .widget .content ul>li .infos button[is-processing] .lds-ring div:nth-child(1), .widget .content ul>li .actions button[is-processing] .lds-ring div:nth-child(1) { -webkit-animation-delay: -0.45s; animation-delay: -0.45s; } .widget .content ul>li .infos button[is-processing] .lds-ring div:nth-child(2), .widget .content ul>li .actions button[is-processing] .lds-ring div:nth-child(2) { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .widget .content ul>li .infos button[is-processing] .lds-ring div:nth-child(3), .widget .content ul>li .actions button[is-processing] .lds-ring div:nth-child(3) { -webkit-animation-delay: -0.15s; animation-delay: -0.15s; } @-webkit-keyframes lds-ring { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes lds-ring { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .widget .content ul>li .infos button:last-child { display: none; } .widget .content ul>li .infos .hint--top i { line-height: 1.5; } @media only screen and (max-width: 725px) { .widget .content ul>li .infos { width: 100% } } .widget .content ul>li .infos>* { padding-right: 12px; margin: 0; } .widget .content ul>li .actions { min-height: 37px; } .widget .content ul>li .actions>* { margin: 0 12px; } .widget .content ul>li .actions>*:last-child { margin-right: 0; } .widget .content ul>li .actions button.disabled, .widget .content ul>li .actions button.disabled i { color: #ccc; } .widget .content ul>li .actions button.disabled:hover, .widget .content ul>li .actions button.disabled i:hover { color: #ccc; cursor: default; } .widget .content ul>li .actions .action { position: relative; } .widget .content ul>li .actions .action:last-child { margin-left: 7px; } .widget .content ul>li .actions .action .dropdown-content-open { display: none; } .widget .content ul>li .actions .action:hover .dropdown-content-open { display: block !important; z-index: 115; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-name: tooltip-anim; animation-name: tooltip-anim; } @-webkit-keyframes tooltip-anim { from { opacity: 0; -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes tooltip-anim { from { opacity: 0; -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @media only screen and (max-width: 725px) { .widget .content ul>li .actions .action: hover .dropdown-content-open { display: none; } } .widget .content ul>li .actions .action.dropdown-hover-not-allowed:hover .dropdown-content-open { -webkit-animation: none; animation: none; } @media only screen and (max-width: 725px) { .widget .content ul>li .actions .action.clicked .dropdown-content-open { display: block; z-index: 2; } .widget .content ul>li .actions .action.clicked .dropdown-content-open:hover { display: block; -webkit-animation: none; animation: none; } .widget .content ul>li .actions .action.clicked:hover .dropdown-content-open { -webkit-animation: none; animation: none; } } .widget .content .pop-in-wrapper ul li { color: #FFF; } .widget footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-flow: row-reverse; flex-flow: row-reverse; position: relative; } .widget footer .action .dropdown-content-open { display: none; } .widget footer .action:hover .dropdown-content-open { display: block; z-index: 2; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-name: tooltip-anim; animation-name: tooltip-anim; bottom: 35px; right: 0; } @media only screen and (max-width: 725px) { .widget footer .action: hover .dropdown-content-open { display: none; } } .widget footer .button-cart { width: auto; position: relative; } .widget footer .button-cart[pdf] { width: 220px; } .widget .dropdown-content-open { position: absolute; bottom: 25px; right: -13px; } .widget .dropdown-content-open .pin-bottom { margin-bottom: 16px; width: 16rem; } .widget .dropdown-content-open .pin-bottom .pop-in__heading::first-letter { text-transform: capitalize; } .widget .dropdown-content-open .pin-bottom ul { padding: 0.5rem 1.5rem 1.5rem 1.5rem; width: 100%; margin: 0; } .widget .dropdown-content-open .pin-bottom ul li { margin: 0 2px; display: inline-block; } .widget .dropdown-content-open .pin-bottom ul li:not(:last-of-type) a { margin-bottom: 6px; } .widget .dropdown-content-open .pin-bottom ul li button { margin: 0 !important; } .widget .dropdown-content-open .pin-bottom ul li button:hover { color: #FFF; } .widget .dropdown-content-open[action-requested] .pop-in { border-color: orange; } .widget .dropdown-content-open[action-requested] .pop-in .pop-in__heading { color: orange; } .widget .dropdown-content-open[action-requested] .pop-in .pop-in__actions li button, .widget .dropdown-content-open[action-requested] .pop-in .pop-in__actions button { background-color: orange !important; } .widget .dropdown-content-open[action-requested] .pop-in .pop-in__actions li button:hover, .widget .dropdown-content-open[action-requested] .pop-in .pop-in__actions button:hover { background-color: orange; } .widget .dropdown-content-open[action-requested] .pop-in.pin-bottom::before, .widget .dropdown-content-open[action-requested] .pop-in.pin-bottom::after { top: 100%; right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .widget .dropdown-content-open[action-requested] .pop-in.pin-bottom:before { border-color: rgba(245, 110, 110, 0); border-top-color: orange; border-width: 10px; right: 15px; } .widget .dropdown-content-open[action-requested] .pop-in.pin-bottom:after { background-image: none; border-color: rgba(255, 255, 255, 0); border-top-color: #FFF; border-width: 7px; right: 18px; } @media only screen and (max-width: 725px) { .widget[catalog][track-pack] header { -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } } .widget[catalog][track-pack] header>div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } @media only screen and (max-width: 725px) { .widget[catalog][track-pack] header>div { width: 100%; margin-top: 8px; margin-top: 0.5rem; } } .widget[catalog][track-pack] header>div>div { -ms-flex-item-align: end; align-self: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .widget[catalog][track-pack] header>div>div h2 { margin: 0; padding-right: 10px; } .widget[catalog][track-pack] header>div>div h2 span { color: #67b7bf; } .widget[catalog][track-pack] header>div>div .c-select { width: 220px !important; -ms-flex-item-align: end; align-self: flex-end; } .widget[catalog][track-pack] header>div>div .c-select__listbox { width: 220px; } .widget[catalog][track-pack] header>div .secondary-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 8px; margin-top: 0.5rem; } .widget[catalog][track-pack] header>div .secondary-container .progressbar-container { width: 140px; } @media only screen and (max-width: 725px) { .widget[catalog][track-pack] header>div .secondary-container .progressbar-container { margin-right: 0; } } .widget[catalog][track-pack] header>div .secondary-container .progressbar-container .remaining { width: auto; } .widget[catalog][track-pack] header>div .secondary-container .remaining-tracks { margin: 0 16px 0 8px; margin: 0 1rem 0 0.5rem; color: #999; } @media only screen and (max-width: 725px) { .widget[catalog][track-pack] header>div .secondary-container .remaining-tracks { margin-right: 0; } } .widget[catalog][track-pack] header>div .secondary-container .remaining-tracks span { color: #67b7bf; font-family: "futurademi", Arial, sans-serif; } @media only screen and (max-width: 725px) { .widget[catalog][track-pack] header>div .secondary-container .simple { position: absolute; top: 7px; } } .widget[catalog][track-pack] header>div .secondary-container .simple .icon-wrong { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 2px; -ms-transform: rotate(45deg) translateZ(0); -ms-transform-origin: 44% 49% } .widget[catalog] .content ul>li .infos { width: calc(100% - 211px); } @media only screen and (max-width: 725px) { .widget[catalog] .content ul>li .infos { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .widget[catalog] .content ul>li .infos p:nth-of-type(1) { width: 92px; min-width: 92px; font-size: 12px; } @media only screen and (max-width: 725px) { .widget[catalog] .content ul>li .infos p: nth-of-type(1) { margin: 10px 0; } } @media only screen and (max-width: 565px) { .widget[catalog] .content ul>li .infos p: nth-of-type(1) { display: none; } } .widget[catalog] .content ul>li .infos .hint--top { padding: 0; } .widget[catalog] .content ul>li .infos button { width: 24px; padding: 0; } .widget[catalog] .content ul>li .infos button::before, .widget[catalog] .content ul>li .infos button i, .widget[catalog] .content ul>li .infos button i:last-of-type { width: 24px; margin-right: 0; } .widget[catalog] .content ul>li .infos p:nth-of-type(2) { width: 100%; min-width: 0; padding-left: 15px; } .widget[catalog] .content ul>li .infos i:last-of-type { width: 24px; min-width: 24px; padding: 0; } @media only screen and (max-width: 725px) { .widget[catalog] .content ul>li .infos i: last-of-type { margin-right: 0; } } .widget[livestream] .content ul .titles { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .widget[livestream] .content ul .titles p:nth-child(1) { width: calc(100% - 95px - 130px - 130px); } @media only screen and (max-width: 725px) { .widget[livestream] .content ul .titles p: nth-child(1) { width: calc(100% - 95px - 130px); } } @media only screen and (max-width: 565px) { .widget[livestream] .content ul .titles p: nth-child(1) { width: calc(100% - 130px); } } .widget[livestream] .content ul .titles p:nth-child(2) { width: 130px; } @media only screen and (max-width: 725px) { .widget[livestream] .content ul .titles p: nth-child(2) { display: none; } } .widget[livestream] .content ul .titles p:nth-child(3) { width: 130px; } .widget[livestream] .content ul .titles p:nth-child(4) { width: auto; } .widget[livestream] .content ul>li .infos { width: calc(100% - 95px); } .widget[livestream] .content ul>li .infos p:nth-child(1) { width: 100% } .widget[livestream] .content ul>li .infos p:nth-child(2) { width: 130px; min-width: 130px; } @media only screen and (max-width: 725px) { .widget[livestream] .content ul>li .infos p: nth-child(2) { display: none; } } .widget[livestream] .content ul>li .infos p:nth-child(3) { width: 130px; min-width: 130px; } .widget[livestream] .content ul>li .actions .action:last-child { margin-left: 12px; } .widget[livestream] footer button.transparent { margin: 0 10px; width: 180px; } @media only screen and (max-width: 480px) { .widget[livestream] footer button.transparent { width: 160px; } } .widget[instore] .content ul .titles { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .widget[instore] .content ul .titles p:nth-child(1) { width: calc(100% - 150px - 95px - 95px - 95px); } @media only screen and (max-width: 725px) { .widget[instore] .content ul .titles p: nth-child(1) { width: calc(100% - 95px - 95px - 95px); } } @media only screen and (max-width: 565px) { .widget[instore] .content ul .titles p: nth-child(1) { width: calc(100% - 95px - 95px); } } .widget[instore] .content ul .titles p:nth-child(2) { width: 150px; } @media only screen and (max-width: 725px) { .widget[instore] .content ul .titles p: nth-child(2) { display: none; } } .widget[instore] .content ul .titles p:nth-child(3) { width: 95px; } @media only screen and (max-width: 565px) { .widget[instore] .content ul .titles p: nth-child(3) { display: none; } } .widget[instore] .content ul .titles p:nth-child(4) { width: 95px; } .widget[instore] .content ul .titles p:nth-child(5) { width: auto; } .widget[instore] .content ul>li .infos { width: calc(100% - 95px); } .widget[instore] .content ul>li .infos p:nth-child(1) { width: calc(100% - 150px - 95px - 95px); } @media only screen and (max-width: 725px) { .widget[instore] .content ul>li .infos p: nth-child(1) { width: calc(100% - 95px - 95px); } } @media only screen and (max-width: 565px) { .widget[instore] .content ul>li .infos p: nth-child(1) { width: calc(100% - 95px); } } .widget[instore] .content ul>li .infos p:nth-child(2) { width: 150px; } @media only screen and (max-width: 725px) { .widget[instore] .content ul>li .infos p: nth-child(2) { display: none; } } .widget[instore] .content ul>li .infos p:nth-child(3) { width: 95px; min-width: 95px; font-size: 12px; } @media only screen and (max-width: 565px) { .widget[instore] .content ul>li .infos p: nth-child(3) { display: none; } } .widget[instore] .content ul>li .infos p:nth-child(4) { width: 95px; min-width: 95px; } .widget[instore] .content ul>li .actions .action:last-child { margin-left: 12px; } .widget[instore] footer button.transparent { margin: 0 10px; width: 180px; } @media only screen and (max-width: 480px) { .widget[instore] footer button.transparent { width: 160px; } } @media only screen and (max-width: 480px) { .widget[catalog] .content ul>li .infos, .widget[livestream] .content ul>li .infos, .widget[instore] .content ul>li .infos { width: 100%; position: relative; } .widget[catalog] .content ul>li .infos button:last-child, .widget[livestream] .content ul>li .infos button:last-child, .widget[instore] .content ul>li .infos button:last-child { display: block; padding: 0.25rem 0.75rem; margin-right: -1rem; } .widget[catalog] .content ul>li .infos button:last-child i, .widget[livestream] .content ul>li .infos button:last-child i, .widget[instore] .content ul>li .infos button:last-child i { color: gray; } .widget[catalog] .content ul>li .infos button:last-child:hover i, .widget[livestream] .content ul>li .infos button:last-child:hover i, .widget[instore] .content ul>li .infos button:last-child:hover i { color: #67b7bf; } .widget[catalog] .content ul>li .actions, .widget[livestream] .content ul>li .actions, .widget[instore] .content ul>li .actions { display: none; } .widget[catalog] .content ul>li[checked], .widget[livestream] .content ul>li[checked], .widget[instore] .content ul>li[checked] { -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: calc(100% + 58px); margin: -58px 0 -58px 0; padding: 58px 1.5rem 0rem 1.5rem; z-index: 760; -webkit-animation: l-fade-in-background .1s; animation: l-fade-in-background .1s; background-color: #FFF; overflow-y: scroll; overflow-x: hidden; } .widget[catalog] .content ul>li[checked] .infos, .widget[livestream] .content ul>li[checked] .infos, .widget[instore] .content ul>li[checked] .infos { -ms-flex-wrap: wrap; flex-wrap: wrap; } .widget[catalog] .content ul>li[checked] .infos button:last-child, .widget[livestream] .content ul>li[checked] .infos button:last-child, .widget[instore] .content ul>li[checked] .infos button:last-child { -webkit-transform: rotate(180deg); transform: rotate(180deg); top: 0; left: -1rem; padding: 1rem; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .widget[catalog] .content ul>li[checked] .infos p, .widget[livestream] .content ul>li[checked] .infos p, .widget[instore] .content ul>li[checked] .infos p { -webkit-animation: l-move-from-left .5s; animation: l-move-from-left .5s; padding: 0; } .widget[catalog] .content ul>li[checked] .infos p:nth-child(1), .widget[livestream] .content ul>li[checked] .infos p:nth-child(1), .widget[instore] .content ul>li[checked] .infos p:nth-child(1) { width: 100%; font-size: 22px; font-size: 1.375rem; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .widget[catalog] .content ul>li[checked] .infos p:nth-child(2), .widget[livestream] .content ul>li[checked] .infos p:nth-child(2), .widget[instore] .content ul>li[checked] .infos p:nth-child(2) { display: block; font-size: 16px; font-size: 1rem; white-space: pre-wrap; width: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .widget[catalog] .content ul>li[checked] .infos p:nth-child(3), .widget[livestream] .content ul>li[checked] .infos p:nth-child(3), .widget[instore] .content ul>li[checked] .infos p:nth-child(3) { display: block; width: 50%; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; text-align: right; } .widget[catalog] .content ul>li[checked] .infos p:nth-child(4), .widget[livestream] .content ul>li[checked] .infos p:nth-child(4), .widget[instore] .content ul>li[checked] .infos p:nth-child(4) { width: 50%; text-align: left; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .widget[catalog] .content ul>li[checked] .actions, .widget[livestream] .content ul>li[checked] .actions, .widget[instore] .content ul>li[checked] .actions { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; position: relative; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-animation: l-move-from-left .5s both; animation: l-move-from-left .5s both; } .widget[catalog] .content ul>li[checked] .actions .action, .widget[livestream] .content ul>li[checked] .actions .action, .widget[instore] .content ul>li[checked] .actions .action { position: initial; margin: 0 34px 0 0; } .widget[catalog] .content ul>li[checked] .actions .action button:not(.button), .widget[livestream] .content ul>li[checked] .actions .action button:not(.button), .widget[instore] .content ul>li[checked] .actions .action button:not(.button) { height: 52px; width: 52px; background-color: whitesmoke; border-radius: 50%; padding: 12px; color: #999; } .widget[catalog] .content ul>li[checked] .actions .action button:not(.button) .icon-alert-full, .widget[livestream] .content ul>li[checked] .actions .action button:not(.button) .icon-alert-full, .widget[instore] .content ul>li[checked] .actions .action button:not(.button) .icon-alert-full { font-size: 1.25rem; right: 0; } .widget[catalog] .content ul>li[checked] .actions .action button:not(.button):first-child, .widget[livestream] .content ul>li[checked] .actions .action button:not(.button):first-child, .widget[instore] .content ul>li[checked] .actions .action button:not(.button):first-child { margin-left: 0; } .widget[catalog] .content ul>li[checked] .actions .action button:not(.button):first-child .icon-streaming, .widget[livestream] .content ul>li[checked] .actions .action button:not(.button):first-child .icon-streaming, .widget[instore] .content ul>li[checked] .actions .action button:not(.button):first-child .icon-streaming { width: 52px; margin-top: -4px; } .widget[catalog] .content ul>li[checked] .actions .action.clicked button:not(.button), .widget[livestream] .content ul>li[checked] .actions .action.clicked button:not(.button), .widget[instore] .content ul>li[checked] .actions .action.clicked button:not(.button) { color: #67b7bf; } .widget[catalog] .content ul>li[checked] .actions .action.clicked .dropdown-content-open, .widget[livestream] .content ul>li[checked] .actions .action.clicked .dropdown-content-open, .widget[instore] .content ul>li[checked] .actions .action.clicked .dropdown-content-open { width: 100%; top: 80px; left: 0; } .widget[catalog] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom, .widget[livestream] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom, .widget[instore] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom { width: 100% } .widget[catalog] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom::before, .widget[catalog] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom::after, .widget[livestream] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom::before, .widget[livestream] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom::after, .widget[instore] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom::before, .widget[instore] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom::after { display: none; } .widget[catalog] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li, .widget[livestream] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li, .widget[instore] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li { margin: 0 6px; } .widget[catalog] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li button, .widget[livestream] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li button, .widget[instore] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li button { background-color: #67b7bf; } .widget[catalog] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li a, .widget[livestream] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li a, .widget[instore] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li a { line-height: 2.5; } .widget[catalog] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li:not(:last-of-type) a, .widget[livestream] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li:not(:last-of-type) a, .widget[instore] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li:not(:last-of-type) a { margin-bottom: 12px; } .widget[catalog] footer .button-cart.small.transparent, .widget[livestream] footer .button-cart.small.transparent, .widget[instore] footer .button-cart.small.transparent { display: none; } .widget[catalog] footer .button-cart:first-child, .widget[livestream] footer .button-cart:first-child, .widget[instore] footer .button-cart:first-child { margin-left: 10px; } .widget[catalog] .content ul>li .infos p:nth-of-type(2) { width: calc(100% - 76px); max-width: calc(100% - 76px); } .widget[catalog] .content ul>li[checked] .infos .button-play { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; margin-bottom: 0.5rem; height: 52px; width: 52px; -webkit-animation: l-move-from-left .5s; animation: l-move-from-left .5s; } .widget[catalog] .content ul>li[checked] .infos .button-play::before { width: 52px; } .widget[catalog] .content ul>li[checked] .infos .button-play i { font-size: 42px; height: 42px; width: 42px; } .widget[catalog] .content ul>li[checked] .infos .button-play .icon-pause { background-color: #48a2ab; } .widget[catalog] .content ul>li[checked] .infos button:last-child { margin-right: 100%; left: 0; } .widget[catalog] .content ul>li[checked] .infos p.date { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; display: block; font-size: 12px; width: 100%; text-align: left; margin-top: 0; } .widget[catalog] .content ul>li[checked] .infos p:nth-child(3) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; font-size: 1.375rem; text-align: left; width: calc(100% - 24px); max-width: calc(100% - 24px); padding-right: 10px; } .widget[catalog] .content ul>li[checked] .infos>div, .widget[catalog] .content ul>li[checked] .infos span { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-animation: l-move-from-left .5s; animation: l-move-from-left .5s; } .widget[catalog] .content ul>li[checked] .actions .action:first-child button { display: block; } .widget[instore] .content ul>li[checked] .actions .action:first-child button { display: block; } .widget[instore] .content ul>li[checked] .actions .action:first-child button .icon-streaming { width: 1.375rem !important; margin-top: 2px !important; } .widget[livestream] .content ul li p:nth-child(3) { width: 95px !important; min-width: 95px !important; } .widget[livestream] .content ul>li[checked] .infos p:nth-child(2) { display: block; font-size: 16px; font-size: 1rem; white-space: pre-wrap; width: 50%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .widget[livestream] .content ul>li[checked] .actions .action:first-child button { display: block; } .widget[livestream] .content ul>li[checked] .actions .action:first-child button .icon-streaming { width: 1.375rem !important; margin-top: 0 !important; } } .widget[notifications] i { margin-right: 10px; min-width: 24px; transition: 0.15s ease-in; } .widget[notifications] .content ul { width: 100%; max-height: 298px; overflow: auto; } .widget[notifications] .content p { text-transform: none; margin-bottom: 0; } .widget[notifications] .content span { font-family: "futurademi", Arial, sans-serif; } .widget[notifications] .content .notification { background-color: #FFF; } .widget[notifications] .content .notification.urgent { background-color: red; } .widget[notifications] .content .notification.urgent i, .widget[notifications] .content .notification.urgent p { color: #FFF; } .widget[notifications] .content .notification.urgent:hover i, .widget[notifications] .content .notification.urgent:hover p { color: red; } .widget[notifications] .content .notification.normal span, .widget[notifications] .content .notification.normal i { color: orange; } .widget[notifications] .content .notification.validation span { color: #67b7bf; } .widget[notifications] .content .notification a { width: 100%; padding: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .widget[notifications] .content .notification a .icon-shape { margin-left: 0; min-width: 24px; } .widget[notifications] .content .notification a:hover { background-color: whitesmoke; transition: background-color 0.3s ease-out; } @media only screen and (max-width: 725px) { .widget[notifications] .content .notification p, .widget[notifications] .content .notification span { font-size: 14px; } } .widget[referrals]:before { content: ''; border: 0.5rem solid #afd9dd; border-radius: 0.75rem; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .widget[referrals] .referral-subscription-container { border: none; width: 100%; padding: 0; } .widget[referrals] .referral-subscription-container>* { margin: 4px 0; } .widget[referrals] .referral-subscription-container>p { text-transform: uppercase; font-family: "futurademi", Arial, sans-serif; } .widget[referrals] .referral-subscription-container>p span { display: block; font-size: 2.5rem; font-family: "futurademi", Arial, sans-serif; line-height: 1.1; color: #67b7bf; } .widget[referrals] .referral-subscription-container[completed] div>p:first-of-type, .widget[referrals] .referral-subscription-container[completed] .expired-text { display: none; } .widget[referrals] .referral-subscription-container[completed] p:first-of-type { display: block; } .widget[referrals] .referral-subscription-container[completed] .completed-text { display: inline; } .widget[referrals] .referral-subscription-container[expired] div>p:first-of-type, .widget[referrals] .referral-subscription-container[expired] ol, .widget[referrals] .referral-subscription-container[expired] .completed-text { display: none; } .widget[referrals] .referral-subscription-container[expired] p:first-of-type { display: block; } .widget[referrals] .referral-subscription-container[expired] .expired-text { display: inline; margin-bottom: 10px; text-transform: none; } .widget[referrals] .referral-subscription-container[expired] p:last-of-type span { display: block; font-size: 2.5rem; font-family: "futurademi", Arial, sans-serif; line-height: 1; margin-bottom: -10px; } .widget[referrals] .referral-subscription-container[no-store]>div { display: none; } .widget[promotional-spreaker] { background-color: #fff8e3; } .widget[promotional-spreaker]::before { content: ''; border: 0.5rem solid #ffc107; border-radius: 0.75rem; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .widget[promotional-spreaker] header h1 { color: #000; line-height: 1.3; } .widget[promotional-spreaker] .content p { margin: 8px auto; line-height: 1.3; } .widget[promotional-spreaker] .content p:last-of-type { margin-top: 0; } .widget[promotional-spreaker] .content i { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/spreaker-logo.svg"); background-size: 70%; background-position: center center; min-height: 46px; max-width: 198px; } .widget[promotional-spreaker] footer .button-cart { background-color: #ffc107; height: 3rem; } .widget[promotional-spreaker] footer .button-cart .button-cart-text-container p { color: black; } .widget[promotional-spreaker] footer a.simple { color: black; font-weight: 300; line-height: 1.2; margin-right: 10px; font-family: "futurabook", Arial, sans-serif; } .widget[promotional-spreaker] footer a.simple:hover { text-decoration: underline; } .widget[ad] { background-color: #FFF; } .widget[ad]::before { content: ''; border: 0.5rem solid #4bd2e2; border-radius: 0.75rem; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .widget[ad] header h1 { color: #000; line-height: 1.3; } .widget[ad] .content { margin: 0.75rem 0; } .widget[ad] .content p { line-height: 1.3; } .widget[ad] .content i { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/spreaker-logo.svg"); background-size: 70%; background-position: center center; min-height: 46px; max-width: 198px; } .widget[ad] footer .button-cart { background-color: #4bd2e2; height: 3rem; } .widget[ad] footer .button-cart .button-cart-text-container p { color: white; } .widget[ad] footer a.simple { color: black; font-weight: 300; line-height: 1.2; margin-right: 10px; font-family: "futurabook", Arial, sans-serif; } .widget[ad] footer a.simple:hover { text-decoration: underline; } .widget[no-purchase] header, .widget[no-purchase] .content, .widget[no-purchase] footer { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .widget[no-purchase] header h1 { font-size: 30px; font-size: 1.875rem; text-transform: lowercase; } .widget[no-purchase] header h1::first-letter { text-transform: uppercase; } .widget[no-purchase] .content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .widget .pop-in-wrapper .pop-in.tips .button-icon.close { position: absolute; padding: 0; width: 0.75rem; } .widget .pop-in-wrapper .pop-in.tips .button-icon.close i { min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; } .widget .pop-in-wrapper .pop-in.tips p { width: auto !important; color: #FFF; } .widget .action .pop-in-wrapper.top-right { right: -13px; } .widget .infos .pop-in-wrapper.top-right { right: -14px; } .widget[catalog] .pop-in-wrapper .pop-in.tips button { width: auto; padding: 0.125rem 0.75rem 0; } .widget[catalog] .pop-in-wrapper .pop-in.tips button:last-child { display: block; } [anchor-links] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding: 24px 0; padding: 1.5rem 0; background-color: whitesmoke; } [anchor-links] a { margin: 0 5px; min-height: 3rem; } [anchor-links] a::before { display: none; } [anchor-links] a:hover { transition: .10s ease-in; } [anchor-links] a.active { background-color: #67b7bf; } [anchor-links] a.active .button-cart-text-container p { color: #FFF; } [anchor-links] a.button-cart { min-height: 3rem; transition-delay: 0s; text-decoration: none; overflow: visible; } [anchor-links] a.button-cart:nth-of-type(2) p { display: block; text-decoration: none; } [anchor-links] a.button-cart:nth-of-type(2) p:not(:nth-of-type(1)) { font-size: 12px; font-size: 0.75rem; text-transform: lowercase; } [anchor-links] a.button-cart:nth-of-type(2) p:not(:nth-of-type(1)):first-letter { text-transform: capitalize; } [anchor-links] a.button-cart:nth-of-type(2)>p { position: absolute; top: -25px; font-weight: 400; color: #67b7bf; text-transform: initial; } [anchor-links] a.button-cart:nth-of-type(2)>p:first-letter { text-transform: capitalize; } @media (max-width: 820px) { [anchor-links] { -ms-flex-flow: column; flex-flow: column; } [anchor-links] a { margin: 0.5rem 0; } [anchor-links] a.button-cart:nth-of-type(2) { margin-top: 25px; } } @media (max-width: 768px) { [anchor-links] { padding-left: 7px; padding-right: 7px; } } [anchor-links][dashboard] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 16px 0; padding: 1rem 0; background-color: #FFF; position: absolute; left: 0; } [anchor-links][dashboard] a { width: auto; height: auto; min-height: 38px; margin: 0px 10px 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } [anchor-links][dashboard] a .pill { top: -2px; right: 0; position: relative; } @media (max-width: 1110px) { [anchor-links][dashboard] { padding: 0 0 0 1.5rem; background-color: transparent; position: relative; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 820px) { [anchor-links][dashboard] a.button-cart: nth-of-type(2) { margin-top: 0px; } } .horizontal-scroll { width: 100%; -webkit-overflow-scrolling: auto; display: grid; grid-gap: calc(var(--gutter) / 2); grid-template-columns: 10px; grid-template-rows: minmax(150px, 1fr); grid-auto-flow: column; grid-auto-columns: calc(50% - var(--gutter) * 2); overflow-x: scroll; scroll-snap-type: x proximity; padding-bottom: calc(.75 * var(--gutter)); margin-bottom: calc(-.25 * var(--gutter)); } .horizontal-scroll:before, .horizontal-scroll:after { content: ''; width: 10px; } .horizontal-scroll.no-scrollbar { scrollbar-width: none; margin-bottom: 0; padding-bottom: 0; } .horizontal-scroll.no-scrollbar::-webkit-scrollbar { display: none; } .horizontal-scroll>li { scroll-snap-align: center; padding: calc(var(--gutter) / 2 * 1.5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px; } .navigation { position: relative; z-index: 610; } .navigation .links li { display: inline; } .navigation .logo-link { outline: 0; padding: 0 10px; } .navigation__mobile-bar { position: fixed; top: 0; left: 0; height: 48px; height: 3rem; background-color: #232323; } .navigation__mobile-bar .actions { width: 50% } .navigation__mobile-bar .actions li { display: inline-block; width: 48px; width: 3rem; } .navigation__mobile-bar .actions.secondary { text-align: right; } .navigation__mobile-bar .actions.secondary .iconic-link, .navigation__mobile-bar .actions.secondary .iconic-link .link { display: inline-block; height: 48px; height: 3rem; width: 40px; width: 2.5rem; vertical-align: top; line-height: 1.2; color: #FFF; } .navigation__mobile-bar .actions.secondary .iconic-link:hover, .navigation__mobile-bar .actions.secondary .iconic-link .link:hover { background-color: #67b7bf; text-shadow: none; } .navigation__mobile-bar .actions.secondary .iconic-link:hover .pill, .navigation__mobile-bar .actions.secondary .iconic-link .link:hover .pill { color: #67b7bf; } .navigation__mobile-bar .actions.secondary .iconic-link:hover .pill::before, .navigation__mobile-bar .actions.secondary .iconic-link .link:hover .pill::before { background-color: #FFF; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div { display: table; height: 100%; width: 100%; text-align: center; vertical-align: middle; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div>div { display: table-cell; vertical-align: middle; text-align: center; position: relative; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div>div:first-child .icon-cart-new { font-size: 1.375rem; width: 1.375rem; height: 1.375rem; left: -3px; top: 1px; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div>div:last-child .pill { height: 14px; width: 14px; min-width: inherit; top: 8px; right: 6px; position: absolute; font-size: 10px; line-height: 1.6; font-family: "futurabold", Arial, sans-serif; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div>div:last-child .pill::before { border-radius: 50% } .navigation__mobile-bar .actions.secondary .iconic-link span { text-transform: uppercase; } .navigation__mobile-bar .action .icon { line-height: 3; height: 48px; height: 3rem; width: 48px; width: 3rem; } .navigation__mobile-bar label.action { margin: 0; } .navigation__mobile-bar label.action:hover { cursor: pointer; } .navigation__opener-check { display: none; } .navigation__opener-check:checked+.navigation__pane { left: 0; } .navigation__opener-check:checked+.navigation__pane+.navigation__mobile-overlay { visibility: visible; opacity: 0.95; filter: alpha(opacity=95); } .navigation__pane { position: fixed; top: 48px; top: 3rem; padding-bottom: 24px; padding-bottom: 1.5rem; bottom: 0; left: -85%; width: 85%; height: auto; overflow-y: auto; background-color: black; transition: left .3s linear; } .navigation__pane .logo-link { display: none; } .navigation__pane .link { display: block; background-color: transparent; color: #FFF; text-decoration: none; transition: background-color .25s linear; padding: 0 16px 0 24px; padding: 0 1rem 0 1.5rem; line-height: 3; } .navigation__pane .link:hover { background-color: #67b7bf; text-shadow: none; } .navigation__pane .link:focus { outline: none; } .navigation__pane .link.is-new { background-image: url(https://images.jamendo.com/jamendolicensing/static/navigation/new-on-menu.webp); background-repeat: no-repeat; background-color: #ffffff2b; padding-left: 40px; padding-left: 2.5rem; padding-top: 4px; padding-top: 0.25rem; padding-bottom: 4px; padding-bottom: 0.25rem; } .navigation__pane .link.is-new:hover { background-color: #67b7bf; } .navigation__pane .primary .link { text-transform: uppercase; } .navigation__pane .secondary { margin-top: 8px; margin-top: 0.5rem; } .navigation__pane .secondary .link { padding: 0 24px; padding: 0 1.5rem; } .navigation__pane .secondary .links.second-level li a, .navigation__pane .secondary .links.second-level li button { display: block; color: #FFF; text-decoration: none; transition: background-color .25s linear; padding: 0 16px 0 24px; padding: 0 1rem 0 1.5rem; text-transform: uppercase; line-height: 3; } .navigation__pane .secondary .links.second-level li a:hover, .navigation__pane .secondary .links.second-level li button:hover { background-color: #67b7bf; text-shadow: none; } .navigation__pane .secondary .links.second-level li a.is-current, .navigation__pane .secondary .links.second-level li button.is-current { position: relative; color: #8bc8ce; pointer-events: none; } .navigation__pane .secondary .links.second-level li button { width: 100%; text-align: left; } .navigation__pane .secondary .links.second-level.reseller { margin-top: 24px; margin-top: 1.5rem; } .navigation__pane .secondary .links.second-level.reseller li:first-of-type { text-transform: uppercase; padding-left: 16px; padding-left: 1rem; color: #FFF; } .navigation__pane .secondary .links.second-level.reseller li:first-of-type i { display: none; } @media (max-width: 1110px) { .navigation__pane .secondary .links.second-level div[anchor-links] .button-cart { border: none; width: 100%; padding: 0 0 0 12px; margin-bottom: 0; border-radius: 0; } .navigation__pane .secondary .links.second-level div[anchor-links] .button-cart .button-cart-text-container { padding: 0; text-align: left; } .navigation__pane .secondary .links.second-level div[anchor-links] .button-cart .button-cart-text-container p { font-family: "futurabook", Arial, sans-serif; font-size: 12px; color: #FFF; line-height: 3; } } .navigation__pane .top-level>li>a { padding: 0 16px; padding: 0 1rem; margin-top: 24px; margin-top: 1.5rem; line-height: 2.462; font-family: "futurademi", Arial, sans-serif; } .navigation__pane .aside-level .iconic-link { position: relative; height: auto; } .navigation__pane .aside-level .iconic-link, .navigation__pane .aside-level .iconic-link .link { display: inline-block; height: 64px; height: 4rem; vertical-align: top; line-height: 1.2; height: 4.5rem; } .navigation__pane .aside-level .iconic-link>a { min-width: 7.5rem; } .navigation__pane .aside-level .iconic-link>a>div { display: table; height: 100%; text-align: left; } .navigation__pane .aside-level .iconic-link>a>div>div { display: table-cell; vertical-align: middle; position: relative; } .navigation__pane .aside-level .iconic-link>a>div>div:first-child { padding-right: 8px; padding-right: 0.5rem; } .navigation__pane .aside-level .iconic-link>a>div>div:first-child .icon-cart-new { font-size: 30px; margin-left: 15px; } .navigation__pane .aside-level .iconic-link>a>div>div:last-child .pill { height: 20px; width: 20px; top: 8px; right: -2px; position: absolute; font-size: 12px; line-height: 1.6; font-family: "futurademi", Arial, sans-serif; padding: 0; } .navigation__pane .aside-level .iconic-link>a>div>div:last-child .pill::before { border-radius: 50% } .navigation__pane .aside-level .iconic-link span { text-transform: uppercase; top: 0; left: 1rem; margin-top: 1rem; white-space: nowrap; } .navigation__pane .aside-level .iconic-link:last-of-type .link>div { padding-top: 0; } .navigation__pane .aside-level .iconic-link:last-of-type .link>div .pill { top: 11px; right: 0px; left: -20px; } .navigation__pane .aside-level .button-link { display: inline-block; padding: 0 20px; padding: 0 1.25rem; height: 64px; height: 4rem; vertical-align: top; } .navigation__pane .aside-level .button-link .button.xsmall { margin-top: 20px; margin-top: 1.25rem; } .navigation__pane .aside-level .button-link .button.small { margin-top: 14px; margin-top: 0.875rem; } .navigation__pane .aside-level li:last-child .link:hover>div>div:last-child .pill { color: #67b7bf; } .navigation__pane .aside-level li:last-child .link:hover>div>div:last-child .pill:before { background: #fff; } .navigation__mobile-overlay { top: 48px; top: 3rem; overflow-y: initial; z-index: -1; } @media only screen and (min-width: 1110px) { .navigation { z-index: 425; } .navigation.no-nav .navigation__pane .top-level, .navigation.no-nav .navigation__pane .aside-level { visibility: hidden; } .navigation.translucid .navigation__pane { background-color: rgba(0, 0, 0, 0.7); } .navigation__mobile-bar { display: none; position: relative; } .navigation__pane { position: relative; display: table; top: 0; left: 0; padding: 0; width: 100%; transition: none; z-index: auto; } .navigation__pane .primary, .navigation__pane .logo-link, .navigation__pane .secondary { display: table-cell; vertical-align: middle; } .navigation__pane .primary, .navigation__pane .secondary { width: 50% } .navigation__pane .secondary { text-align: right; } .navigation__pane .secondary .iconic-link { height: 4rem; } .navigation__pane .secondary .iconic-link .link { height: 4rem; min-width: initial; } .navigation__pane .secondary .iconic-link .link>div { padding-top: 0; } .navigation__pane .secondary .iconic-link .link>div span { font-size: 10px; font-size: 0.625rem; position: static; display: inline; } .navigation__pane .secondary .iconic-link .link .icon-cart-new { margin-left: 0 !important; } .navigation__pane .secondary .iconic-link:last-of-type .link>div .pill { top: 11px; right: 21px; } .navigation__pane .links { font-size: 0; white-space: nowrap; } .navigation__pane .link { display: inline-block; } .navigation__pane .top-level .link { margin-top: 0; line-height: 4.923; padding: 1px 24px 0; padding: 0.0625rem 1.5rem 0; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); } .navigation__pane .top-level .link.is-current { position: relative; color: #8bc8ce; pointer-events: none; } .navigation__pane .top-level .link.is-current:after { content: ''; position: absolute; display: inline-block; width: 14px; height: 7px; bottom: 0; left: 50%; margin-left: -7px; background-repeat: no-repeat; background-position: center center; background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAA4AAAAHCAYAAAA4R3wZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEVJREFUeNpiYMAB3Nzc5oMwLnlmXJqAVAIQGygrKyvcvXt3I0GNSJpgAKtmZgKacGpmJkITVs3MRGrC0MxIgiZksAAgwABmjSJ+ECEgNgAAAABJRU5ErkJggg==); z-index: 1; } .navigation__pane .second-level { position: absolute; left: 0; right: 0; background-color: #464646; display: none; } .navigation__pane .second-level li:first-child .link { padding-left: 24px; padding-left: 1.5rem; } .navigation__pane .second-level .link { line-height: 3.923; padding: 1px 16px 0; padding: 0.0625rem 1rem 0; } .navigation__pane .second-level .link.is-current { pointer-events: none; } .navigation__pane .second-level.is-current { display: block; height: 48px; height: 3rem; } .navigation__pane .aside-level .link { line-height: 5.334; padding: 0rem 20px; padding: 0rem 1.25rem; } .navigation__pane .aside-level li:last-child .link { padding-right: 24px; padding-right: 1.5rem; } .navigation.has-second-level { padding-bottom: 48px; padding-bottom: 3rem; } .navigation__mobile-overlay { display: none; } } .section-sub-menu .sub-menu { position: relative; padding-top: 34px; padding-bottom: 34px; width: 200px; height: 100%; background-color: black; } @media only screen and (max-width: 1110px) { .section-sub-menu .sub-menu { display: none; } } .section-sub-menu .sub-menu.is-open { margin-bottom: 80px; } .section-sub-menu .sub-menu li { width: 100%; line-height: 2; margin-right: 24px; margin-right: 1.5rem; } .section-sub-menu .sub-menu li a, .section-sub-menu .sub-menu li button { padding-left: 25px; position: relative; display: block; text-decoration: none; color: white; width: 100%; text-align: left; } .section-sub-menu .sub-menu li a:hover, .section-sub-menu .sub-menu li button:hover { color: #67b7bf; } .section-sub-menu .sub-menu li a.is-current, .section-sub-menu .sub-menu li button.is-current { background-color: #464646; } .section-sub-menu .sub-menu li a.is-current:before, .section-sub-menu .sub-menu li button.is-current:before { content: ''; display: block; background: #67b7bf; width: 7px; height: 100%; position: absolute; left: 0; } .section-sub-menu .sub-menu li a.main, .section-sub-menu .sub-menu li button.main { text-transform: uppercase; margin-bottom: 8px; margin-bottom: 0.5rem; font-family: "futurademi", Arial, sans-serif; color: gray; } .section-sub-menu .sub-menu li a.is-disabled, .section-sub-menu .sub-menu li button.is-disabled { color: #999; } .section-sub-menu .sub-menu li a.is-disabled:hover, .section-sub-menu .sub-menu li button.is-disabled:hover { cursor: not-allowed; } .section-sub-menu .sub-menu li a .pill, .section-sub-menu .sub-menu li button .pill { position: absolute; top: 3px; right: 3px; } .section-sub-menu .sub-menu li .expend-menu { padding-left: 20px; margin-top: 16px; } .section-sub-menu .sub-menu li .expend-menu__action-container { margin-bottom: 16px; } .section-sub-menu .sub-menu li .expend-menu__action-container p { margin-bottom: 0; color: white; } .section-sub-menu .sub-menu li.bottom1 { position: absolute; bottom: 64px; } .section-sub-menu .sub-menu li.bottom2 { position: absolute; bottom: 34px; } .section-sub-menu .sub-menu.reseller { margin-top: 8px; margin-top: 0.5rem; } .section-sub-menu .sub-menu.reseller li:first-of-type { color: #ccc; margin-right: 0.5rem; } .section-sub-menu .sub-menu.reseller li:first-of-type i { color: #ccc; } .section-sub-menu .sub-menu.reseller li:first-of-type i::before { position: absolute; padding-top: 2px; } .next-steps-container { width: 100%; text-align: center; } .next-steps-container h2 { margin-top: 60px; margin-bottom: 60px; } .next-steps-container .steps { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .next-steps-container .steps .step { width: 270px; text-align: left; margin-bottom: 30px; } .next-steps-container .steps .step .header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: white; margin-bottom: 10px; } .next-steps-container .steps .step .header i.scheme__ball { font-style: normal; width: 40px; height: 40px; z-index: 10; padding: 4px 14px; font-size: 20px; } .next-steps-container .steps .step .header i.scheme__ball:before { background: linear-gradient(270deg, #9FDCE0 0%, #66B6BE 64.9%); background-color: inherit; } .next-steps-container .steps .step .header p { margin-left: 10px; color: black; margin-bottom: 0; } .next-steps-container .steps .step .more-info { color: gray; } .next-steps-container .steps .step .more-info a { color: gray; } .next-steps-container .steps .step .more-info a:hover { color: #ababab; } .next-steps-container .steps .step .button-example { cursor: default; background-color: #67b7bf; border-radius: 4px; border-radius: 0.25rem; padding: 0 12px; padding: 0 0.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; min-width: 155px; width: 155px; height: 2.75rem; min-height: 2.75rem; } .next-steps-container .steps .step .button-example>div { display: table; width: 100%; height: 100% } .next-steps-container .steps .step .button-example>div>div { display: table-cell; text-align: center; vertical-align: middle; margin: 0; padding: 0; white-space: initial; font-size: 12px; line-height: inherit; text-align: center; font-family: "futurademi", Arial, sans-serif, Arial, sans-serif; text-transform: uppercase; color: #fff; } .next-steps-contentid { padding: 24px; max-width: 1100px; } .next-steps-contentid__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0; font-family: "futurademi", Arial, sans-serif; } .next-steps-contentid__header--clickable { cursor: pointer; } .next-steps-contentid__header__text { margin-right: 15px; } .next-steps-contentid__header__icon { display: none; font-size: 24px; } .next-steps-contentid__header__icon--clickable { display: block; } .next-steps-contentid__header__icon--expand { -webkit-transform: translate(15px) rotate(90deg); transform: translate(15px) rotate(90deg); } .next-steps-contentid__content__steps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 992px) { .next-steps-contentid__content__steps { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .next-steps-contentid__content__steps--column { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .next-steps-contentid__content__steps__step { margin-top: 24px; width: 350px; padding: 0 1%; text-align: center; } @media only screen and (max-width: 992px) { .next-steps-contentid__content__steps__step { width: 100% } } .next-steps-contentid__content__steps__step--column { width: 100% } .next-steps-contentid__content__steps__step__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .next-steps-contentid__content__steps__step__header__title { text-transform: uppercase; margin: 0; font-family: "futurademi", Arial, sans-serif; } .next-steps-contentid__content__steps__step__header__icon { margin-top: 5px; width: 64px; height: 64px; background-color: #ff0202; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 32px; color: white; } .next-steps-contentid__content__steps__step__header__icon__upload { width: 40px; height: 40px; } .next-steps-contentid__content__steps__step__content { margin-top: 24px; } .next-steps-contentid__content__steps__step__content__title { color: #ff0202; text-transform: uppercase; font-family: "futurademi", Arial, sans-serif; } .next-steps-contentid__content__steps__step__content__text { margin-bottom: 0px; } .next-steps-contentid__content__steps__step__content__text--important { color: #ff0202; } .next-steps-contentid__content__download { margin-top: 24px; text-align: right; } .next-steps-contentid__content__download__link { color: #646464; text-decoration: none; cursor: pointer; } .next-steps-contentid__content__download__link:hover { color: #646464; text-decoration: none; cursor: pointer; } .next-steps-contentid__content__notice { margin-left: auto; margin-right: auto; margin-top: 24px; font-size: 12px; } .thank-you-contentid-text { margin-top: 32px; margin-bottom: 0; text-align: center; } .license-component { /*\*/ --color-main: black; --box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); --border-radius: 20px; --padding: 20px; --title-size: 20px; --default-font-family: "futurademi", Arial, sans-serif; --bold-font-family: "futurabold", Arial, sans-serif; --default-font-size: 14px; /*\*/ text-align: center; color: var(--color-main); font-family: var(--default-font-family); font-size: var(--default-font-size); } .license-component__description { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 340px; box-shadow: var(--box-shadow); border-radius: var(--border-radius); padding: var(--padding); } .license-component__description__top { height: 25%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .license-component__description__top h3 { font-family: var(--bold-font-family); font-size: var(--title-size); margin-bottom: 4px; } .license-component__description__top>div { margin: -5px 0 8px 0px; } .license-component__description__top hr { margin: 0; width: 100px; } .license-component__description__top hr.important { border: none; height: 4px; background: linear-gradient(206.99deg, #F4CC00 10.11%, #F76F00 65.06%); } .license-component__description__middle { height: 65%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .license-component__description__middle>div:first-of-type { min-height: 21px; margin-top: 35px; } .license-component__description__middle .price { font-family: "futurabold", Arial, sans-serif; font-size: 30px; } .license-component__description__bottom { height: 10% } .license-component__cta { padding: var(--padding); } .license-component__cta .button-checkbox { font-size: 14px; width: calc(100%+40px); margin-left: -20px; margin-top: 20px; } .license-component__cta .button-checkbox label { text-align: center; font-family: "futurabold", Arial, sans-serif; font-size: 14px; text-transform: none; white-space: initial; line-height: 1.5; } .license-component__cta .button-checkbox label i { line-height: 0.8; } @media only screen and (max-width: 400px) { .license-component__cta .button-checkbox label { font-size: 16px; } } .license-component[no-price] .license-component__description__middle { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .license-component[no-price] .license-component__description__middle>div:first-of-type { margin-top: 0; } .app-download { text-align: center; } .cart { border-collapse: collapse; width: 100%; margin-bottom: 24px; margin-bottom: 1.5rem; color: #999; font-family: "futurademi", Arial, sans-serif; line-height: 1.2; } .cart td { border-bottom: 1px solid #e6e6e6; } .cart td.no-border { border: none; } .cart .quantity { min-width: 70px; } .cart .amount { white-space: nowrap; text-align: right; letter-spacing: 1px; } .cart .label-info { margin: 0; } .cart .quantity-picker { margin-left: 16px; margin-left: 1rem; } .cart__item .information { border-right: none; } .cart__item .remove { border-left: none; white-space: nowrap; } .cart__item .remove__button { white-space: nowrap; } .cart__item .remove.has-button { padding: 0 4px 0 0; padding: 0 0.25rem 0 0; } .cart__total.exclude-tax, .cart__total.tax { color: #999; line-height: 1.2; letter-spacing: normal; } .cart__total.grand { color: #999; letter-spacing: normal; } .cart .tags>li { display: none; } .cart .tags>li:nth-of-type(1), .cart .tags>li:nth-of-type(2), .cart .tags>li:nth-of-type(3) { display: inline; } .cart .tags>li:after { content: ', '; margin-left: -3px; } .cart .tags>li:nth-of-type(3):after { content: '' } .cart-after__promocode { text-align: right; } .cart-after__promocode-trigger { color: #67b7bf; text-decoration: underline; } .cart-after__promocode-trigger:hover { color: #48a2ab; cursor: pointer; } .cart-after__checkout { text-align: center; margin-top: 24px; margin-top: 1.5rem; } .companies-list ul li { margin: 8px; } @media only screen and (max-width: 1200px) { .companies-list ul { width: 40% } } @media only screen and (max-width: 992px) { .companies-list ul { width: 60% } } @media only screen and (max-width: 600px) { .companies-list ul { width: 80% } } @media only screen and (max-width: 440px) { .companies-list ul { width: 100% } } .catalog-comparison { width: 100%; border-collapse: separate; } .catalog-comparison th, .catalog-comparison td { padding: 12px; padding: 0.75rem; text-align: center; } .catalog-comparison tr>* { border-right: 2px solid #8bc8ce; border-left: 2px solid #8bc8ce; border-bottom: 1px solid #ccc; } .catalog-comparison tr>*:nth-child(1) { border-top: none; border-right: none; border-left: none; padding-left: 0; } .catalog-comparison tr>*:nth-child(2) { border-left: 4px solid #e6e6e6; border-right: none; } .catalog-comparison tr>*:nth-child(3) { border-left-width: 4px; } .catalog-comparison tr>*:nth-child(5) { border-right-width: 4px; } .catalog-comparison .license { width: 15% } .catalog-comparison .global-parameter { vertical-align: bottom; text-align: left; color: #8bc8ce; } .catalog-comparison__category-row th { border: none !important; padding-top: 0; } .catalog-comparison__licenses-row .license { padding: 32px 16px; padding: 2rem 1rem; } .catalog-comparison__licenses-row .license.top { vertical-align: top; } .catalog-comparison__licenses-row th { border-top: 4px solid #8bc8ce; } .catalog-comparison__licenses-row th:nth-child(2) { border-top-color: #e6e6e6; } .catalog-comparison__licenses-row td { border-bottom: 4px solid #8bc8ce; } .catalog-comparison__licenses-row td:nth-child(1) { border-bottom: none; } .catalog-comparison__licenses-row td:nth-child(2) { border-bottom-color: #e6e6e6; } .catalog-comparison__licenses-row .offer-heading span { height: 38.4px; height: 2.4rem; display: inline-block; } .catalog-comparison__licenses-row .offer-subheading { margin-bottom: 0; } .catalog-comparison__licenses-row .price-tag { width: 72px; width: 4.5rem; height: 72px; height: 4.5rem; border-radius: 100%; background-color: #333; color: #FFF; line-height: 5; white-space: nowrap; display: inline-block; } .catalog-comparison__licenses-row .price-tag.regular-price { text-decoration: line-through; } .catalog-comparison__licenses-row .price-appendix { margin-top: 8px; margin-top: 0.5rem; color: #8bc8ce; } .catalog-comparison__coverage-row td { text-align: center; } .catalog-comparison__coverage-row td:first-child { text-align: left; } .catalog-comparison__coverage-row.custom td:first-child .quantity-picker { display: block; margin-bottom: 5px; } .catalog-comparison__coverage-row p { line-height: 1.334; margin-bottom: 0; } .catalog-comparison__coverage-row p+p { margin-top: 4px; margin-top: 0.25rem; } .catalog-comparison__coverage-row .heading { display: block; margin-bottom: 0; text-align: left; } .catalog-comparison__coverage-row .heading+p { margin-top: 8px; margin-top: 0.5rem; } .catalog-comparison__coverage-row .scale-price { display: block; margin-top: 8px; margin-top: 0.5rem; color: #b3b3b3; } .catalog-comparison__coverage-row .icon { width: 12px; width: 0.75rem; height: 12px; height: 0.75rem; } .catalog-comparison__coverage-row .icon-check { color: #67b7bf; } .catalog-comparison__coverage-row .icon-close { color: #ed795a; } .catalog-comparison__coverage-row.secondary-head td { padding-bottom: 0; border-bottom: none; margin-top: 0; } .catalog-comparison__coverage-row.secondary td { padding-top: 0; padding-bottom: 0; border-bottom: none; } .catalog-comparison__coverage-row.secondary td p { margin-top: 8px; margin-top: 0.5rem; } .catalog-comparison__coverage-row.secondary-last td { padding-top: 0; } .catalog-comparison__coverage-row.secondary-last td p { margin-top: 4px; margin-top: 0.25rem; } .catalog-comparison_packs .license { width: 20% } .catalog-comparison_packs .price-appendix { margin-top: 0; } .catalog-comparison_packs .catalog-comparison__coverage-row td { text-align: left; padding: 32px 16px 28px; padding: 2rem 1rem 1.75rem; } .catalog-comparison_packs .catalog-comparison__coverage-row:last-child td { border-bottom: 4px solid #8bc8ce; } .catalog-comparison_packs .catalog-comparison__coverage-row:last-child td:nth-child(1) { border-bottom: 1px solid #ccc; } .catalog-comparison_packs .catalog-comparison__coverage-row:last-child td:nth-child(2) { border-bottom-color: #e6e6e6; } .catalog-comparison .quantity-picker { margin-right: 16px; margin-right: 1rem; } .button-custom-pack { margin-top: 24px; margin-top: 1.5rem; } .button-custom-pack-help { margin-top: 48px; margin-top: 3rem; } .catalog-comparison-v2 { width: 100%; border-collapse: separate; padding-bottom: 1.5rem; } .catalog-comparison-v2 th, .catalog-comparison-v2 td { padding: 20px; padding: 1.25rem; text-align: center; font-weight: initial; } .catalog-comparison-v2 tr>* { border-right: 2px solid #67b7bf; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .catalog-comparison-v2 tr>*:nth-child(1) { border-top: none; border-right: none; border-left: none; padding: 0; } .catalog-comparison-v2 tr>*:nth-child(2) { border-left: 4px solid #67b7bf; border-right: none; } .catalog-comparison-v2 tr>*:nth-child(3) { border-right: none; } .catalog-comparison-v2 tr>*:nth-child(4) { border-right: none; } .catalog-comparison-v2 tr>*:nth-child(5) { border-right-width: 4px; } .catalog-comparison-v2 .offer-category { background-color: #67b7bf; color: #FFF; border-top-left-radius: 12px; border-top-right-radius: 12px; padding: 0; font-size: 24px; text-transform: capitalize; letter-spacing: initial; line-height: 2.25; } .catalog-comparison-v2 .offer-category:first-of-type { background-color: #FFF; } .catalog-comparison-v2 .offer-category div { background-color: #8bc8ce; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 40px; margin: 0 24px 0 0; border-top-left-radius: 12px; border-top-right-radius: 12px; } .catalog-comparison-v2 .license { width: 20% } .catalog-comparison-v2 .license:last-of-type { width: 15% } .catalog-comparison-v2 .license .button-cart { width: 100%; padding: 0 2.5rem; } .catalog-comparison-v2 .license .button-cart .button-cart-text-container p { font-size: 12px; line-height: 1.3; } .catalog-comparison-v2 .license .button-cart i { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); font-size: 15px; height: 15px; width: 15px; margin-top: -1px; margin-left: 8px; } .catalog-comparison-v2 .license .content-displaying { display: none; } .catalog-comparison-v2 .license .content-displaying li { text-align: left; font-size: 13px; } .catalog-comparison-v2 .license.active { height: 160px; } .catalog-comparison-v2 .license.active .button-cart i { -webkit-transform: none; transform: none; } .catalog-comparison-v2 .license.active .button-cart.transparent { border-color: #67b7bf; } .catalog-comparison-v2 .license.active .content-displaying { display: block; width: 200%; margin-top: 1rem; } .catalog-comparison-v2 .global-parameter { vertical-align: top; text-align: left; color: #8bc8ce; } .catalog-comparison-v2 .global-parameter:first-of-type { border-bottom: none; } .catalog-comparison-v2 .global-parameter:first-of-type .offer__product.licence .body { padding: 1.5rem 2rem; } .catalog-comparison-v2 .global-parameter .offer__product.licence { width: 100%; list-style-type: none; margin-left: -12px; } .catalog-comparison-v2 .global-parameter .offer__product.licence::before { border-top-left-radius: 0; border-top-right-radius: 0; border-top: 0; } .catalog-comparison-v2 .global-parameter .offer__product.licence:hover::before { background-color: #FFF; } .catalog-comparison-v2 .global-parameter .offer__product.licence .body { padding: 1rem 2rem; } .catalog-comparison-v2 .global-parameter .offer__product.licence .body h2 { color: #646464; text-transform: uppercase; } .catalog-comparison-v2 .global-parameter .offer__product.licence .body h3 { -webkit-transform: none; transform: none; margin: 0 auto 20px; } .catalog-comparison-v2 .global-parameter .offer__product.licence .body .advantages { margin-top: 4rem; line-height: 1.15; } .catalog-comparison-v2 .global-parameter .offer__product.licence .body .offer-subheading { min-height: initial; font-size: 13px; text-align: left; margin: 7px 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; line-height: 1.4; letter-spacing: 1px; } .catalog-comparison-v2 .global-parameter .offer__product.licence .body .offer-subheading .icon-check { color: #67b7bf; margin: 0 6px 0 0; font-size: 14px; height: 14px; width: 14px; } .catalog-comparison-v2 .global-parameter .offer__product.licence .body .offer-subheading .icon-wrong { color: red; margin: 0 6px 0 0; } .catalog-comparison-v2 .global-parameter.license .offer__product.licence { margin-left: 0; } .catalog-comparison-v2 .global-parameter.license .offer__product.licence:before { content: none; } .catalog-comparison-v2 .global-parameter.license .offer__product.licence .body { padding: 0.5rem 0; } @media only screen and (max-width: 1200px) { .catalog-comparison-v2 .global-parameter.license .offer__product.licence .body .button-cart { padding: 0 0.75rem; } } .catalog-comparison-v2__category-row th { border: none !important; padding-top: 0; } .catalog-comparison-v2__licenses-row .license { padding: 16px; padding: 1rem; } .catalog-comparison-v2__licenses-row .license.top { vertical-align: top; } .catalog-comparison-v2__licenses-row th:nth-child(2) { border-top-color: #e6e6e6; } .catalog-comparison-v2__licenses-row td { border: none; } .catalog-comparison-v2__licenses-row td:nth-child(1) { border-bottom: none; } .catalog-comparison-v2__licenses-row td:nth-child(2) { border: none; } .catalog-comparison-v2__licenses-row .offer-heading span { height: 38.4px; height: 2.4rem; display: inline-block; } .catalog-comparison-v2__licenses-row .offer-subheading { margin-bottom: 0; } .catalog-comparison-v2__licenses-row .price-tag { width: 72px; width: 4.5rem; height: 72px; height: 4.5rem; border-radius: 100%; background-color: #333; color: #FFF; line-height: 5; white-space: nowrap; display: inline-block; } .catalog-comparison-v2__licenses-row .price-tag.regular-price { text-decoration: line-through; } .catalog-comparison-v2__licenses-row .price-appendix { margin-top: 8px; margin-top: 0.5rem; font-weight: "futurabook", Arial, sans-serif; color: #8bc8ce; } .catalog-comparison-v2__coverage-row:last-child { border-bottom: 4px solid #67b7bf !important; } .catalog-comparison-v2__coverage-row:last-child td:not(:first-of-type) { border-bottom: 4px solid #67b7bf; } .catalog-comparison-v2__coverage-row:last-child td:first-of-type { border-bottom: none; } .catalog-comparison-v2__coverage-row:last-child td:nth-child(2) { border-bottom-left-radius: 12px; } .catalog-comparison-v2__coverage-row td { text-align: center; line-height: 1.3; } .catalog-comparison-v2__coverage-row td:first-child { text-align: center; } .catalog-comparison-v2__coverage-row td[rowspan="9"] { border-bottom: 4px solid #67b7bf; border-bottom-right-radius: 12px; } .catalog-comparison-v2__coverage-row td>span { font-size: 13px; display: block; } .catalog-comparison-v2__coverage-row td:not(:first-of-type) span { margin-top: 6px; } .catalog-comparison-v2__coverage-row td .icon-wrong { color: red; width: auto; height: 28px; vertical-align: text-bottom; } .catalog-comparison-v2__coverage-row.custom td:first-child .quantity-picker { display: block; margin-bottom: 5px; } .catalog-comparison-v2__coverage-row p { line-height: 1.334; margin-bottom: 0; } .catalog-comparison-v2__coverage-row p+p { margin-top: 4px; margin-top: 0.25rem; } .catalog-comparison-v2__coverage-row .heading { font-weight: "futurabold", Arial, sans-serif; display: block; margin-bottom: 0; text-align: center; } .catalog-comparison-v2__coverage-row .heading+p { text-align: center; } .catalog-comparison-v2__coverage-row .scale-price { display: block; margin-top: 8px; margin-top: 0.5rem; color: #b3b3b3; } .catalog-comparison-v2__coverage-row .icon { width: 12px; width: 0.75rem; height: 12px; height: 0.75rem; } .catalog-comparison-v2__coverage-row .icon-check { color: #67b7bf; } .catalog-comparison-v2__coverage-row .icon-close { color: #ed795a; } .catalog-comparison-v2__coverage-row.secondary-head td { padding-bottom: 0; border-bottom: none; margin-top: 0; } .catalog-comparison-v2__coverage-row.secondary td { padding-top: 0; padding-bottom: 0; border-bottom: none; } .catalog-comparison-v2__coverage-row.secondary td p { margin-top: 8px; margin-top: 0.5rem; } .catalog-comparison-v2__coverage-row.secondary-last td { padding-top: 0; } .catalog-comparison-v2__coverage-row.secondary-last td p { margin-top: 4px; margin-top: 0.25rem; } .catalog-comparison-v2_packs .license { width: 20% } .catalog-comparison-v2_packs .price-appendix { margin-top: 0; } .catalog-comparison-v2_packs .catalog-comparison__coverage-row td { text-align: left; padding: 32px 16px 28px; padding: 2rem 1rem 1.75rem; } .catalog-comparison-v2_packs .catalog-comparison__coverage-row:last-child td { border-bottom: 4px solid #8bc8ce; } .catalog-comparison-v2_packs .catalog-comparison__coverage-row:last-child td:nth-child(1) { border-bottom: 1px solid #ccc; } .catalog-comparison-v2_packs .catalog-comparison__coverage-row:last-child td:nth-child(2) { border-bottom-color: #e6e6e6; } .catalog-comparison-v2 .quantity-picker { margin-right: 16px; margin-right: 1rem; } .button-custom-pack { margin-top: 24px; margin-top: 1.5rem; } .button-custom-pack-help { margin-top: 48px; margin-top: 3rem; } .emphasized-ribbon { padding: 48px 0; padding: 3rem 0; background-color: #67b7bf; color: #FFF; text-align: center; } .emphasized-ribbon__heading { border-bottom-width: 1px; border-bottom-width: 0.0625rem; border-bottom-color: #FFF; border-bottom-style: solid; padding-bottom: 16px; padding-bottom: 1rem; margin-bottom: 16px; margin-bottom: 1rem; } .emphasized-ribbon__heading div { line-height: 1.2; } .emphasized-ribbon__contact-item .by { margin-right: 12px; margin-right: 0.75rem; display: inline-block; vertical-align: middle; text-align: center; } .emphasized-ribbon__contact-item .data { line-height: 1; display: inline-block; white-space: nowrap; } .emphasized-ribbon__contact-item .data a:link, .emphasized-ribbon__contact-item .data a:visited { color: #FFF; text-decoration: none; } .emphasized-ribbon__contact-item .data a:hover, .emphasized-ribbon__contact-item .data a:active { color: #FFF; text-decoration: underline; } .emphasized-ribbon .perks { display: block; } .emphasized-ribbon .perks+.button { margin-top: 24px; margin-top: 1.5rem; } .emphasized-ribbon .perk { text-align: left; } .emphasized-ribbon .perk:before { font-family: "jamendo-all-icons"; content: ""; margin-right: 12px; margin-right: 0.75rem; display: inline-block; -webkit-transform: translateY(2px); transform: translateY(2px); } .emphasized-ribbon.inverted { color: #67b7bf; background-color: #FFF; } .emphasized-ribbon.inverted .emphasized-ribbon__heading { border-bottom-color: #67b7bf; } @media only screen and (min-width: 1200px) { .emphasized-ribbon__heading { padding-bottom: 0; margin-bottom: 0; border: none; } .emphasized-ribbon__contact-item { padding: 0 24px; padding: 0 1.5rem; display: inline-block; } .emphasized-ribbon__contact-item .by { border-width: 4px; border-width: 0.25rem; border-style: solid; width: 64px; width: 4rem; height: 64px; height: 4rem; padding-top: 12px; padding-top: 0.75rem; border-radius: 100%; border-color: #FFF; background-color: #8bc8ce; vertical-align: top; } .emphasized-ribbon__contact-item .by .icon { width: 32px; width: 2rem; height: 32px; height: 2rem; font-size: 32px; font-size: 2rem; } .emphasized-ribbon__contact-item .data { font-size: 24px; font-size: 1.5rem; line-height: 2.667; } .emphasized-ribbon .row { text-align: left; } .emphasized-ribbon .row>*:first-child { padding-right: 24px; } .emphasized-ribbon .row>*:last-child { padding-left: 24px; } } .footer.player-on { margin-bottom: 66px !important; transition: none !important; } .footer>div:first-child { background-color: #464646; padding: 48px 0 64px; padding: 3rem 0 4rem; } .footer>div:last-child { background-color: #333; padding: 28.96px 0; padding: 1.81rem 0; } .footer .link-group { color: #FFF; line-height: 1.334; margin-bottom: 16px; margin-bottom: 1rem; } .footer .link-group-heading { color: #FFF; font-family: "futurademi", Arial, sans-serif; letter-spacing: 1px; display: inline-block; padding-bottom: 8px; padding-bottom: 0.5rem; margin-bottom: 8px; margin-bottom: 0.5rem; margin-top: 16px; margin-top: 1rem; border-bottom-width: 1px; border-bottom-width: 0.0625rem; border-bottom-style: solid; border-bottom-color: #67b7bf; text-transform: uppercase; } .footer .link-group a { text-decoration: none; display: inline-block; padding: 4px 0; padding: 0.25rem 0; letter-spacing: 1px; } .footer .link-group a:link, .footer .link-group a:visited { color: #FFF; } .footer .link-group a:hover, .footer .link-group a:active { color: #afd9dd; } .footer .link-group li { display: inline; } .footer .link-group li:not(:last-child):after { content: " / " } .footer .social, .footer .language { text-align: center; } .footer .copyright p { display: block; text-align: center; margin: 0; line-height: 3.273; color: #b3b3b3; letter-spacing: 1px; } @media only screen and (min-width: 768px) { .footer>div: last-child { background-color: #333; padding: 12.96px 0; padding: 0.81rem 0; } .footer .social { text-align: right; } .footer .language { text-align: left; } } @media only screen and (min-width: 992px) { .footer.player-on { margin-bottom: 80px !important; transition: none !important; } .footer>div:last-child { background-color: #333; padding: 13px 0; padding: 0.8125rem 0; } .footer .link-group { margin: 0 12px; margin: 0 0.75rem; } .footer .link-group li, .footer .link-group a { display: block; } .footer .link-group li:after { display: none; } .footer .link-group-heading { display: block; margin-left: 12px; margin-left: 0.75rem; margin-right: 12px; margin-right: 0.75rem; } } @media only screen and (min-width: 1200px) { .footer .border-footer { display: none; } } .footer.is-lite { z-index: 3; } .footer.is-lite>div:first-child { display: none; } .footer.is-lite>div:last-child { background-color: transparent; padding: 32px 0; padding: 2rem 0; } .footer.is-lite>div:last-child>.container { margin: 0; width: 100% } .footer.is-lite .player { margin-bottom: 62px !important; transition: none !important; } .footer.is-lite .social .button-icon:hover, .footer.is-lite .language .button-icon:hover, .footer.is-lite .copyright p { color: #FFF; } @media only screen and (max-width: 479px) { .footer.is-lite .social, .footer.is-lite .copyright { display: none; } .footer.is-lite .language { margin-bottom: 15px; } } @media only screen and (max-width: 767px) { .footer.is-lite .language .button-icon { margin-bottom: 0px; } .footer.is-lite>div:last-child { padding: 16px 0; padding: 1rem 0; } } @media only screen and (min-width: 1200px) { .footer.is-lite .border-footer { width: 0px; float: none; } .footer.is-lite .social { text-align: left; } .footer.is-lite .language { text-align: right; } } .section+.footer { margin-top: 96px; margin-top: 6rem; } .grecaptcha-badge { visibility: hidden; } .fullscreen-content { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: table; z-index: 1; } .fullscreen-content>div { display: table-cell; text-align: center; vertical-align: middle; height: 100%; padding-top: 48px; padding-top: 3rem; } @media only screen and (min-width: 768px) { .fullscreen-content>div { padding-top: 64px; padding-top: 4rem; } } .fullscreen-hero { z-index: -2; } .fullscreen-hero.img-src-main-landing { background-image: url("https://images.jamendo.com/jamendolicensing/landing/fs-bg-img-portrait.webp"); } @media only screen and (orientation: landscape) { .fullscreen-hero.img-src-main-landing { background-image: url("https://images.jamendo.com/jamendolicensing/landing/fs-bg-img-landscape.webp"); } } @media only screen and (orientation: landscape) and (min-height: 801px) { .fullscreen-hero.img-src-main-landing { background-image: url("https://images.jamendo.com/jamendolicensing/landing/fs-bg-img-landscape-large.webp"); } } .hero { position: relative; } .hero-background { z-index: 0; overflow: hidden; } .hero-background img { width: 100%; height: 100% } .hero-background>picture.vector { display: block; background-repeat: no-repeat; background-position: center; background-size: 100%; background-color: transparent; height: 100%; width: 100%; padding: 0px; border: none; } .hero-background>picture.vector[paper-plane] { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/paper-plane.svg"); background-size: 18%; background-position: left center; } @media only screen and (max-width: 1400px) { .hero-background>picture.vector[paper-plane] { margin-left: -35px; } } @media only screen and (max-width: 992px) { .hero-background>picture.vector[paper-plane] { margin-left: -20px; background-size: 20%; opacity: .7; } } @media only screen and (max-width: 768px) { .hero-background>picture.vector[paper-plane] { margin-top: -45px; margin-left: -30px; background-size: 30% } } @media only screen and (max-width: 480px) { .hero-background>picture.vector[paper-plane] { display: none; } } .hero-background>picture.vector[spreaker] { background-image: url("https://images.jamendo.com/jamendolicensing/heroes/spreaker/hero-spreaker-d-xl.svg"); background-size: 100%; background-position: center center; } @media only screen and (max-width: 768px) { .hero-background>picture.vector[spreaker] { background-image: url("https://images.jamendo.com/jamendolicensing/heroes/spreaker/hero-spreaker-m.svg"); } } .hero-background>picture.vector[phone-video] { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/phone-video.svg"); background-size: 25%; background-position: left center; } .hero-background>picture.vector[copyright-free] { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/copyright-free.svg"); background-size: 12%; background-position: 96% bottom; height: 126%; display: none; } @media only screen and (max-width: 768px) { .hero-background>picture.vector[copyright-free] { background-position: center 8%; background-size: 24% } } @media only screen and (max-width: 540px) { .hero-background>picture.vector[copyright-free] { background-position: center 6%; background-size: 22% } } @media only screen and (max-width: 480px) { .hero-background>picture.vector[copyright-free] { background-position: center 4%; background-size: 21% } } .hero-background>picture.vector[music-box] { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/music-box.svg"); background-size: 11%; background-position: 94% center; margin-top: -10px; } @media only screen and (max-width: 1700px) { .hero-background>picture.vector[music-box] { background-size: 12%; background-position: 95% center; } } @media only screen and (max-width: 1500px) { .hero-background>picture.vector[music-box] { background-size: 13%; background-position: 95% center; } } @media only screen and (max-width: 1200px) { .hero-background>picture.vector[music-box] { background-size: 11%; background-position: 92% 21%; opacity: .7; } } @media only screen and (max-width: 1000px) { .hero-background>picture.vector[music-box] { background-position: 92% 25% } } @media only screen and (max-width: 768px) { .hero-background>picture.vector[music-box] { background-size: 18%; opacity: 1; background-position: 7% 93% } } @media only screen and (max-width: 480px) { .hero-background>picture.vector[music-box] { display: none; } } .hero-background>picture.vector[music-box]~div { width: 20%; height: 100%; z-index: -1; } .hero-background>picture.vector[music-box]~div::after { content: ""; position: absolute; width: 0; height: 0; left: -95px; top: 0px; border-right: 95px solid #4bd2e2; border-top: 120px solid transparent; border-bottom: 120px solid transparent; } @media only screen and (max-width: 1200px) { .hero-background>picture.vector[music-box]~div { display: none; } } .hero[sm-rectangle] { padding-bottom: 16% !important; } @media only screen and (max-width: 1200px) { .hero[sm-rectangle] { padding-bottom: 20% !important; } } @media only screen and (max-width: 992px) { .hero[sm-rectangle] { padding-bottom: 28% !important; } } @media only screen and (max-width: 768px) { .hero[sm-rectangle] { padding-bottom: 42% !important; } } @media only screen and (max-width: 600px) { .hero[sm-rectangle] { padding-bottom: 70% !important; } } @media only screen and (max-width: 480px) { .hero[sm-rectangle] { padding-bottom: 100% !important; } } .hero[h-240] { padding-bottom: 0 !important; } @media only screen and (max-width: 560px) { .hero[h-240] { height: 260px !important; } } .hero-content { padding: 0 16px; padding: 0 1rem; } .hero-content a.container:hover { text-decoration: none; } .hero-content a.container:hover h1, .hero-content a.container:hover p { color: #b7f7ff; } .hero-content.heavy p { display: none; max-width: 800px; max-width: 50rem; } .hero-content .hero-button { margin: 32px 0 0; margin: 2rem 0 0; } .hero-content picture { border: 1px solid red; } .hero .heading { margin-bottom: 14px; } .hero .cta { margin-top: 32px; margin-top: 2rem; } .hero .cta { text-align: center; } .hero .cta-overlay { display: table; position: absolute; width: 100%; bottom: 0; } .hero .cta-overlay .btn-img-background { margin: 0px auto -50px; } .hero .link-corner { padding: 0 16px 12px; padding: 0 1rem 0.75rem; text-align: right; } .hero .link-corner a:link, .hero .link-corner a:visited { color: #FFF; text-decoration: none; } .hero .link-corner a:hover, .hero .link-corner a:active { text-decoration: underline; } .hero p { max-width: 600px; max-width: 37.5rem; color: #FFF; margin: 0; line-height: 1.4; } @media only screen and (max-width: 480px) { .hero p { max-width: 100%; margin: 0rem 1.5rem; } } .hero a.hero-content { text-decoration: none; } .hero a.hero-content:hover h1, .hero a.hero-content:hover h2, .hero a.hero-content:hover p { color: #b7f7ff; } .hero a.hero-content.track-pack .container, .hero a.hero-content.subscription .container { width: 50%; margin: 0 0 0 160px; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .hero a.hero-content.track-pack .container h1, .hero a.hero-content.subscription .container h1 { margin: 0 !important; max-width: none !important; } .hero a.hero-content.track-pack .container h2, .hero a.hero-content.subscription .container h2 { margin: 0 0 25px 0 !important; max-width: none !important; } .hero a.hero-content.track-pack .container .heading.overlay, .hero a.hero-content.subscription .container .heading.overlay { text-shadow: none; } .hero a.hero-content.track-pack .container>div, .hero a.hero-content.subscription .container>div { width: 100% } .hero a.hero-content.track-pack .container>div p, .hero a.hero-content.subscription .container>div p { text-shadow: none; padding-right: 15px; } @media only screen and (max-width: 1600px) { .hero a.hero-content.track-pack .container, .hero a.hero-content.subscription .container { margin: 0 0 0 100px; width: 60% } } @media only screen and (max-width: 1400px) { .hero a.hero-content.track-pack .container, .hero a.hero-content.subscription .container { width: 65% } } @media only screen and (max-width: 1200px) { .hero a.hero-content.track-pack .container, .hero a.hero-content.subscription .container { width: 95%; margin: 0 auto; } } @media only screen and (max-width: 768px) { .hero a.hero-content.track-pack .container, .hero a.hero-content.subscription .container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hero a.hero-content.track-pack .container>div, .hero a.hero-content.subscription .container>div { -ms-flex-flow: column; flex-flow: column; } .hero a.hero-content.track-pack .container>div p[text-left], .hero a.hero-content.subscription .container>div p[text-left] { padding-right: 0px; display: none; } } @media only screen and (max-width: 480px) { .hero a.hero-content.track-pack .container h2, .hero a.hero-content.subscription .container h2 { font-size: 1.375rem !important; } .hero a.hero-content.track-pack .container button, .hero a.hero-content.subscription .container button { margin-bottom: 20px; } } .hero a.hero-content.track-pack:hover .container>div p, .hero a.hero-content.subscription:hover .container>div p { color: #FFF; } .hero a.hero-content.track-pack:hover .container>div .button-cart::before, .hero a.hero-content.subscription:hover .container>div .button-cart::before { content: none; } .hero a.hero-content.track-pack:hover .container>div .button-cart .button-cart-text-container p, .hero a.hero-content.subscription:hover .container>div .button-cart .button-cart-text-container p { color: #e78e03; } .hero a.hero-content.track-pack:hover .container>div .button-cart:hover, .hero a.hero-content.subscription:hover .container>div .button-cart:hover { transition-delay: 0s; } .hero a.hero-content.track-pack:hover .container>div .button-cart:hover .button-cart-text-container p, .hero a.hero-content.subscription:hover .container>div .button-cart:hover .button-cart-text-container p { color: #fdef16; } .hero a.hero-content.track-pack~.link-corner a, .hero a.hero-content.subscription~.link-corner a { color: #FFF; text-decoration: none; cursor: pointer; } .hero a.hero-content.track-pack~.link-corner a:hover, .hero a.hero-content.subscription~.link-corner a:hover { text-decoration: underline; } .hero.seo .search-module { max-width: 550px; margin-left: auto; margin-right: auto; background-color: white; font-size: 16px; color: black; border: 1px solid black; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } @media only screen and (max-width: 768px) { .hero.seo .search-module { margin-top: 80px; } } .hero.seo .search-module__left { padding-right: 10px; } .hero.seo .search-module__right { padding-left: 10px; } .hero.seo .search-module .icon-search { color: black; } .hero.seo .search-module input[type="text"] { color: black !important; } .hero.seo .search-module ::-webkit-input-placeholder { /**/ color: black; } .hero.seo .search-module :-ms-input-placeholder { color: black; } .hero.seo .search-module ::-moz-placeholder { color: black; } .hero.seo .search-module ::placeholder { color: black; } .hero.seo .search-module .chosen-choices { padding-top: 8px; padding-bottom: 8px; } .hero.catalog .hero-background { z-index: 0; } .hero.catalog .hero-content { width: 100% } @media only screen and (max-width: 700px) { .hero.catalog .hero-content { width: 100% } } .hero.catalog .hero-content>div { display: block; } .hero.catalog .hero-content .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 700px) { .hero.catalog .hero-content .container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .hero.catalog .hero-content .container h1 { font-size: 50px; line-height: 55px; margin-bottom: 0; color: #000; } @media only screen and (max-width: 700px) { .hero.catalog .hero-content .container h1 { font-size: 30px; line-height: 33px; text-align: center; margin-bottom: 30px; } } .hero.catalog .hero-content .container h2 { font-size: 20px; line-height: 62px; color: #000; } @media only screen and (max-width: 700px) { .hero.catalog .hero-content .container h2 { font-size: 16px; line-height: 30px; text-align: center; } } .hero.catalog .hero-content .container .search-module { max-width: 450px; margin-top: 0; background-color: white; font-size: 16px; color: black; border: 1px solid black; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } @media only screen and (max-width: 770px) { .hero.catalog .hero-content .container .search-module { margin-top: 80px; } } .hero.catalog .hero-content .container .search-module__left { padding-right: 10px; } .hero.catalog .hero-content .container .search-module__right { padding-left: 10px; } .hero.catalog .hero-content .container .search-module .icon-search { color: black; } .hero.catalog .hero-content .container .search-module input[type="text"] { color: black !important; } .hero.catalog .hero-content .container .search-module ::-webkit-input-placeholder { color: black; } .hero.catalog .hero-content .container .search-module :-ms-input-placeholder { color: black; } .hero.catalog .hero-content .container .search-module ::-moz-placeholder { color: black; } .hero.catalog .hero-content .container .search-module ::placeholder { color: black; } .hero.catalog .hero-content .container .search-module .chosen-choices { padding-top: 8px; padding-bottom: 8px; } .hero.instore .hero-background { z-index: 0; } .hero.instore .hero-content { width: 100%; max-width: 500px; } @media only screen and (max-width: 768px) { .hero.instore .hero-content { width: 100%; max-width: 100% } } .hero.instore .hero-content>div { display: block; } .hero.instore .hero-content .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 768px) { .hero.instore .hero-content .container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .hero.instore .hero-content .container .title { text-align: left; } .hero.instore .hero-content .container .title h1 { font-size: 50px; line-height: 55px; margin-bottom: 0; color: #000; } @media only screen and (max-width: 768px) { .hero.instore .hero-content .container .title h1 { font-size: 30px; line-height: 33px; text-align: center; margin-bottom: 30px; margin-top: 20% } } .hero.instore .hero-content .container .title h2 { font-size: 20px; line-height: 35px; color: #000; margin-top: 40px; margin-bottom: 0; } @media only screen and (max-width: 768px) { .hero.instore .hero-content .container .title h2 { font-size: 16px; line-height: 30px; text-align: center; margin-top: 0px; } } .hero.instore .hero-content .container .trial-cta { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 40px; } @media only screen and (max-width: 915px) { .hero.instore .hero-content .container .trial-cta { margin-top: 20px; } } @media only screen and (max-width: 768px) { .hero.instore .hero-content .container .trial-cta { margin-top: 0; position: absolute; bottom: 18% } } .hero.catalog, .hero.instore { padding-bottom: 130% !important; } @media only screen and (min-width: 768px) { .hero { padding-bottom: 27% !important; } .hero.catalog, .hero.instore { padding-bottom: 39% !important; } .hero .heading { font-size: 32px; font-size: 2rem; } .hero-content.heavy p { display: none; } } @media only screen and (min-width: 992px) { .hero .heading { font-size: 40px; font-size: 2.5rem; } .hero-content.heavy p { display: inline-block; } .hero p { font-size: 16px; font-size: 1rem; } .hero .search-module { margin-top: 16px; margin-top: 1rem; } } @media only screen and (min-width: 1200px) { .hero .search-module { margin-top: 32px; margin-top: 2rem; } } @media only screen and (min-width: 1600px) { .hero .heading { font-size: 48px; font-size: 3rem; } } .hero.filmora .how-to { margin-top: 30px; } .hero-catalog-ribbon { background-color: whitesmoke; min-height: 56px; border: 1px solid #D8D8D8; box-sizing: border-box; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); white-space: nowrap; } @media only screen and (max-width: 768px) { .hero-catalog-ribbon { box-shadow: none; border-bottom: 1px solid #DADADA; } } .hero-catalog-ribbon__container { min-height: 56px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 1.5rem; padding-right: 1.5rem; } @media only screen and (max-width: 768px) { .hero-catalog-ribbon__container { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 992px) { .hero-catalog-ribbon__container { -ms-overflow-style: none; scrollbar-width: none; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; } .hero-catalog-ribbon__container::-webkit-scrollbar { display: none; } } .hero-catalog-ribbon__container__home { color: black !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hero-catalog-ribbon__container__breadcrumb { vertical-align: middle; color: #C4C4C4; } .hero-catalog-ribbon__container__tree-item, .hero-catalog-ribbon__container__select { display: inline-block; margin: 0 8px; margin: 0 0.5rem; } .hero-catalog-ribbon__container__tree-item, .hero-catalog-ribbon__container__select select, .hero-catalog-ribbon__container__select:after { font-family: "futurademi", Arial, sans-serif; letter-spacing: 1px; text-transform: uppercase; color: black; line-height: 1; } .hero-catalog-ribbon__container__select { position: relative; display: inline-block; z-index: 0; } .hero-catalog-ribbon__container__select--last { margin-right: 25px; } @media only screen and (max-width: 768px) { .hero-catalog-ribbon__container__select--last { padding-right: 5px; } } .hero-catalog-ribbon__container__select select { padding: 10px 28px 10px 12px; padding: 0.625rem 1.75rem 0.625rem 0.75rem; border-width: 1px; border-width: 0.0625rem; border-style: solid; border-color: #ccc; text-transform: uppercase; background: transparent; color: black; outline: none; } .hero-catalog-ribbon__container__select select:hover { cursor: pointer; } .hero-catalog-ribbon__container__select select::-ms-expand { display: none; } .hero-catalog-ribbon__container__select:after { position: absolute; right: 12px; right: 0.75rem; top: 10px; top: 0.625rem; content: '\25BC'; color: black; z-index: -1; } .hero-catalog-ribbon__container__select:focus { outline-width: 0; } .hero-catalog-ribbon__container__select:hover { cursor: pointer; } .hero-catalog-ribbon__container__flex-spacing { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (max-width: 1300px) { .hero-catalog-ribbon__container__flex-spacing { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } } .hero-catalog-ribbon__container__filter-container { height: 56px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #636363; padding-left: 24px; margin: 0 !important; border-left: 1px solid #D8D8D8; } @media only screen and (max-width: 992px) { .hero-catalog-ribbon__container__filter-container { display: none; } } .hero-catalog-ribbon__container__filter-container__text { margin-right: 10px; } .hero-in-store-ribbon { padding: 18px 0; padding: 1.125rem 0; margin-bottom: 64px; margin-bottom: 4rem; background-color: #67b7bf; } .hero-in-store-ribbon p { text-align: center; display: block; margin-bottom: 10px; margin-bottom: 0.625rem; } .hero-in-store-ribbon h1, .hero-in-store-ribbon h2, .hero-in-store-ribbon h3 { margin: 0; } .hero-in-store-ribbon .button-list { text-align: center; } .hero-track { padding: 28px 0 12px; padding: 1.75rem 0 0.75rem; margin-bottom: 16px; margin-bottom: 1rem; position: relative; background-color: #333; color: #FFF; } .hero-track:after { position: absolute; content: ''; bottom: -13px; bottom: -0.8125rem; margin-left: -8px; margin-left: -0.5rem; left: 50%; width: 0; height: 0; border-left: 0.5rem solid transparent; border-right: 0.5rem solid transparent; border-top: 0.86rem solid #333; } .hero-track__waveform { position: relative; } .hero-track__waveform:hover { cursor: pointer; } .hero-track__waveform .button-play { margin-left: -32px; margin-left: -2rem; margin-top: -32px; margin-top: -2rem; } .hero-track__waveform>canvas { width: 100% } .hero-track__duration { text-align: right; } .hero-track__information .mobile-cart-cta { display: none; } .hero-track__information .mobile-cart-cta:focus { outline: none; } .hero-track__information .button-cart.transparent, .hero-track__information .button-cart.bordered { margin-top: 8px; } @media only screen and (max-width: 992px) { .hero-track__information .button-cart.transparent, .hero-track__information .button-cart.bordered { border-color: #FFF; margin-top: 12px; } } @media only screen and (max-width: 650px) { .hero-track__information .buy-buttons-container { float: left; margin: 12px 0px 0px 12px; } .hero-track__information .buy-buttons-container .button-cart:not(.transparent) { display: none; } .hero-track__information .buy-buttons-container .mobile-cart-cta { display: -webkit-box; display: -ms-flexbox; display: flex; } .hero-track__information .change-license-container { float: left; margin-top: -6px; } .hero-track__information .hero-track__actions { clear: both; margin-top: 66px; } } .hero-track__title { font-family: "futurademi", Arial, sans-serif; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .hero-track__title__contentid-icon { margin-top: 5px; margin-left: 5px; margin-right: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .hero-track__title__contentid-icon img { width: 20px; height: 20px; } .hero-track__artist-name { line-height: 1.714; } .hero-track__artist-name span { text-transform: uppercase; } .hero-track__tags { color: #b3b3b3; display: inline-block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; min-height: 16px; } .hero-track__tags li:nth-child(n+7) { display: none; } .hero-track__tags li:nth-child(6):after { content: '' } .hero-track__actions { margin-top: 14.4px; margin-top: 0.9rem; } .hero-track__actions .button.small { font-size: 14.4px; font-size: 0.9rem; min-width: 8rem; text-decoration: none; } .hero-track__actions>li:nth-child(2) { margin-bottom: 0.25rem; } .hero-track__actions>li:nth-child(2) .hero-track__action { font-size: 12.8px; font-size: 0.8rem; margin-bottom: 0.25rem; } .hero-track__action { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 12px 0; margin: 0.75rem 0; text-align: left; text-decoration: none; } .hero-track__action:link, .hero-track__action:visited { color: #FFF; } .hero-track__action:hover, .hero-track__action:active { color: #67b7bf; } .hero-track__action:focus { outline: none !important; } .hero-track__tease { color: gray; text-transform: uppercase; text-align: center; letter-spacing: 1px; } @media only screen and (min-width: 992px) { .hero-track__waveform { margin-top: 6px; margin-top: 0.375rem; } } @media only screen and (min-width: 1200px) { .hero-track__a { padding-right: 24px; padding-right: 1.5rem; } .hero-track__b { padding-left: 24px; padding-left: 1.5rem; } } .header-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-flow: column; flex-flow: column; height: 100%; width: 100%; position: relative; min-height: calc(100vh - 50vh); margin-bottom: 40px; } @media only screen and (max-width: 768px) { .header-2 { min-height: calc(100vh - 31vh); } } .header-2 .video-2 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); bottom: 0; left: 0; top: 0; right: 0; overflow: hidden; position: absolute; margin: 0; padding: 0; } .header-2 .video-2 video { min-height: 100%; min-width: 100% } .header-2 h1, .header-2 h2, .header-2 .search-module { z-index: 1; text-align: center; } .header-2 h1, .header-2 h2 { padding: 0 1rem; } .header-2 .search-module { width: 50% } @media only screen and (max-width: 880px) { .header-2 .search-module { display: none; } } @media only screen and (max-width: 1109px) { .header-2 { margin-top: -48px; margin-top: -3rem; } } .link-map { clear: both; } .link-map .tabs { text-align: center; border-bottom-width: 1px; border-bottom-width: 0.0625rem; border-bottom-style: solid; border-bottom-color: #e6e6e6; } .link-map .tabs li { display: inline; } .link-map .tabs li.is-active button { color: #67b7bf; } .link-map .tabs li.is-active button:before { position: absolute; bottom: -1px; bottom: -0.0625rem; height: 1px; height: 0.0625rem; left: 0; right: 0; content: ""; display: block; background-color: #67b7bf; } .link-map .tabs button { display: inline-block; padding: 8px 8px; padding: 0.5rem 0.5rem; margin: 0 8px; margin: 0 0.5rem; cursor: pointer; position: relative; color: #999; } .link-map .tabs button:focus { outline: none; } .link-map.discreet { padding-top: 16px; padding-top: 1rem; } .link-map.discreet .tabs { border-bottom: none; } .link-map.discreet .tabs button { display: inline; padding: 0; margin: 0; } .link-map.discreet .tabs button:after { content: " / " } .link-map.discreet .tabs li:last-child button:after, .link-map.discreet .tabs li.is-active button:before { display: none; } .link-map.discreet .tabs li.is-active button { color: #999; } .link-map .tabs-content { margin: 32px 0 0; margin: 2rem 0 0; } .link-map .tabs-content>li { display: none; width: 100%; text-align: center; } .link-map .tabs-content>li>div { display: inline-block; width: auto; } .link-map .tabs-content>li.is-active { display: block; } .link-map .tabs-content a { text-decoration: none; } .link-map .link-group a:not(.main):link, .link-map .link-group a:not(.main):visited, .link-map .link-group-unique a:not(.main):link, .link-map .link-group-unique a:not(.main):visited { color: #999; } .link-map .link-group a:not(.main):hover, .link-map .link-group a:not(.main):active, .link-map .link-group-unique a:not(.main):hover, .link-map .link-group-unique a:not(.main):active { color: gray; } .link-map .link-group { margin-bottom: 20px; margin-bottom: 1.25rem; float: left; text-align: left; width: 50% } .link-map .link-group li { float: left; clear: left; } .link-map .link-group li .main { line-height: 2; } .link-map .link-group li .more { line-height: 2.667; } .link-map .link-group-unique li { float: left; width: 50%; text-align: left; margin-bottom: 20px; margin-bottom: 1.25rem; } @media only screen and (min-width: 768px) and (max-width: 991px) { .link-map .link-group { width: 240px; } .link-map .link-group:nth-child(3n+3) { width: auto; } .link-map .link-group:nth-child(3n+4) { clear: left; } .link-map .link-group-unique li { width: 33% } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .link-map .link-group { width: 230px; } .link-map .link-group:nth-child(4n+4) { width: auto; } .link-map .link-group:nth-child(4n+5) { clear: left; } .link-map .link-group-unique li { width: 20% } } @media only screen and (min-width: 1200px) { .link-map .link-group { width: 220px; } .link-map .link-group:nth-child(5n+5) { width: auto; } .link-map .link-group:nth-child(5n+6) { clear: left; } .link-map .link-group-unique li { width: 14.2% } } @media only screen and (min-width: 992px) { .link-map .tabs button { padding: 20px 20px; padding: 1.25rem 1.25rem; margin: 0 16px; margin: 0 1rem; } } .link-map-v2 { position: relative; } .link-map-v2 h1 { text-transform: uppercase; } .link-map-v2>li { width: 20% } @media only screen and (max-width: 992px) { .link-map-v2>li { width: 25% } } .link-map-v2>li a { color: gray; text-decoration: none; cursor: pointer; } .link-map-v2>li a h2 { margin-bottom: 0.5rem; font-size: 20px; } .link-map-v2>li a:hover { color: #67b7bf; } .link-map-v2>li a.is-active h2 { font-family: "futurademi", Arial, sans-serif; } .link-map-v2>li .menu-list { display: block; max-height: 0px; overflow: hidden; transition: max-height 0.7s cubic-bezier(0, 1, 0, 1); } .link-map-v2>li .menu-list.is-active { padding-left: 0.75rem; border-left: 4px solid #f1f1f1; -webkit-animation: mymove 0.5s 0.1s cubic-bezier(0.5, 0, 0.5, 0) forwards; animation: mymove 0.5s 0.1s cubic-bezier(0.5, 0, 0.5, 0) forwards; } @-webkit-keyframes mymove { 0% { max-height: 0px; } 99% { max-height: 370px; } 100% { max-height: 370px; overflow: visible; } } @keyframes mymove { 0% { max-height: 0px; } 99% { max-height: 370px; } 100% { max-height: 370px; overflow: visible; } } .link-map-v2>li .menu-list li:last-of-type { margin-bottom: 1rem; } .link-map-v2>li .menu-list li a { position: relative; } .link-map-v2>li .menu-list li a::before { content: ''; position: absolute; width: 4px; margin-left: calc(-0.75rem - 4px); top: 0; left: 0; height: 0px; background-color: #67b7bf; -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; transition: -webkit-transform .5s; transition: transform .5s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .link-map-v2>li .menu-list li a h3 { font-size: 14px; margin-bottom: 0.5rem; } .link-map-v2>li .menu-list li a:hover::before { height: 21px; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .link-map-v2>li .menu-list li.is-active { border-left: 4px solid #67b7bf; z-index: 1; padding-left: 1.125rem; margin-left: calc(-0.75rem - 4px); } .link-map-v2>li .menu-list li.is-active a::before { content: none; } .link-map-v2>li .menu-list li.is-active a h3 { color: #67b7bf; } .link-map-v2>li .container-icons { display: none; opacity: 0; width: 80% } @media only screen and (max-width: 992px) { .link-map-v2>li .container-icons { width: 75% !important; } } .link-map-v2>li .container-icons.is-active { display: block; position: absolute; top: 0; right: 0; width: 80%; -webkit-animation: fadeicons .5s forwards; animation: fadeicons .5s forwards; } @-webkit-keyframes fadeicons { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeicons { 0% { opacity: 0; } 100% { opacity: 1; } } .link-map-v2>li .container-icons.is-active p { margin-left: 2%; margin-bottom: 0.5rem; } @media only screen and (max-width: 992px) { .link-map-v2>li .container-icons.is-active p { margin-left: 3.33% } } .link-map-v2>li .container-icons.is-active .icons-display { display: none; overflow: hidden; } .link-map-v2>li .container-icons.is-active .icons-display.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .link-map-v2>li .container-icons.is-active .icons-display li { width: 18%; margin-left: 2%; margin-bottom: 2%; overflow: hidden; } @media only screen and (max-width: 1200px) { .link-map-v2>li .container-icons.is-active .icons-display li { width: 23%; margin-left: 2%; margin-bottom: 2% } } @media only screen and (max-width: 992px) { .link-map-v2>li .container-icons.is-active .icons-display li { width: 30%; margin-left: 3.33%; margin-bottom: 3.33% } } .link-map-v2>li .container-icons.is-active .icons-display li a { display: block; position: relative; height: 100%; text-align: center; color: #FFF; text-decoration: none; text-transform: uppercase; cursor: url("https://images.jamendo.com/jamendolicensing/static/png-imgs/magnifying-glass-icon.webp"), pointer; transition: background-color .2s ease-in-out; } .link-map-v2>li .container-icons.is-active .icons-display li a::before { content: none; } .link-map-v2>li .container-icons.is-active .icons-display li a h4 { margin: 0; } .link-map-v2>li .container-icons.is-active .icons-display li a figure { display: block; background-size: contain; background-position: center; background-repeat: no-repeat; margin: 0; height: 100%; width: 100%; position: relative; } .link-map-v2>li .container-icons.is-active .icons-display li a figure::after { content: ''; position: absolute; z-index: 2; right: 0; top: 0; left: 0; bottom: 0; background-color: #67b7bf; opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); transition: opacity .17s, -webkit-transform .17s ease-out; transition: opacity .17s, transform .17s ease-out; } .link-map-v2>li .container-icons.is-active .icons-display li a figure img { position: absolute; width: 100%; height: 100%; left: 0; max-height: 90px; transition: all .2s ease-in-out; top: calc((100% - 46px - 90px)/2); } .link-map-v2>li .container-icons.is-active .icons-display li a figure figcaption { display: table-cell; vertical-align: middle; word-break: break-all; padding: 5%; width: 100%; font-size: 14px; font-family: "futurabook", Arial, sans-serif; padding: 0 8px; margin: 0; text-shadow: none; text-transform: capitalize; line-height: 1.3; background-color: #67b7bf; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 46px; text-align: center; position: absolute; bottom: 0; white-space: normal; word-break: break-word; background-color: #67b7bf; transition: height .1s ease-out .1s; } .link-map-v2>li .container-icons.is-active .icons-display li a figure[rock] { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/paper-plane.svg"); } .link-map-v2>li .container-icons.is-active .icons-display li:hover figure::after { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); opacity: .75; -webkit-filter: brightness(100%) saturate(100%); filter: brightness(100%) saturate(100%); } .link-map-v2>li .container-icons.is-active .icons-display li:hover figure img { -webkit-filter: saturate(135%) brightness(125%); filter: saturate(135%) brightness(125%); z-index: 10; -webkit-transform: translateZ(0) scale(1.05, 1.05); transform: translateZ(0) scale(1.05, 1.05); margin-top: -1px; } @media only screen and (max-width: 1110px) { .link-map-v2>li .container-icons.is-active .icons-display li: hover figure img { margin-top: -3px; } } .link-map-v2>li .container-icons.is-active .icons-display li:hover figure figcaption { color: #FFF; background-color: #4bd2e2; height: 54px; z-index: 3; } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo { display: initial; overflow: hidden; } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a { overflow: hidden; position: relative; width: 100%; height: 100% } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a>div:first-child { z-index: -1; position: absolute; right: 0; top: 0; left: 0; bottom: 0; height: 100% } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a>div:first-child:after { content: ''; position: absolute; z-index: 2; right: 0; top: 0; left: 0; bottom: 0; background-color: #67b7bf; opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); transition: opacity .17s, -webkit-transform .17s ease-out; transition: opacity .17s, transform .17s ease-out; } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a>div:first-child img { transition: all .2s ease-in-out; width: 100%; height: auto; } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a>div:last-child { position: absolute; right: 0; top: 0; left: 0; bottom: 0; height: 100% } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a>div:last-child>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 46px; padding: 0; text-align: center; position: absolute; bottom: 0; white-space: normal; word-break: break-word; background-color: #67b7bf; transition: height .1s ease-out .1s; } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a>div:last-child>div h2 { font-size: 14px; font-family: "futurabook", Arial, sans-serif; padding: 0 8px; margin: 0; text-shadow: none; text-transform: capitalize; line-height: 1.3; } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a:hover { cursor: url("https://images.jamendo.com/jamendolicensing/static/png-imgs/magnifying-glass-icon.webp"), pointer; } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a:hover>div:first-child:after { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); opacity: .75; } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a:hover img { -webkit-transform: translateZ(0) scale(1.06, 1.06); transform: translateZ(0) scale(1.06, 1.06); } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a:hover>div:last-child>div { color: #FFF; background-color: #4bd2e2; height: 54px; } @media only screen and (max-width: 768px) { .link-map-v2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .link-map-v2>li { width: 30%; height: 50px; margin: 1.666% } .link-map-v2>li a { height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: center; border: 1px solid gray; border-radius: 6px; } .link-map-v2>li a.is-active { background-color: gray; border-color: gray; color: #FFF; } .link-map-v2>li a h2 { width: 100%; margin: 0; padding: 0 8px; line-height: 1.3; } .link-map-v2>li .menu-list, .link-map-v2>li .menu-list.is-active { position: absolute; top: 160px; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; border-left: none; padding-left: 0; } .link-map-v2>li .menu-list>li, .link-map-v2>li .menu-list.is-active>li { width: 30%; margin: 1.666%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .link-map-v2>li .menu-list>li>a, .link-map-v2>li .menu-list.is-active>li>a { min-height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #67b7bf; color: #67b7bf; } .link-map-v2>li .menu-list>li>a:hover::before, .link-map-v2>li .menu-list.is-active>li>a:hover::before { content: none; } .link-map-v2>li .menu-list>li>a h3, .link-map-v2>li .menu-list.is-active>li>a h3 { text-align: center; margin: 0; padding: 0 8px; font-size: 20px; line-height: 1.3; } .link-map-v2>li .menu-list>li.is-active, .link-map-v2>li .menu-list.is-active>li.is-active { border-left: 0; padding: 0; } .link-map-v2>li .menu-list>li.is-active>a, .link-map-v2>li .menu-list.is-active>li.is-active>a { background-color: gray; } .link-map-v2>li .menu-list>li.is-active>a h3, .link-map-v2>li .menu-list.is-active>li.is-active>a h3 { font-family: "futurabold", Arial, sans-serif; color: #FFF; } .link-map-v2>li .container-icons.is-active { width: 100% !important; display: block; } .link-map-v2>li .container-icons.is-active p { margin-left: 1.666%; margin-bottom: 0; } .link-map-v2>li .container-icons.is-active p:first-of-type { margin-bottom: 20px; } .link-map-v2>li .container-icons.is-active .icons-display.is-active { width: 100%; background-color: bisque; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .link-map-v2>li .container-icons.is-active .icons-display.is-active>li { width: 30%; margin: 0 1.666%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .link-map-v2>li .container-icons.is-active .icons-display.is-active>li a { min-height: 52px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FFF; color: gray; cursor: default; border-radius: 0; border-bottom: 0; border-left: 0; border-right: 0; border-top-width: 1px; border-color: #e6e6e6; } .link-map-v2>li .container-icons.is-active .icons-display.is-active>li a:hover { cursor: pointer; background-color: #FFF; color: black; } .link-map-v2>li .container-icons.is-active .icons-display.is-active>li a h4 { margin: 0; text-transform: capitalize; font-size: 14px; } .link-map-v2>li .container-icons.is-active .icons-display.is-active>li:nth-of-type(1) a, .link-map-v2>li .container-icons.is-active .icons-display.is-active>li:nth-of-type(2) a, .link-map-v2>li .container-icons.is-active .icons-display.is-active>li:nth-of-type(3) a { border-top-width: 0px; } .link-map-v2>li .container-icons.first-level { display: none; } } @media only screen and (max-width: 650px) { .link-map-v2>li { width: 47%; margin: 1.5% } .link-map-v2>li .menu-list>li, .link-map-v2>li .menu-list.is-active>li { width: 47%; margin: 1.5% } .link-map-v2>li .menu-list.is-active { top: 220px; } .link-map-v2>li .container-icons.is-active p { margin-left: 1.5%; margin-bottom: 0; } .link-map-v2>li .container-icons.is-active .icons-display.is-active>li { width: 47%; margin: 0 1.5% } .link-map-v2>li .container-icons.is-active .icons-display.is-active>li:nth-of-type(3) a { border-top-width: 1px; } } @media only screen and (max-width: 420px) { .link-map-v2>li { width: 90%; margin: 8px 5% } .link-map-v2>li .menu-list>li, .link-map-v2>li .menu-list.is-active>li { width: 90%; margin: 8px 5% } .link-map-v2>li .menu-list.is-active { top: 410px; } .link-map-v2>li .container-icons.is-active p { margin-left: 5% } .link-map-v2>li .container-icons.is-active .icons-display.is-active>li { width: 90%; margin: 0 5% } .link-map-v2>li .container-icons.is-active .icons-display.is-active>li:nth-of-type(2) a { border-top-width: 1px; } } .mini-player { padding: 6px 8px 6px 6px; padding: 0.375rem 0.5rem 0.375rem 0.375rem; bottom: -64px; bottom: -4rem; width: 100%; position: fixed; right: 0; background-color: #232323; z-index: 100; color: #FFF; transition: bottom .25s ease-out; } .mini-player__cover { width: 50px; width: 3.125rem; height: 50px; height: 3.125rem; } .mini-player__track { padding: 0 16px 0 8px; padding: 0 1rem 0 0.5rem; width: 100%; line-height: 1; } .mini-player__track .title { line-height: 1.143; } .mini-player__track .artist { text-transform: uppercase; line-height: 1.455; } .mini-player__actions { white-space: nowrap; } .mini-player__actions li { display: inline-block; } .mini-player.is-visible { bottom: 0; } .mini-player.mobile { z-index: 750 !important; } @media only screen and (min-width: 992px) { .mini-player { width: 304px; width: 19rem; } } .player-full { padding: 6px 8px 6px 6px; padding: 0.375rem 0.5rem 0.375rem 0.375rem; bottom: -80px; width: 100%; position: fixed; right: 0; background-color: black; z-index: 100; color: #FFF; transition: bottom .25s ease-out; padding: 8px 22px 8px 8px; } .player-full.is-visible { bottom: 0; } .player-full.mobile { z-index: 750 !important; } @media only screen and (max-width: 410px) { .player-full { padding: 8px; } } .player-full .btn-icon-data.is-active:after, .player-full .btn-icon-data:focus:after { content: ""; position: absolute; border-radius: 100%; background-color: #fff; -webkit-animation: active-btn1 .4s linear; animation: active-btn1 .4s linear; } @-webkit-keyframes active-btn1 { 0% { width: 35%; height: 35%; opacity: 0; } 50% { width: 50%; height: 50%; opacity: .20; } 100% { width: 125%; height: 125%; opacity: 0; } } @keyframes active-btn1 { 0% { width: 35%; height: 35%; opacity: 0; } 50% { width: 50%; height: 50%; opacity: .20; } 100% { width: 125%; height: 125%; opacity: 0; } } .player-full .track-container { width: 22%; max-width: 22%; white-space: nowrap; } @media only screen and (max-width: 1300px) { .player-full .track-container { width: 27%; max-width: 27% } } @media only screen and (max-width: 1200px) { .player-full .track-container { width: 25%; max-width: 25% } } @media only screen and (max-width: 992px) { .player-full .track-container { width: calc(100% - 176px); max-width: calc(100% - 176px); } } @media only screen and (max-width: 410px) { .player-full .track-container { padding-right: 8px; } } .player-full .track-container .cover { width: 50px; height: 50px; min-width: 50px; } .player-full .track-container .track-text { padding: 0 0 0 8px; padding: 0 0 0 0.5rem; width: 100%; line-height: 1; text-decoration: none; color: white; } .player-full .track-container .track-text:hover { color: #67b7bf; } .player-full .track-container .track-text .title { line-height: 1.143; } .player-full .track-container .track-text .artist { text-transform: uppercase; line-height: 1.455; } .player-full .commands-container { padding: 0 60px; } @media only screen and (max-width: 1200px) { .player-full .commands-container { padding: 0 20px; } } @media only screen and (max-width: 992px) { .player-full .commands-container { padding: 0; } } .player-full .commands-container .track__waveform { width: 100%; height: auto; } .player-full .commands-container .track__waveform .track__waveform-wrap { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .player-full .commands-container .track__waveform .track__waveform-wrap canvas { width: 100%; max-height: 50px; display: block; } @media only screen and (max-width: 992px) { .player-full .commands-container>div { display: none; } } @media only screen and (max-width: 410px) { .player-full .commands-container>ul li: first-of-type { display: none; } } .player-full .commands-container .button-play.round.animated.player-full i { font-size: 42px; } .player-full .actions-container .actions { white-space: nowrap; } .player-full .actions-container .actions li { display: inline-block; } .player-full .actions-container .actions li.item { display: list-item; } @media only screen and (max-width: 992px) { .player-full .actions-container .actions { right: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; position: absolute; width: 100%; z-index: 100; height: 66px; top: -66px; right: -100%; background-color: #1b1b1b; transition: right .25s ease; } .player-full .actions-container .actions.is-visible { right: 0% } .player-full .actions-container .actions.is-visible~.mobile-cart-cta i { color: #67b7bf; } } .player-full .actions-container .actions .pop-in-wrapper.top-right { bottom: 39px; right: 3px; } .player-full .actions-container .actions .pop-in-wrapper.top-center { bottom: 39px; } .player-full .actions-container .actions .pop-in-wrapper .pop-in__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .player-full .actions-container .actions .pop-in-wrapper .pop-in.pin-small.pin-top.pin-second-corner:after, .player-full .actions-container .actions .pop-in-wrapper .pop-in.pin-small.pin-bottom.pin-second-corner:after { bottom: -10px; } .player-full .actions-container .actions .btn-icon-data[disabled] { opacity: 1; } .player-full .actions-container .actions .btn-icon-data .icon-cart-new2-added { color: #4bd2e2; } .player-full .actions-container>button { display: none; } @media only screen and (max-width: 992px) { .player-full .actions-container>button { display: -webkit-box; display: -ms-flexbox; display: flex; } } .player-full.instore { padding: 15px 8px; } .player-full.instore .track-container { max-width: initial; } .player-full.instore .track-container a { white-space: normal; width: auto; } .player-full.instore .track-container a .title { font-size: 16px; margin-left: 12px; line-height: 1.7; } @media only screen and (max-width: 500px) { .player-full.instore .track-container { width: calc(100% - 192px); max-width: calc(100% - 192px); } .player-full.instore .track-container a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .player-full.instore .commands-container { -webkit-box-flex: initial; -ms-flex-positive: initial; flex-grow: initial; padding: 0 0 0 16px; } @media only screen and (max-width: 400px) { .player-full.instore .commands-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } .navigation { position: relative; z-index: 610; } .navigation .links li { display: inline; } .navigation .logo-link { outline: 0; padding: 0 10px; } .navigation__mobile-bar { position: fixed; top: 0; left: 0; height: 48px; height: 3rem; background-color: #232323; } .navigation__mobile-bar .actions { width: 50% } .navigation__mobile-bar .actions li { display: inline-block; width: 48px; width: 3rem; } .navigation__mobile-bar .actions.secondary { text-align: right; } .navigation__mobile-bar .actions.secondary .iconic-link, .navigation__mobile-bar .actions.secondary .iconic-link .link { display: inline-block; height: 48px; height: 3rem; width: 40px; width: 2.5rem; vertical-align: top; line-height: 1.2; color: #FFF; } .navigation__mobile-bar .actions.secondary .iconic-link:hover, .navigation__mobile-bar .actions.secondary .iconic-link .link:hover { background-color: #67b7bf; text-shadow: none; } .navigation__mobile-bar .actions.secondary .iconic-link:hover .pill, .navigation__mobile-bar .actions.secondary .iconic-link .link:hover .pill { color: #67b7bf; } .navigation__mobile-bar .actions.secondary .iconic-link:hover .pill::before, .navigation__mobile-bar .actions.secondary .iconic-link .link:hover .pill::before { background-color: #FFF; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div { display: table; height: 100%; width: 100%; text-align: center; vertical-align: middle; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div>div { display: table-cell; vertical-align: middle; text-align: center; position: relative; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div>div:first-child .icon-cart-new { font-size: 1.375rem; width: 1.375rem; height: 1.375rem; left: -3px; top: 1px; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div>div:last-child .pill { height: 14px; width: 14px; min-width: inherit; top: 8px; right: 6px; position: absolute; font-size: 10px; line-height: 1.6; font-family: "futurabold", Arial, sans-serif; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div>div:last-child .pill::before { border-radius: 50% } .navigation__mobile-bar .actions.secondary .iconic-link span { text-transform: uppercase; } .navigation__mobile-bar .action .icon { line-height: 3; height: 48px; height: 3rem; width: 48px; width: 3rem; } .navigation__mobile-bar label.action { margin: 0; } .navigation__mobile-bar label.action:hover { cursor: pointer; } .navigation__opener-check { display: none; } .navigation__opener-check:checked+.navigation__pane { left: 0; } .navigation__opener-check:checked+.navigation__pane+.navigation__mobile-overlay { visibility: visible; opacity: 0.95; filter: alpha(opacity=95); } .navigation__pane { position: fixed; top: 48px; top: 3rem; padding-bottom: 24px; padding-bottom: 1.5rem; bottom: 0; left: -85%; width: 85%; height: auto; overflow-y: auto; background-color: black; transition: left .3s linear; } .navigation__pane .logo-link { display: none; } .navigation__pane .link { display: block; background-color: transparent; color: #FFF; text-decoration: none; transition: background-color .25s linear; padding: 0 16px 0 24px; padding: 0 1rem 0 1.5rem; line-height: 3; } .navigation__pane .link:hover { background-color: #67b7bf; text-shadow: none; } .navigation__pane .link:focus { outline: none; } .navigation__pane .link.is-new { background-image: url(https://images.jamendo.com/jamendolicensing/static/navigation/new-on-menu.webp); background-repeat: no-repeat; background-color: #ffffff2b; padding-left: 40px; padding-left: 2.5rem; padding-top: 4px; padding-top: 0.25rem; padding-bottom: 4px; padding-bottom: 0.25rem; } .navigation__pane .link.is-new:hover { background-color: #67b7bf; } .navigation__pane .primary .link { text-transform: uppercase; } .navigation__pane .secondary { margin-top: 8px; margin-top: 0.5rem; } .navigation__pane .secondary .link { padding: 0 24px; padding: 0 1.5rem; } .navigation__pane .secondary .links.second-level li a, .navigation__pane .secondary .links.second-level li button { display: block; color: #FFF; text-decoration: none; transition: background-color .25s linear; padding: 0 16px 0 24px; padding: 0 1rem 0 1.5rem; text-transform: uppercase; line-height: 3; } .navigation__pane .secondary .links.second-level li a:hover, .navigation__pane .secondary .links.second-level li button:hover { background-color: #67b7bf; text-shadow: none; } .navigation__pane .secondary .links.second-level li a.is-current, .navigation__pane .secondary .links.second-level li button.is-current { position: relative; color: #8bc8ce; pointer-events: none; } .navigation__pane .secondary .links.second-level li button { width: 100%; text-align: left; } .navigation__pane .secondary .links.second-level.reseller { margin-top: 24px; margin-top: 1.5rem; } .navigation__pane .secondary .links.second-level.reseller li:first-of-type { text-transform: uppercase; padding-left: 16px; padding-left: 1rem; color: #FFF; } .navigation__pane .secondary .links.second-level.reseller li:first-of-type i { display: none; } @media (max-width: 1110px) { .navigation__pane .secondary .links.second-level div[anchor-links] .button-cart { border: none; width: 100%; padding: 0 0 0 12px; margin-bottom: 0; border-radius: 0; } .navigation__pane .secondary .links.second-level div[anchor-links] .button-cart .button-cart-text-container { padding: 0; text-align: left; } .navigation__pane .secondary .links.second-level div[anchor-links] .button-cart .button-cart-text-container p { font-family: "futurabook", Arial, sans-serif; font-size: 12px; color: #FFF; line-height: 3; } } .navigation__pane .top-level>li>a { padding: 0 16px; padding: 0 1rem; margin-top: 24px; margin-top: 1.5rem; line-height: 2.462; font-family: "futurademi", Arial, sans-serif; } .navigation__pane .aside-level .iconic-link { position: relative; height: auto; } .navigation__pane .aside-level .iconic-link, .navigation__pane .aside-level .iconic-link .link { display: inline-block; height: 64px; height: 4rem; vertical-align: top; line-height: 1.2; height: 4.5rem; } .navigation__pane .aside-level .iconic-link>a { min-width: 7.5rem; } .navigation__pane .aside-level .iconic-link>a>div { display: table; height: 100%; text-align: left; } .navigation__pane .aside-level .iconic-link>a>div>div { display: table-cell; vertical-align: middle; position: relative; } .navigation__pane .aside-level .iconic-link>a>div>div:first-child { padding-right: 8px; padding-right: 0.5rem; } .navigation__pane .aside-level .iconic-link>a>div>div:first-child .icon-cart-new { font-size: 30px; margin-left: 15px; } .navigation__pane .aside-level .iconic-link>a>div>div:last-child .pill { height: 20px; width: 20px; top: 8px; right: -2px; position: absolute; font-size: 12px; line-height: 1.6; font-family: "futurademi", Arial, sans-serif; padding: 0; } .navigation__pane .aside-level .iconic-link>a>div>div:last-child .pill::before { border-radius: 50% } .navigation__pane .aside-level .iconic-link span { text-transform: uppercase; top: 0; left: 1rem; margin-top: 1rem; white-space: nowrap; } .navigation__pane .aside-level .iconic-link:last-of-type .link>div { padding-top: 0; } .navigation__pane .aside-level .iconic-link:last-of-type .link>div .pill { top: 11px; right: 0px; left: -20px; } .navigation__pane .aside-level .button-link { display: inline-block; padding: 0 20px; padding: 0 1.25rem; height: 64px; height: 4rem; vertical-align: top; } .navigation__pane .aside-level .button-link .button.xsmall { margin-top: 20px; margin-top: 1.25rem; } .navigation__pane .aside-level .button-link .button.small { margin-top: 14px; margin-top: 0.875rem; } .navigation__pane .aside-level li:last-child .link:hover>div>div:last-child .pill { color: #67b7bf; } .navigation__pane .aside-level li:last-child .link:hover>div>div:last-child .pill:before { background: #fff; } .navigation__mobile-overlay { top: 48px; top: 3rem; overflow-y: initial; z-index: -1; } @media only screen and (min-width: 1110px) { .navigation { z-index: 425; } .navigation.no-nav .navigation__pane .top-level, .navigation.no-nav .navigation__pane .aside-level { visibility: hidden; } .navigation.translucid .navigation__pane { background-color: rgba(0, 0, 0, 0.7); } .navigation__mobile-bar { display: none; position: relative; } .navigation__pane { position: relative; display: table; top: 0; left: 0; padding: 0; width: 100%; transition: none; z-index: auto; } .navigation__pane .primary, .navigation__pane .logo-link, .navigation__pane .secondary { display: table-cell; vertical-align: middle; } .navigation__pane .primary, .navigation__pane .secondary { width: 50% } .navigation__pane .secondary { text-align: right; } .navigation__pane .secondary .iconic-link { height: 4rem; } .navigation__pane .secondary .iconic-link .link { height: 4rem; min-width: initial; } .navigation__pane .secondary .iconic-link .link>div { padding-top: 0; } .navigation__pane .secondary .iconic-link .link>div span { font-size: 10px; font-size: 0.625rem; position: static; display: inline; } .navigation__pane .secondary .iconic-link .link .icon-cart-new { margin-left: 0 !important; } .navigation__pane .secondary .iconic-link:last-of-type .link>div .pill { top: 11px; right: 21px; } .navigation__pane .links { font-size: 0; white-space: nowrap; } .navigation__pane .link { display: inline-block; } .navigation__pane .top-level .link { margin-top: 0; line-height: 4.923; padding: 1px 24px 0; padding: 0.0625rem 1.5rem 0; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); } .navigation__pane .top-level .link.is-current { position: relative; color: #8bc8ce; pointer-events: none; } .navigation__pane .top-level .link.is-current:after { content: ''; position: absolute; display: inline-block; width: 14px; height: 7px; bottom: 0; left: 50%; margin-left: -7px; background-repeat: no-repeat; background-position: center center; background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAA4AAAAHCAYAAAA4R3wZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEVJREFUeNpiYMAB3Nzc5oMwLnlmXJqAVAIQGygrKyvcvXt3I0GNSJpgAKtmZgKacGpmJkITVs3MRGrC0MxIgiZksAAgwABmjSJ+ECEgNgAAAABJRU5ErkJggg==); z-index: 1; } .navigation__pane .second-level { position: absolute; left: 0; right: 0; background-color: #464646; display: none; } .navigation__pane .second-level li:first-child .link { padding-left: 24px; padding-left: 1.5rem; } .navigation__pane .second-level .link { line-height: 3.923; padding: 1px 16px 0; padding: 0.0625rem 1rem 0; } .navigation__pane .second-level .link.is-current { pointer-events: none; } .navigation__pane .second-level.is-current { display: block; height: 48px; height: 3rem; } .navigation__pane .aside-level .link { line-height: 5.334; padding: 0rem 20px; padding: 0rem 1.25rem; } .navigation__pane .aside-level li:last-child .link { padding-right: 24px; padding-right: 1.5rem; } .navigation.has-second-level { padding-bottom: 48px; padding-bottom: 3rem; } .navigation__mobile-overlay { display: none; } } .main-menu-container { background: black; color: #FFF; position: -webkit-sticky; position: sticky; top: 0px; width: 100%; z-index: 620; } .main-menu-container .logo { min-height: 64px; } .main-menu-container .logo div figure { margin: 0 20px 0 0; } .main-menu-container .logo div figure img { width: 123px; height: 43px; margin: 0; } @media only screen and (max-width: 1100px) { .main-menu-container .logo { margin-left: 0; } .main-menu-container .logo div { margin-left: 0; position: static; } .main-menu-container .logo div a { padding: 0 11px !important; } .main-menu-container .logo div a figure { margin: 0; } } .main-menu-container .main-menu { min-height: 64px; padding: 0 30px; } .main-menu-container .main-menu ul li:not(.account-actions) { position: relative; } .main-menu-container .main-menu ul li:not(.account-actions):hover>a { color: #FFF; cursor: pointer; } .main-menu-container .main-menu ul li:not(.account-actions) a { font-family: "futurabold", Arial, sans-serif; display: block; padding: 0 20px; font-size: 14px; font-size: 0.875rem; color: #FFF; text-decoration: none; text-transform: uppercase; line-height: 4.6; transition: background-color .2s linear; } .main-menu-container .main-menu ul li:not(.account-actions) a.active span { position: relative; } .main-menu-container .main-menu ul li:not(.account-actions) a.active span::after { content: ''; width: 100%; display: block; position: absolute; bottom: -3px; left: 0; border-bottom-width: 1px; border-bottom-color: #FFF; border-bottom-style: solid; } @-webkit-keyframes l-move-from-left1 { 0% { -webkit-transform: translateX(-15px); transform: translateX(-15px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes l-move-from-left1 { 0% { -webkit-transform: translateX(-15px); transform: translateX(-15px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .main-menu-container .main-menu ul li:not(.account-actions) ul { display: none; position: absolute; top: 64px; width: -webkit-max-content; width: -moz-max-content; width: max-content; min-width: 170px; -webkit-filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3)); filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3)); -webkit-animation: l-move-from-left1 .25s ease both; animation: l-move-from-left1 .25s ease both; } .main-menu-container .main-menu ul li:not(.account-actions) ul li { background-color: #FFF; } .main-menu-container .main-menu ul li:not(.account-actions) ul li a { font-family: "futurabook", Arial, sans-serif; color: gray; text-transform: none; line-height: 2.8; } .main-menu-container .main-menu ul li:not(.account-actions) ul li a::first-letter { text-transform: uppercase; } .main-menu-container .main-menu ul li:not(.account-actions) ul li a:hover { color: #4bd2e2; background-color: #ebebeb; } .main-menu-container .main-menu ul li:not(.account-actions) ul li a.active { color: #4bd2e2; } .main-menu-container .main-menu ul li:not(.account-actions) ul li:last-of-type, .main-menu-container .main-menu ul li:not(.account-actions) ul li:last-of-type a { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .main-menu-container .main-menu ul li:not(.account-actions):hover ul { display: block; } .main-menu-container .main-menu .menu_right>a, .main-menu-container .main-menu .menu_right button, .main-menu-container .main-menu .menu_right .button-checkbox { width: 24px; height: 24px; margin-left: 20px; color: white; } .main-menu-container .main-menu .menu_right>a .icon, .main-menu-container .main-menu .menu_right button .icon, .main-menu-container .main-menu .menu_right .button-checkbox .icon { font-size: 24px; width: 24px; height: 24px; } .main-menu-container .main-menu .menu_right>a [class*="hint--"]::before, .main-menu-container .main-menu .menu_right button [class*="hint--"]::before, .main-menu-container .main-menu .menu_right .button-checkbox [class*="hint--"]::before { border-bottom-color: #4bd2e2; } .main-menu-container .main-menu .menu_right>a [class*="hint--"]::after, .main-menu-container .main-menu .menu_right button [class*="hint--"]::after, .main-menu-container .main-menu .menu_right .button-checkbox [class*="hint--"]::after { font-size: 14px; font-weight: 300; text-transform: initial; border-radius: 4px; background-color: #4bd2e2; } .main-menu-container .main-menu .menu_right>a [class*="hint--"].warning::before, .main-menu-container .main-menu .menu_right button [class*="hint--"].warning::before, .main-menu-container .main-menu .menu_right .button-checkbox [class*="hint--"].warning::before { border-bottom-color: #ed795a; } .main-menu-container .main-menu .menu_right>a [class*="hint--"].warning::after, .main-menu-container .main-menu .menu_right button [class*="hint--"].warning::after, .main-menu-container .main-menu .menu_right .button-checkbox [class*="hint--"].warning::after { background-color: #ed795a; } .main-menu-container .main-menu .menu_right>a.cart, .main-menu-container .main-menu .menu_right button.cart, .main-menu-container .main-menu .menu_right .button-checkbox.cart { width: 28px; height: 28px; margin: 0 4px 0 14px; } .main-menu-container .main-menu .menu_right>a.cart .icon, .main-menu-container .main-menu .menu_right button.cart .icon, .main-menu-container .main-menu .menu_right .button-checkbox.cart .icon { width: 28px; height: 28px; font-size: 28px; } .main-menu-container .main-menu .menu_right>a.cart .pill, .main-menu-container .main-menu .menu_right button.cart .pill, .main-menu-container .main-menu .menu_right .button-checkbox.cart .pill { position: absolute; top: -7px; right: -8px; width: 20px; height: 20px; font-size: 12px; line-height: 1.8; color: black; } .main-menu-container .main-menu .menu_right>a.cart .pill::before, .main-menu-container .main-menu .menu_right button.cart .pill::before, .main-menu-container .main-menu .menu_right .button-checkbox.cart .pill::before { border-radius: 50%; background-color: white; } .main-menu-container .main-menu .menu_right>a.notification, .main-menu-container .main-menu .menu_right button.notification, .main-menu-container .main-menu .menu_right .button-checkbox.notification { width: 24px; height: 24px; margin: 0 4px 0 14px; background-color: transparent; } .main-menu-container .main-menu .menu_right>a.notification .icon, .main-menu-container .main-menu .menu_right button.notification .icon, .main-menu-container .main-menu .menu_right .button-checkbox.notification .icon { width: 24px; height: 24px; font-size: 24px; } .main-menu-container .main-menu .menu_right>a.notification .pill, .main-menu-container .main-menu .menu_right button.notification .pill, .main-menu-container .main-menu .menu_right .button-checkbox.notification .pill { position: absolute; top: -7px; right: -8px; width: 20px; height: 20px; font-size: 12px; line-height: 1.8; color: black; } .main-menu-container .main-menu .menu_right>a.notification .pill::before, .main-menu-container .main-menu .menu_right button.notification .pill::before, .main-menu-container .main-menu .menu_right .button-checkbox.notification .pill::before { background-color: white; border-radius: 50% } .main-menu-container .main-menu .menu_right>a[size-34], .main-menu-container .main-menu .menu_right button[size-34], .main-menu-container .main-menu .menu_right .button-checkbox[size-34] { width: 34px; height: 34px; margin: 0 0px 0 14px; } .main-menu-container .main-menu .menu_right>a[size-34] .icon, .main-menu-container .main-menu .menu_right button[size-34] .icon, .main-menu-container .main-menu .menu_right .button-checkbox[size-34] .icon { width: 34px; height: 34px; font-size: 34px; } .main-menu-container .main-menu .menu_right>a:focus, .main-menu-container .main-menu .menu_right button:focus, .main-menu-container .main-menu .menu_right .button-checkbox:focus { outline: none; } .main-menu-container .main-menu .menu_right>a:hover i:not(.pill):not(.icon-info-new2):not(.icon-chevron-new2), .main-menu-container .main-menu .menu_right button:hover i:not(.pill):not(.icon-info-new2):not(.icon-chevron-new2), .main-menu-container .main-menu .menu_right .button-checkbox:hover i:not(.pill):not(.icon-info-new2):not(.icon-chevron-new2) { color: #4bd2e2; } .main-menu-container .main-menu .menu_right>.user-name { margin-left: 10px; } .main-menu-container .main-menu .menu_right>.new { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-height: 33px; height: 33px; padding-left: 20px; padding-right: 20px; padding-top: 0; padding-bottom: 0; } .main-menu-container .main-menu .menu_right>.new div { min-height: 33px; height: 33px; line-height: 0; padding: 0; } .main-menu-container .main-menu .menu_right .button-checkbox input[type="checkbox"]:checked+label { color: #ed795a; } .main-menu-container .main-menu .menu_right .button-checkbox input[type="checkbox"]:checked+label span { pointer-events: none; } .main-menu-container .main-menu .menu_right .button-checkbox input[type="checkbox"]:checked+label span::before, .main-menu-container .main-menu .menu_right .button-checkbox input[type="checkbox"]:checked+label span::after { transition-duration: .1s; transition-delay: 0ms; } .main-menu-container .main-menu .menu_right .button-checkbox.switch input[type="checkbox"]:checked+label span { pointer-events: all; } .main-menu-container .main-menu .menu_right .button-checkbox.no-content-displaying input[type="checkbox"]:checked+label { color: #4bd2e2; } .main-menu-container .main-menu .menu_right .button-checkbox.no-content-displaying input[type="checkbox"]:checked+label span { pointer-events: all; } .main-menu-container .main-menu .menu_right .button-checkbox.pop-in-expand ul li a { line-height: 2; font-family: "futurabook", Arial, sans-serif; } .main-menu-container .main-menu .menu_right .button-checkbox.pop-in-expand input[type="checkbox"]:checked+label { color: #4bd2e2; } .main-menu-container .main-menu .menu_right .mobile-search { display: none; } .main-menu-container .main-menu .menu_right .button-burger { display: none; z-index: 1; margin-left: 10px; } .main-menu-container .main-menu .menu_right .button-burger .hamburger { z-index: 2; } .main-menu-container .main-menu .menu_right .mobile-nav { background-color: #48a2ab; display: block; overflow: auto; width: 0px; right: -100%; -webkit-transform: translateZ(0); transform: translateZ(0); transition: right 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .main-menu-container .main-menu .menu_right .mobile-nav .mobile-nav-content { display: none; } .main-menu-container .main-menu .menu_right .mobile-nav .sub-sub-menu { padding-top: 24px; padding-bottom: 0px; } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: .6; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: .6; } } .main-menu-container .main-menu .menu_right .background-overlay { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -1; background-color: #000; -webkit-animation: fade-in .5s; animation: fade-in .5s; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked+label { position: absolute; top: 16px; right: 16px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav { display: block; position: fixed; height: 100%; width: 90%; top: 0; right: 0; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content { display: block; padding: 2.5rem; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .mobile-client-menu { width: 100% } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .mobile-client-menu li a.is-disabled { color: #777 !important; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .mobile-client-menu li a.is-disabled:hover { cursor: not-allowed; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .account-actions ul li { background: none; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .account-actions ul li:nth-of-type(1) a { line-height: 1.8; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .account-actions ul li:nth-of-type(2) { margin-left: 0.75rem; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .account-actions ul li:nth-of-type(2) a { color: #FFF; letter-spacing: 1px; padding: 0 0.75rem; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .account-actions ul li:nth-of-type(2) a:hover { background-color: transparent; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .account-actions+li { margin-bottom: 20px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .account-actions+li[hidden] { display: none !important; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .account-actions+li i { margin-right: 12px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content li.new { padding-top: 20px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content li.new .new { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-height: 33px; height: 33px; padding-left: 20px; padding-right: 20px; padding-top: 0; padding-bottom: 0; margin-left: auto; margin-right: auto; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content li.new .new div { min-height: 33px; height: 33px; line-height: 0; padding: 0; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; width: 100%; height: 100%; min-height: 46px; margin-top: 4px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox::after { content: ''; border-bottom: 1px solid #FFF; width: 100%; bottom: 0px; position: absolute; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox label { color: #FFF; font-size: 16px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox label span { line-height: 2; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox label i { font-size: 20px; width: 20px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox label i::before { top: 0; right: -2px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul { display: block; position: relative; top: 0; -webkit-filter: none; filter: none; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li { background-color: transparent; margin-left: 10px; margin-bottom: 4px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li:last-of-type { margin-bottom: 12px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li a, .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li button { width: auto; height: auto; margin: 0; display: block; padding: 0 12px; position: relative; background-color: transparent; color: white; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li a.active:before, .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li button.active:before { content: ""; position: absolute; width: 3px; height: 19px; background-color: white; left: 0; margin-top: 10px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li div { background-color: transparent; padding-left: 10px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li div a { border: none; -ms-flex-item-align: stretch; align-self: stretch; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li div a div { text-align: left; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li div a p { color: white; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox input[type="radio"]:checked~label { margin-top: 10px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox input[type="radio"]:checked~label i { -webkit-transform: rotate(180deg); transform: rotate(180deg); color: #FFF; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox input[type="radio"]:checked~label i::before { top: 0; right: -2px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox input[type="radio"]:checked~.content-displaying { max-height: 1000px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.background-overlay { display: block; opacity: .6; } @media only screen and (max-width: 1100px) { .main-menu-container .main-menu { padding: 0 15px; } .main-menu-container .main-menu .menu_left ul li { display: none; } .main-menu-container .main-menu .menu_left ul li:first-child { display: block; } .main-menu-container .main-menu .menu_right .hide-on-mobile { display: none; } .main-menu-container .main-menu .menu_right>.new { display: none; } .main-menu-container .main-menu .menu_right .button-burger, .main-menu-container .main-menu .menu_right .mobile-search, .main-menu-container .main-menu .menu_right .cart { display: block; } } .not-contractual-ribbon { background-color: #464646; color: #646464; text-align: center; padding: 4px; padding: 0.25rem; } .offer__category { height: 32px; height: 2rem; margin-bottom: 8px; margin-bottom: 0.5rem; } .offer__product-row { width: auto; } .offer.container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; margin-left: -12px; margin-right: -12px; padding: 0; } @media only screen and (max-width: 1200px) { .offer.container { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .offer__product { position: relative; } .offer__product:before { border-width: 4px; border-width: 0.25rem; border-style: solid; border-color: #afd9dd; content: ''; position: absolute; top: 0; bottom: 0; left: 12px; right: 12px; background-color: #FFF; z-index: -1; } .offer__product.no-border::before { border: none; } .offer__product .body { padding: 48px 24px 16px; padding: 3rem 1.5rem 1rem; text-align: center; } .offer__product.licence { width: 25% } .offer__product.licence:before { border-width: 3px; border-width: 0.1875rem; border-radius: 10px; } .offer__product.licence:hover { cursor: default; } .offer__product.licence:hover:before { background-color: #ebf6f7; } .offer__product.licence.abtesting { width: 50% } .offer__product.licence.highlight:before { border-color: #ebf6f7; background-color: #ebf6f7; } .offer__product.licence .body { padding: 32px 48px 16px; padding: 2rem 3rem 1rem; } @media only screen and (max-width: 768px) { .offer__product.licence .body { padding: 32px 32px 16px; padding: 2rem 2rem 1rem; } } .offer__product.licence .body .offer-subheading { color: #646464; } .offer__product.licence .body h3 { display: inline-block; color: #67b7bf; font-family: "futurademi", Arial, sans-serif; line-height: 1.2; margin-bottom: 1.5rem; margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } @media only screen and (max-width: 1200px) { .offer__product.licence .body h3 { margin-left: 0; -webkit-transform: none; transform: none; } } .offer__product.licence .body h3 div { color: #646464; } .offer__product.licence .body h3 .cut-price { display: inline-block; text-decoration: line-through; color: #646464; margin-bottom: 0; } .offer__product.licence .body .button-list { max-width: 250px; } .offer__product.licence .body .button-price-tag>div>div:last-child { background-color: #67b7bf; } .offer__product.licence .body .button-price-tag>div>div:last-child:hover { background-color: #48a2ab; } .offer__product.licence .body .button.bordered:hover { background-color: #FFF; color: #67b7bf; } .offer__product.licence[promo] .body h3 { color: #4bd2e2; } .offer__product.licence[promo] .body .button-price-tag>div>div:last-child { background-color: #4bd2e2; } .offer__product.licence[promo] .body .button-price-tag>div>div:last-child:hover { background-color: #0ec6dc; } .offer__product.licence[promo] .button-cart { background-color: #4bd2e2; } .offer__product.licence[promo] .button-cart:hover { background-color: #0ec6dc; } @media only screen and (max-width: 1200px) { .offer__product.licence { width: 50%; margin-bottom: 1.5rem; } } @media only screen and (max-width: 620px) { .offer__product.licence { width: 100%; margin-bottom: 1.5rem; } } .offer__product.trackpacks { width: 100%; display: block; padding: 4px 16px; } .offer__product.trackpacks::before { border-radius: 10px; } @media only screen and (max-width: 1200px) { .offer__product.trackpacks { margin-bottom: 1.5rem; } } .offer__product.trackpacks .pack-selector { margin-bottom: 30px; } .offer__product.trackpacks .pack-selector .pack { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 32px 32px 0rem 32px; padding: 2rem 2rem 0rem 2rem; } .offer__product.trackpacks .pack-selector .pack>* { width: 12rem; text-align: center; } .offer__product.trackpacks .pack-selector .pack .quantity-picker { margin-bottom: 12px; margin-bottom: 0.75rem; } .offer__product.trackpacks .pack-selector .pack .offer-heading { font-size: 1rem; margin-bottom: 8px; margin-bottom: 0.5rem; } .offer__product.trackpacks .pack-selector .pack .button-checkbox { margin: 0 7px; } .offer__product.trackpacks .pack-selector .pack .discount { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 8px 0rem 0rem 0rem; margin: 0.5rem 0rem 0rem 0rem; text-transform: uppercase; white-space: nowrap; } .offer__product.trackpacks .pack-selector .pack .discount .discount-amount { font-family: "futurabold", Arial, sans-serif; margin-left: 8px; } .offer__product.trackpacks .pack-displaying { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 20px 4rem 0 4rem; } @media only screen and (max-width: 992px) { .offer__product.trackpacks .pack-displaying { -ms-flex-flow: column; flex-flow: column; margin: 0 3rem; } } .offer__product.trackpacks .pack-displaying .pack { padding: 8px 32px 40px 32px; padding: 0.5rem 2rem 2.5rem 2rem; text-align: center; width: 100% } @media only screen and (max-width: 992px) { .offer__product.trackpacks .pack-displaying .pack { padding: 16px; padding: 1rem; } .offer__product.trackpacks .pack-displaying .pack:last-child { padding-bottom: 40px; padding-bottom: 2.5rem; } } .offer__product.trackpacks .pack-displaying .pack .offer-heading { text-align: center; } .offer__product.trackpacks .pack-displaying .pack h3 { display: inline-block; color: #67b7bf; font-family: "futurabook", Arial, sans-serif; line-height: 1.2; margin-bottom: 1rem; min-height: 56px; } @media only screen and (max-width: 992px) { .offer__product.trackpacks .pack-displaying .pack h3 { margin-bottom: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: initial; } } .offer__product.trackpacks .pack-displaying .pack h3 div { color: #646464; display: inline-block; } @media only screen and (max-width: 992px) { .offer__product.trackpacks .pack-displaying .pack h3 div { margin-left: 8px; } } .offer__product.trackpacks .pack-displaying .pack .button-list { margin: 0; width: auto; } @media only screen and (max-width: 992px) { .offer__product.trackpacks .pack-displaying .pack .button-list { max-width: 250px; margin: 0 auto; } } .offer__product.trackpacks .pack-displaying.all-licences .pack { padding: 8px 16px 40px 16px; padding: 0.5rem 1rem 2.5rem 1rem; } .offer__product.trackpacks .pack-displaying.all-licences .pack:nth-of-type(1) { padding: 8px 16px 40px 64px; padding: 0.5rem 1rem 2.5rem 4rem; } .offer__product.trackpacks .pack-displaying.all-licences .pack:nth-of-type(4) { padding: 8px 64px 40px 16px; padding: 0.5rem 4rem 2.5rem 1rem; } @media only screen and (max-width: 992px) { .offer__product.trackpacks .pack-displaying.all-licences .pack: nth-of-type(1), .offer__product.trackpacks .pack-displaying.all-licences .pack:nth-of-type(2), .offer__product.trackpacks .pack-displaying.all-licences .pack:nth-of-type(3), .offer__product.trackpacks .pack-displaying.all-licences .pack:nth-of-type(4) { padding: 8px 64px 12px 64px; padding: 0.5rem 4rem 0.75rem 4rem; } .offer__product.trackpacks .pack-displaying.all-licences .pack:nth-of-type(4) { padding: 8px 64px 40px 64px; padding: 0.5rem 4rem 2.5rem 4rem; } } .offer__product.exclusive { width: 50%; display: block; padding: 4px 16px; } .offer__product.exclusive::before { border-radius: 10px; } @media only screen and (max-width: 1200px) { .offer__product.exclusive { margin-bottom: 1.5rem; } } @media only screen and (max-width: 992px) { .offer__product.exclusive { width: 90% } } .offer__product.exclusive .exclusive-offer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; } @media only screen and (max-width: 992px) { .offer__product.exclusive .exclusive-offer { -ms-flex-flow: column; flex-flow: column; } } .offer__product.exclusive .exclusive-offer .pack { padding: 32px; padding: 2rem; text-align: center; width: 100% } @media only screen and (max-width: 992px) { .offer__product.exclusive .exclusive-offer .pack { padding: 32px; padding: 2rem; } } .offer__product.exclusive .exclusive-offer .pack .offer-heading { text-align: center; margin-bottom: 1.5rem; } .offer__product.exclusive .exclusive-offer .pack h1 { line-height: 1; margin-bottom: 0.5rem; } .offer__product.exclusive .exclusive-offer .pack h3 { display: inline-block; color: #4bd2e2; font-family: "futurademi", Arial, sans-serif; line-height: 1.2; margin-bottom: 1.5rem; } .offer__product.exclusive .exclusive-offer .pack h3 div { color: #646464; } @media only screen and (max-width: 992px) { .offer__product.exclusive .exclusive-offer .pack h3 div { display: inline-block; } } .offer__product.exclusive .exclusive-offer .pack h3.cut-price { display: block; text-decoration: line-through; color: #646464; margin-bottom: 0; } .offer__product.exclusive .exclusive-offer .pack .button-list { margin: 0; width: auto; } @media only screen and (max-width: 992px) { .offer__product.exclusive .exclusive-offer .pack .button-list { max-width: 250px; margin: 0 auto; } } .offer__product .button-list.vertical { margin-bottom: 1rem; margin: 0rem auto 1.5rem; } .offer__product .button-list.vertical .button-price-tag>div>div { text-align: center; } .offer__product .price, .offer__product .old-price { font-size: 26px; color: #67b7bf; } .offer__product .price, .offer__product .price-year, .offer__product .old-price, .offer__product .old-price-year { display: inline-block; } .offer__product .price-year, .offer__product .old-price-year { margin-bottom: 16px; margin-bottom: 1rem; color: #b3b3b3; line-height: 3.182; } .offer__product .old-price { border: none; color: #999; font-size: 1.5rem; position: relative; display: inline-block; margin-right: 8px; } .offer__product .old-price::before { content: ''; width: 100%; position: absolute; right: 0; top: 50%; border-bottom: 1px solid; -webkit-transform: skewY(-10deg); transform: skewY(-10deg); } .offer__product .price-condition { color: #67b7bf; font-size: 0.75rem; padding-bottom: 1.25rem; margin-top: -0.5rem; } .offer__product .information { text-align: left; line-height: 1.334; } @media only screen and (max-width: 620px) { .offer__product .information { text-align: center; } } .offer__product .information p { color: gray; font-family: "futurademi", Arial, sans-serif; margin-bottom: 8px; margin-bottom: 0.5rem; } .offer__product .information ul { color: #646464; margin-bottom: 16px; margin-bottom: 1rem; } .offer__product .information ul>li { margin-bottom: 6px; margin-bottom: 0.375rem; font-size: 13px; } .offer__product .information .button-checkbox { min-width: 200px; } @media only screen and (max-width: 620px) { .offer__product .information .button-checkbox>label { text-align: center; } } .offer__product.no-year-price .body { padding: 2rem 1.5rem 1rem; } .offer__product.no-year-price .price { margin-bottom: 20px; } .offer__alternative-cta { margin: 32px auto; margin: 2rem auto; } .button-checkbox.expand>.licences-displaying { transition: all 0.1s ease-in; height: 0px; display: block; opacity: 0; margin-top: 2rem; } .button-checkbox.expand>.licences-displaying>ul { display: none; } .button-checkbox.expand .separator { display: block; margin: 0 auto 2rem; width: 2.5rem; height: 0.5rem; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; content: ""; display: table; } .button-checkbox.expand .offer__alternative-cta { margin-bottom: 4rem; } .button-checkbox.expand input[type="checkbox"]:checked~.licences-displaying { opacity: 1; transition-property: all; height: 100%; margin-bottom: 2rem; } .button-checkbox.expand input[type="checkbox"]:checked~.licences-displaying>ul { display: block; } .button-checkbox.expand input[type="checkbox"]:checked~.offer__alternative-cta { -webkit-animation-name: opak; animation-name: opak; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; } @-webkit-keyframes opak { 0%, 68% { opacity: 0; } 68%, 100% { opacity: 1; } } @keyframes opak { 0%, 68% { opacity: 0; } 68%, 100% { opacity: 1; } } .offer-category { line-height: 1.334; color: #b3b3b3; text-transform: uppercase; letter-spacing: 1px; text-align: center; } .offer-category.highlight { color: #8bc8ce; } .offer-heading { margin-bottom: 8px; margin-bottom: 0.5rem; font-family: "futurademi", Arial, sans-serif; line-height: 1.2; } .offer-heading.highlight { color: #48a2ab; } .offer-subheading { margin: 8px 0 16px; margin: 0.5rem 0 1rem; min-height: 41px; min-height: 2.5625rem; display: block; line-height: 1.5; } .offer-subheading.highlight { color: #48a2ab; } .pagination { width: 100%; text-align: center; margin-top: 48px; margin-top: 3rem; } .collapse-section { position: relative; width: 100%; max-height: 0; visibility: hidden; display: none; opacity: 0; overflow: hidden; transition-duration: .3s; } .collapse-section.active { visibility: visible; max-height: 350px; opacity: 1; display: block; } .refine-results { line-height: 0.8; } @-webkit-keyframes text-color-less { 0% { color: #b3b3b3; } 100% { color: #b3b3b3; } } @keyframes text-color-less { 0% { color: #b3b3b3; } 100% { color: #b3b3b3; } } .refine-results .main-refine-btn { margin: 0.5rem 0; } .refine-results .button-checkbox.expand label[for=refine-content] { padding: 0rem 0 0.75rem 0; } @media only screen and (max-width: 768px) { .refine-results .button-checkbox.expand label[for=refine-content] { padding: 0.75rem 0; } } .refine-results .button-checkbox.expand .content-displaying { width: 100%; font-size: 0.875rem; } @media only screen and (max-width: 768px) { .refine-results .button-checkbox.expand .content-displaying { margin-top: 10px; padding-left: 5px; padding-right: 10px; } } .refine-results .button-checkbox.expand .content-displaying section { border-bottom: 1px solid #ebebeb; padding-top: 0.75rem; padding-bottom: 0.5rem; margin-bottom: 0; font-size: 14px; font-size: 0.875rem; } .refine-results .button-checkbox.expand .content-displaying section h2 { color: gray; } .refine-results .button-checkbox.expand .content-displaying[visible] { max-height: 999px; transition: max-height 0.6s cubic-bezier(1, 0, 1, 0); } .refine-results .button-checkbox.expand .content-displaying[visible] .see-more-less span { -webkit-animation: text-color-less .1s linear .5s; animation: text-color-less .1s linear .5s; color: #b3b3b3; } .refine-results .button-checkbox.expand .content-displaying[no-animation] { transition: none; } .refine-results .button-checkbox.expand .content-displaying[no-animation] .tgl-light+.tgl-btn, .refine-results .button-checkbox.expand .content-displaying[no-animation] .tgl-light+.tgl-btn:after { transition: none; } .refine-results .button-checkbox.expand .content-displaying-tags { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-height: 0; overflow: hidden; } .refine-results .button-checkbox.expand .content-displaying-tags[visible] { max-height: 500px; transition: max-height 0.6s cubic-bezier(1, 0, 1, 0); } .refine-results .button-checkbox.expand input[type="checkbox"]:checked~.content-displaying { max-height: 2999px; -webkit-animation: text-color-less .1s linear .5s; animation: text-color-less .1s linear .5s; } .refine-results .button-checkbox.expand input[type="checkbox"]:checked~.content-displaying[visible] { max-height: 1870px; transition: max-height 0.6s cubic-bezier(1, 0, 1, 0); } @media screen and (max-width: 768px) { .refine-results .button-checkbox.expand input[type="checkbox"]: checked~.content-displaying[visible] { max-height: 1870px; } } .refine-results .button-checkbox.expand input[type="checkbox"]:checked~.content-displaying[no-animation] { transition: none; } .refine-results .button-checkbox.expand input[type="checkbox"]:checked~.content-displaying[no-animation] .tgl-light+.tgl-btn, .refine-results .button-checkbox.expand input[type="checkbox"]:checked~.content-displaying[no-animation] .tgl-light+.tgl-btn:after { transition: none; } .refine-results .content-displaying.toggle-actions [flex-raw-space-between] { margin-bottom: 0.5rem; } .refine-results .content-displaying.toggle-actions h3 { margin: 0; font-size: 15px; font-size: 0.9375rem; color: gray; } .refine-results .content-displaying.toggle-actions .content-displaying h3 { padding-left: 12px; } .refine-results .content-displaying.toggle-actions .tgl-light+.tgl-btn { background: #ccc !important; padding: 2px; } .refine-results .content-displaying.toggle-actions .tgl-light:checked+.tgl-btn { background: #67b7bf !important; } @media screen and (max-width: 768px) { .refine-results .content-displaying.toggle-actions[visible] { min-height: calc(100vh - 167px); max-height: 1870px; } @-webkit-keyframes toggle-height { 0% { min-height: 0px; max-height: 0px; } 100% { min-height: calc(100vh - 167px); max-height: 1870px; } } @keyframes toggle-height { 0% { min-height: 0px; max-height: 0px; } 100% { min-height: calc(100vh - 167px); max-height: 1870px; } } } .refine-results .content-displaying.toggle-actions>button { margin: 1.5rem auto; display: block; } @media screen and (min-width: 768px) { .refine-results .content-displaying.toggle-actions>button { display: none; } } .refine-results .form-checkbox-buttons-group { position: relative; margin-bottom: 0.5rem; } .refine-results .form-checkbox-buttons-group .button-checkbox { margin: 3px 0px; padding: 0; width: calc((100% - 12px) / 3); } .refine-results .form-checkbox-buttons-group .button-checkbox:nth-child(3n+1) { margin-right: 6px; } .refine-results .form-checkbox-buttons-group .button-checkbox:nth-child(3n+3) { margin-left: 6px; } .refine-results .form-checkbox-buttons-group .button-checkbox.right-position { margin-left: 6px; margin-right: 0px; } .refine-results .form-checkbox-buttons-group .button-checkbox label span { color: #FFF; background-color: #b3b3b3; width: 100%; text-align: center; font-size: 14px; font-size: 0.875rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 10px 5px; height: 49px; line-height: 2.1; font-size: 13px; } .refine-results .form-checkbox-buttons-group .button-checkbox input[type="checkbox"]:checked+label span { background-color: #67b7bf; } .refine-results .form-checkbox-buttons-group .button-checkbox.see-more-less label { position: relative; } .refine-results .form-checkbox-buttons-group .button-checkbox.see-more-less label::after { content: ''; position: absolute; border: 1px solid #b3b3b3; border-radius: 4px; width: 100%; height: 100%; background-color: transparent; display: block; } .refine-results .form-checkbox-buttons-group .button-checkbox.see-more-less label span { background-color: transparent; color: #b3b3b3; line-height: 1; white-space: initial; z-index: 1; overflow: visible; text-overflow: initial; line-height: 2.1; font-size: 13px; } .refine-results .form-checkbox-buttons-group .button-checkbox.see-more-less~.content-displaying, .refine-results .form-checkbox-buttons-group .button-checkbox.see-more-less~.content-displaying[visible] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .refine-results .form-group { margin-bottom: 0; } .refine-results .form-group label { font-size: 15px; font-size: 0.9375rem; color: gray; font-weight: initial; text-transform: capitalize; } .refine-results .form-group label[for=track_speed] { margin-top: 0.75rem; margin-bottom: 0.75rem; } .refine-results .form-group label[for=track_duration] { margin-top: 0.75rem; margin-bottom: 0.75rem; } .refine-results .form-group .ui-widget-content { width: calc(100% - 20px); margin-left: 8px; } .refine-results .form-group .scale .start, .refine-results .form-group .scale .end { margin-top: 1rem; } .refine-results .form-group .scale .intermediate { margin-top: 0.5rem; left: 6%; right: 6% } .refine-results .form-group .scale.scale10 { margin-bottom: 1rem; left: 8px; right: 8px; width: calc(100% - 16px); } .refine-results .form-group .ui-slider-horizontal .ui-slider-handle { width: 26px; height: 26px; top: -10px; margin-left: -8px; border-width: 2px; } .refine-results .form-group .ui-slider-horizontal .ui-slider-handle:last-of-type { margin-left: -14px; } .section-promote { padding: 2rem; } .section-promote * { color: #FFF; } .section-promote>div { max-width: 75%; margin: 0 auto; } @media screen and (max-width: 1400px) { .section-promote>div { max-width: 80% } } @media screen and (max-width: 1400px) { .section-promote>div { max-width: 85% } } @media screen and (max-width: 1300px) { .section-promote>div { max-width: 95% } } @media screen and (max-width: 950px) { .section-promote>div { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 460px) { .section-promote>div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .section-promote>div figure { margin: 0; } .section-promote>div figure.phone-video { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/phone-video.svg"); height: 115px; width: 65px; min-width: 65px; } .section-promote>div .text-container { padding: 0 2.5rem; } .section-promote>div .text-container h1 { font-size: 22px; font-size: 1.375rem; line-height: 1.3; } .section-promote>div .text-container h1 span { color: #87edf9; font-family: "futurabold", Arial, sans-serif; } .section-promote>div .text-container>p { line-height: 1.4; } .section-promote>div .text-container>p:last-of-type { margin-bottom: 0; } @media screen and (max-width: 950px) { .section-promote>div .text-container { padding-right: 0; width: calc(100% - 65px); } } @media screen and (max-width: 460px) { .section-promote>div .text-container { padding-left: 0; width: 100%; margin-top: 1rem; text-align: center; } } .section-promote>div button { width: 250px; min-width: 250px; } @media screen and (max-width: 950px) { .section-promote>div button { margin-left: calc(2.5rem + 65px); margin-top: 1rem; } } @media screen and (max-width: 460px) { .section-promote>div button { margin-left: 0; } } @media screen and (max-width: 992px) { .section-promote.no-picture h1 { font-size: 32px; } .section-promote.no-picture h2 { font-size: 18px; } } @media screen and (max-width: 950px) { .section-promote.no-picture button { margin-left: 0; margin-top: 1rem; } } .banner-promote { background-color: #67b7bf; width: 100%; max-height: 100%; position: fixed; bottom: 0; z-index: 770; padding: 2.5rem 2rem; transition-duration: .6s; transition-property: -webkit-transform; transition-property: transform; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-transform: translate3d(0px, 100%, 0px); transform: translate3d(0px, 100%, 0px); overflow: auto !important; } .banner-promote.active { -webkit-transform: translate3d(0px, 0%, 0px); transform: translate3d(0px, 0%, 0px); } .banner-promote__close-action { float: right; margin: -1.5rem -1rem 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .banner-promote__close-action__text { margin: 0; color: white; font-size: 15px; } .banner-promote__close-action__icon { transition-duration: .4s; transition-property: -webkit-transform; transition-property: transform; font-size: 12px; color: white; margin-left: 10px; } .banner-promote__close-action:hover { text-decoration: none; } .banner-promote__close-action:hover__icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .banner-promote__container { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 992px) { .banner-promote__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .banner-promote__container__text-container { margin-right: 2.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 992px) { .banner-promote__container__text-container { margin-right: 0; width: 100%; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .banner-promote__container__text-container__text1 { font-size: 33px; margin-bottom: 8px; color: white; } @media screen and (max-width: 992px) { .banner-promote__container__text-container__text1 { font-size: 25px; } } @media screen and (max-width: 480px) { .banner-promote__container__text-container__text1 { font-size: 20px; } } .banner-promote__container__text-container__text2 { font-size: 24px; color: white; } @media screen and (max-width: 992px) { .banner-promote__container__text-container__text2 { font-size: 20px; } } @media screen and (max-width: 480px) { .banner-promote__container__text-container__text2 { font-size: 18px; } } .banner-promote__container__cta-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .btn-icon .icon+.icon, .btn-pill .icon+.icon, .is-on.btn-icon .icon, .is-on.btn-pill .icon, .is-toggled.btn-icon .icon, .is-toggled.btn-pill .icon { display: none } .is-on.btn-icon .icon+.icon, .is-on.btn-pill .icon+.icon, .is-toggled.btn-icon .icon+.icon, .is-toggled.btn-pill .icon+.icon { display: inline } .is-on.btn-icon, .is-on.btn-icon:hover, .is-on.btn-pill, .is-on.btn-pill:hover { color : } .btn-social:after, .btn:after { z-index: -3 } .btn-social.is-active:after, .btn.btn--lg.is-active:after { -webkit-animation: btn-lg-active-outer .8s linear; animation: btn-lg-active-outer .8s linear } .btn-icon { width: 32px; height: 48px } .btn-icon::-moz-focus-inner { border: 0; outline: 0 } .btn-icon .icon { display: inline; line-height: 48px } .btn-icon .notification-count { padding: 3px; color: #FFF; position: absolute; top: 8px; right: 4px; background-color:; border-radius: 2px; text-align: center; line-height: 1 } .btn-icon:after { background-color: #737373 } .btn-icon.btn--overlay.is-active:after, .btn-pill:after { background-color: #FFF } .btn-icon.is-active:after { border-radius: 100%; opacity: 0; filter: alpha(opacity=0); margin: -28px 0 0 -28px; height: 56px; width: 56px; z-index: -2; content: ""; -webkit-animation: btn-icon-is-active .8s linear; animation: btn-icon-is-active .8s linear } @-webkit-keyframes btn-icon-is-active { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0) } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: .2; filter: alpha(opacity=20) } 100% { opacity: 0; filter: alpha(opacity=0) } } @keyframes btn-icon-is-active { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0) } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: .2; filter: alpha(opacity=20) } 100% { opacity: 0; filter: alpha(opacity=0) } } .btn-like { height: 32px; padding: 0 16px } .btn-like .icon { margin-right: 8px } .btn-like.is-on { color : } .btn-link { color: #262626; text-decoration: underline; line-height: 1; padding: 18px 12px } .author a, .btn-secondary-menu { text-decoration: none } .btn-link:hover { color: #000 } .btn-link.btn--brand { color : } .btn-link.btn--brand:hover { color: #d20036 } .btn-link.is-disabled, .btn-link[disabled] { color: #bfbfbf !important; pointer-events: none } .btn-link.is-disabled:hover, .btn-link[disabled]:hover { color: #bfbfbf !important; cursor: not-allowed } .button-checkbox label, .player-volume input[type=range]:hover, .range input[type=range]:hover, .social-cta { cursor: pointer } .btn-pill { width: 48px; height: 48px } .btn-pill:after, .btn-pill:before { border-radius: 24px; top: 2px; right: 2px; bottom: 2px; left: 2px } .btn-pill:after { z-index: -1; -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0) } .btn-pill .icon { display: inline; line-height: 48px } .btn-pill.btn--sm:after, .btn-pill.btn--sm:before { top: 12px; right: 12px; bottom: 12px; left: 12px } .btn-pill.btn--xs:after, .btn-pill.btn--xs:before { top: 16px; right: 16px; bottom: 16px; left: 16px } .btn-social:after, .btn-social:before { top: 8px; bottom: 8px; left: 0; right: 0 } .btn-pill.btn--xs .icon { font-size: 8px } .btn-pill.btn--hybrid { width: auto; padding: 0 16px } .btn-pill.btn--hybrid span { line-height: 48px; vertical-align: top; margin-left: 6px } .btn-social { padding: 8px 0 } .btn-social>div { padding: 8px 10px } .btn-social>div:first-child { line-height: 1; border-right: 1px solid #FFF; color: #FFF } .btn-social>div:last-child { width: 100% } .btn-social:after { background-color: #737373 } .social-cta { width: 180px; height: 43px; background-size: cover; background-color: #FFF; border-radius: 5px } .icon-donation, .logo { background-repeat: no-repeat; background-size: contain } .btn.btn--discreet--tag:before, .btn.btn--discreet:before { background-color: #bfbfbf } .btn.btn--discreet--tag:after, .btn.btn--discreet:after { background-color: transparent } .btn.btn--discreet--tag:active:before, .btn.btn--discreet--tag:hover:before, .btn.btn--discreet:active:before, .btn.btn--discreet:hover:before { background-color: #999 } .btn-icon.btn--discreet, .btn-icon.btn--discreet:link, .btn-icon.btn--discreet:visited, .btn-like, .btn-like:link, .btn-like:visited { color: #999 } .btn-icon.btn--discreet:active, .btn-icon.btn--discreet:hover, .btn-like:active, .btn-like:hover { color : } .btn.btn--discreet--tag.selected:before, .btn.btn--discreet--tag:active:before, .btn.btn--discreet--tag:hover:before { background-color: #bfbfbf } .btn-icon .icon+.icon, .btn-pill .icon+.icon, .is-on.btn-icon .icon, .is-on.btn-pill .icon, .is-toggled.btn-icon .icon, .is-toggled.btn-pill .icon { display: none } .is-on.btn-icon .icon+.icon, .is-on.btn-pill .icon+.icon, .is-toggled.btn-icon .icon+.icon, .is-toggled.btn-pill .icon+.icon { display: inline } .is-on.btn-icon, .is-on.btn-icon:hover, .is-on.btn-pill, .is-on.btn-pill:hover { color : } .icon-add:before { content: "" } .icon-add-to-playlist:before { content: "" } .icon-add-to-queue:before { content: "" } .icon-alert-full:before { content: "" } .icon-alert-line:before { content: "" } .icon-archive:before { content: "" } .icon-arrow-bullet:before { content: "" } .icon-breadcrumb:before { content: "" } .icon-camera:before { content: "" } .icon-cart:before { content: "" } .icon-cart-new:before { content: "" } .icon-cart-new2:before { content: "" } .icon-cart-new-add:before { content: "" } .icon-cc:before { content: "" } .icon-cc-by:before { content: "" } .icon-cc-nc:before { content: "" } .icon-cc-nd:before { content: "" } .icon-cc-sa:before { content: "" } .icon-certificate:before { content: "" } .icon-check:before { content: "" } .icon-checkbox-checked-bordered:before { content: "" } .icon-checkbox-checked-plain:before { content: "" } .icon-checkbox-unchecked:before { content: "" } .icon-chevron-down:before { content: "" } .icon-chevron-left:before { content: "" } .icon-chevron-new2:before { content: "" } .icon-chevron-right:before { content: "" } .icon-chevron-up:before { content: "" } .icon-clockwise:before { content: "" } .icon-close:before { content: "" } .icon-comment:before { content: "" } .icon-copy:before { content: "" } .icon-counterclockwise:before { content: "" } .icon-credit-card-back:before { content: "" } .icon-credit-card-front:before { content: "" } .icon-cross-delete:before { content: "" } .icon-date:before { content: "" } .icon-download:before { content: "" } .icon-download-thin:before { content: "" } .icon-duration:before { content: "" } .icon-edit:before { content: "" } .icon-error-4xx:before { content: "" } .icon-error-5xx:before { content: "" } .icon-external-link:before { content: "" } .icon-facebook:before { content: "" } .icon-filter:before { content: "" } .icon-flag:before { content: "" } .icon-follow:before { content: "" } .icon-globe:before { content: "" } .icon-google:before { content: "" } .icon-go-to:before { content: "" } .icon-handle:before { content: "" } .icon-heart:before { content: "" } .icon-heart-on:before { content: "" } .icon-hexagon:before { content: "" } .icon-hexagon-mask:before { content: "" } .icon-hexagon-on:before { content: "" } .icon-history:before { content: "" } .icon-home:before { content: "" } .icon-info-full-new2:before { content: "" } .icon-info-new2:before { content: "" } .icon-information:before { content: "" } .icon-instagram:before { content: "" } .icon-licence-l:before { content: "" } .icon-licence-p:before { content: "" } .icon-licence-std:before { content: "" } .icon-link:before { content: "" } .icon-linkedin:before { content: "" } .icon-lock:before { content: "" } .icon-mail:before { content: "" } .icon-menu:before { content: "" } .icon-menu-secondary:before { content: "" } .icon-menu-tradingdesk:before { content: "" } .icon-messenger:before { content: "" } .icon-music-note:before { content: "" } .icon-mute:before { content: "" } .icon-my-music-tradingdesk:before { content: "" } .icon-my-music-tradingdesk2:before { content: "" } .icon-next:before { content: "" } .icon-pause:before { content: "" } .icon-pdf:before { content: "" } .icon-phone:before { content: "" } .icon-picture:before { content: "" } .icon-play:before { content: "" } .icon-playlist-access:before { content: "" } .icon-play-next:before { content: "" } .icon-previous:before { content: "" } .icon-queue:before { content: "" } .icon-queue-access:before { content: "" } .icon-radio-checked-chevron:before { content: "" } .icon-radio-checked-chevron-plain:before { content: "" } .icon-radio-checked-round:before { content: "" } .icon-radio-unchecked:before { content: "" } .icon-reddit:before { content: "" } .icon-refine:before { content: "" } .icon-remove:before { content: "" } .icon-remove-from-playlist:before { content: "" } .icon-repeat:before { content: "" } .icon-repeat-one:before { content: "" } .icon-repost:before { content: "" } .icon-sad:before { content: "" } .icon-search:before { content: "" } .icon-send:before { content: "" } .icon-share:before { content: "" } .icon-share-video:before { content: "" } .icon-shuffle:before { content: "" } .icon-similar:before { content: "" } .icon-sort:before { content: "" } .icon-sound:before { content: "" } .icon-streaming:before { content: "" } .icon-thumbs-down:before { content: "" } .icon-thumbs-up:before { content: "" } .icon-too-old:before { content: "" } .icon-trash:before { content: "" } .icon-twitter:before { content: "" } .icon-undo:before { content: "" } .icon-user:before { content: "" } .icon-user-new2:before { content: "" } .icon-video:before { content: "" } .icon-vk:before { content: "" } .icon-volume:before { content: "" } .icon-warning:before { content: "" } .icon-wrong:before { content: "" } .icon-youtube:before { content: "" } .icon-apple:before { content: "" } .icon-add-to-playlist-s:before { content: "" } .icon-add-to-queue-s:before { content: "" } .icon-close-s:before { content: "" } .icon-comment-s:before { content: "" } .icon-date-s:before { content: "" } .icon-download-s:before { content: "" } .icon-duration-s:before { content: "" } .icon-external-link-s:before { content: "" } .icon-flag-s:before { content: "" } .icon-follow-s:before { content: "" } .icon-handle-s:before { content: "" } .icon-heart-on-s:before { content: "" } .icon-lock-s:before { content: "" } .icon-menu-secondary-s:before { content: "" } .icon-pause-s:before { content: "" } .icon-picture-s:before { content: "" } .icon-playlist-access-s:before { content: "" } .icon-queue-access-s:before { content: "" } .icon-repost-s:before { content: "" } .icon-send-s:before { content: "" } .icon-share-s:before { content: "" } .icon-sort-s:before { content: "" } .icon-thumbs-down-s:before { content: "" } .icon-thumbs-up-s:before { content: "" } .icon-play-s:before { content: "" } .icon-user-s:before { content: "" } .icon-data-add:before { content: "" } .icon-data-add-to-playlist:before { content: "" } .icon-data-add-to-queue:before { content: "" } .icon-data-alert-full:before { content: "" } .icon-data-alert-line:before { content: "" } .icon-data-archive:before { content: "" } .icon-data-arrow-bullet:before { content: "" } .icon-data-breadcrumb:before { content: "" } .icon-data-camera:before { content: "" } .icon-data-cart:before { content: "" } .icon-data-cart-new:before { content: "" } .icon-data-cart-new2:before { content: "" } .icon-data-cart-new-add:before { content: "" } .icon-data-cc:before { content: "" } .icon-data-cc-by:before { content: "" } .icon-data-cc-nc:before { content: "" } .icon-data-cc-nd:before { content: "" } .icon-data-cc-sa:before { content: "" } .icon-data-certificate:before { content: "" } .icon-data-check:before { content: "" } .icon-data-checkbox-checked-bordered:before { content: "" } .icon-data-checkbox-checked-plain:before { content: "" } .icon-data-checkbox-unchecked:before { content: "" } .icon-data-chevron-down:before { content: "" } .icon-data-chevron-left:before { content: "" } .icon-data-chevron-new2:before { content: "" } .icon-data-chevron-right:before { content: "" } .icon-data-chevron-up:before { content: "" } .icon-data-clockwise:before { content: "" } .icon-data-close:before { content: "" } .icon-data-comment:before { content: "" } .icon-data-copy:before { content: "" } .icon-data-counterclockwise:before { content: "" } .icon-data-credit-card-back:before { content: "" } .icon-data-credit-card-front:before { content: "" } .icon-data-cross-delete:before { content: "" } .icon-data-date:before { content: "" } .icon-data-download:before { content: "" } .icon-data-download-thin:before { content: "" } .icon-data-duration:before { content: "" } .icon-data-edit:before { content: "" } .icon-data-error-4xx:before { content: "" } .icon-data-error-5xx:before { content: "" } .icon-data-external-link:before { content: "" } .icon-data-facebook:before { content: "" } .icon-data-filter:before { content: "" } .icon-data-flag:before { content: "" } .icon-data-follow:before { content: "" } .icon-data-globe:before { content: "" } .icon-data-google:before { content: "" } .icon-data-go-to:before { content: "" } .icon-data-handle:before { content: "" } .icon-data-heart:before { content: "" } .icon-data-heart-on:before { content: "" } .icon-data-hexagon:before { content: "" } .icon-data-hexagon-mask:before { content: "" } .icon-data-hexagon-on:before { content: "" } .icon-data-history:before { content: "" } .icon-data-home:before { content: "" } .icon-data-info-full-new2:before { content: "" } .icon-data-info-new2:before { content: "" } .icon-data-information:before { content: "" } .icon-data-instagram:before { content: "" } .icon-data-licence-l:before { content: "" } .icon-data-licence-p:before { content: "" } .icon-data-licence-std:before { content: "" } .icon-data-link:before { content: "" } .icon-data-linkedin:before { content: "" } .icon-data-lock:before { content: "" } .icon-data-mail:before { content: "" } .icon-data-menu:before { content: "" } .icon-data-menu-secondary:before { content: "" } .icon-data-menu-tradingdesk:before { content: "" } .icon-data-messenger:before { content: "" } .icon-data-music-note:before { content: "" } .icon-data-mute:before { content: "" } .icon-data-my-music-tradingdesk:before { content: "" } .icon-data-my-music-tradingdesk2:before { content: "" } .icon-data-next:before { content: "" } .icon-data-pause:before { content: "" } .icon-data-pdf:before { content: "" } .icon-data-phone:before { content: "" } .icon-data-picture:before { content: "" } .icon-data-play:before { content: "" } .icon-data-playlist-access:before { content: "" } .icon-data-play-next:before { content: "" } .icon-data-previous:before { content: "" } .icon-data-queue:before { content: "" } .icon-data-queue-access:before { content: "" } .icon-data-radio-checked-chevron:before { content: "" } .icon-data-radio-checked-chevron-plain:before { content: "" } .icon-data-radio-checked-round:before { content: "" } .icon-data-radio-unchecked:before { content: "" } .icon-data-reddit:before { content: "" } .icon-data-refine:before { content: "" } .icon-data-remove:before { content: "" } .icon-data-remove-from-playlist:before { content: "" } .icon-data-repeat:before { content: "" } .icon-data-repeat-one:before { content: "" } .icon-data-repost:before { content: "" } .icon-data-sad:before { content: "" } .icon-data-search:before { content: "" } .icon-data-send:before { content: "" } .icon-data-share:before { content: "" } .icon-data-share-video:before { content: "" } .icon-data-shuffle:before { content: "" } .icon-data-similar:before { content: "" } .icon-data-sort:before { content: "" } .icon-data-sound:before { content: "" } .icon-data-streaming:before { content: "" } .icon-data-thumbs-down:before { content: "" } .icon-data-thumbs-up:before { content: "" } .icon-data-too-old:before { content: "" } .icon-data-trash:before { content: "" } .icon-data-twitter:before { content: "" } .icon-data-undo:before { content: "" } .icon-data-user:before { content: "" } .icon-data-user-new2:before { content: "" } .icon-data-video:before { content: "" } .icon-data-vk:before { content: "" } .icon-data-volume:before { content: "" } .icon-data-warning:before { content: "" } .icon-data-wrong:before { content: "" } .icon-data-youtube:before { content: "" } .icon-data-apple:before { content: "" } .icon-data-add-to-playlist-s:before { content: "" } .icon-data-add-to-queue-s:before { content: "" } .icon-data-close-s:before { content: "" } .icon-data-comment-s:before { content: "" } .icon-data-date-s:before { content: "" } .icon-data-download-s:before { content: "" } .icon-data-duration-s:before { content: "" } .icon-data-external-link-s:before { content: "" } .icon-data-flag-s:before { content: "" } .icon-data-follow-s:before { content: "" } .icon-data-handle-s:before { content: "" } .icon-data-heart-on-s:before { content: "" } .icon-data-lock-s:before { content: "" } .icon-data-menu-secondary-s:before { content: "" } .icon-data-pause-s:before { content: "" } .icon-data-picture-s:before { content: "" } .icon-data-playlist-access-s:before { content: "" } .icon-data-queue-access-s:before { content: "" } .icon-data-repost-s:before { content: "" } .icon-data-send-s:before { content: "" } .icon-data-share-s:before { content: "" } .icon-data-sort-s:before { content: "" } .icon-data-thumbs-down-s:before { content: "" } .icon-data-thumbs-up-s:before { content: "" } .icon-data-play-s:before { content: "" } .icon-data-user-s:before { content: "" } .icon[class$="-s"] { font-size: 12px; width: 12px; height: 12px } .icon--24 { font-size: 24px; width: 24px; height: 24px } .icon--32 { font-size: 32px; width: 32px; height: 32px } .icon--48 { font-size: 48px; width: 48px; height: 48px } .icon--72 { font-size: 72px; width: 72px; height: 72px } .btn.btn--bordered:before { border-width: 1px; border-style: solid; background-color: transparent; } .btn.btn--bordered:before { border-color: #262626; } .btn:before { top: 12px; right: 0; bottom: 12px; left: 0; } .btn-fixed_btn:before, .btn-pill:before, .btn:before, .highlighted:before { background-color: #262626; } .btn-fixed_btn:after, .btn-fixed_btn:before, .btn-pill:after, .btn-pill:before, .btn-social:after, .btn-social:before, .btn-tag:before, .btn:after, .btn:before, .highlighted:before { position: absolute; z-index: -2; content: ""; } .icon-menu-secondary:before { content: ":"; font-size: 20px; font-weight: 900; } .icon-play-s:before { content: "▶"; } @media only screen and (max-width:750px) { [responsive~="750-reset-background"] { background-color: initial; } } .entry .more:after, .entry .more:before, .section-secondary .cc:after, .section-secondary .cc:before, .section-secondary:after, .section-secondary:before { content: " "; display: table; } .entry .more:after, .section-secondary .cc:after, .section-secondary:after { clear: both; } .section-header .select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } #p-year-in-review header, .entity_visual .avatar { background-size: cover; background-position: center center; } .player_background_img { -webkit-filter: blur(60px); filter: blur(60px); filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='60'); } .entry .feature .background:before, .hero-mobile_cover:after, .p-welcome .main .bg:before, .player_background:after, .post_entity:before, .tile_body:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .16; filter: alpha(opacity=16); background-color: #000; content: ""; z-index: 1; } #skeleton-notifications-followers, #skeleton-notifications-generic, #skeleton-overlay, #skeleton-player-full { position: fixed; max-width: 100%; right: 0; overflow-x: hidden; } .dispatcher .link-wrap:active, .dispatcher .link-wrap:hover, .form-search_suggestions a:active, .form-search_suggestions a:hover { background-color: #f0f0f0; } #skeleton-overlay, #skeleton-player-full { height: 100%; top: 0; left: 0; overflow-y: scroll; } .entry .type .text:focus, .form-control:focus { border-color: rgba(255, 31, 89, .7); outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 31, 89, .3); } .avatar, .entity_visual, .hero-cover { position: relative; width: 100%; padding-bottom: 100% } .loader, .player, .player_background, .player_background_img, .post_entity_content { position: relative; width: 100%; height: 100% } .avatar>div, .entity.entity--artist .entity_visual, .entity.entity--user .entity_visual, .entity_visual .avatar { width: 100%; height: 100%; border-radius: 100% } .range .thumb-path>div, .tile_body_content { display: table; width: 100%; height: 100% } #o-download .informational, #p-year-in-review header .body>div, .app-bar_wrap, .btn-social, .entity-overlay, .entity-secondary-menu .layout, .entity_information, .entry, .entry .expand-replies, .hero-plain_structure, .notifications .notification, .notifications .notification-target, .overlay-bar, .player-mini, .section-header, .section-tertiary, .track, .track .link-wrap>div { display: table; width: 100% } .edit-image-thumb-layer>div, .form-search { display: table; width: 100%; height: 100% } #o-download .informational>div, .app-bar_wrap>*, .dispatcher .icon, .dispatcher_body, .entity-overlay_body, .entity-secondary-menu .layout_body, .entity_information>div:first-child, .entry .expand-replies>div, .entry .feature .cover, .form-search_suggestions_statistic, .form-search_suggestions_text, .notifications .notification-target>div, .notifications .notification>div, .overlay-bar>*, .player-mini>*, .section-header_left, .section-header_mono, .section-header_right, .track .link-wrap, .track.track--playlist-deleted>*, .track_actions, .track_chart-position, .track_duration, .track_information, .track_tags { display: table-cell; vertical-align: middle; } .entry .feature .information, .hero-plain_structure>div { display: table-cell; vertical-align: bottom; } .entry .type>div, .entry>div { display: table-cell; vertical-align: top; } .btn-social>div { display: table-cell; text-align: center; vertical-align: middle } .entity-secondary-menu .layout_body, .entity_information>div:first-child { width: 100%; max-width: 50px; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: auto; margin-right: auto; color: inherit } .entity_visual .playlist-cover-grid, .entity_visual>div { position: absolute; width: 100%; height: 100%; top: 0; left: 0 } .btn-action:after { position: absolute; bottom: 0; right: 0; left: 0; top: 0 } .btn-icon.is-active:after { position: absolute; left: 50%; top: 50% } .btn, .btn-icon, .btn-link, .btn-pill, .btn-secondary-menu, .btn-social, a.link-action:link { position: relative; display: inline-block; vertical-align: top; text-align: center; text-decoration: none; z-index: 0 } .btn-icon:hover, .btn-link:hover, .btn-pill:hover, .btn-secondary-menu:hover, .btn-social:hover, .btn:hover, a.link-action:hover:link { cursor: pointer } .btn-pill:after, .btn-pill:before, .btn-social:after, .btn-social:before, .btn:after, .btn:before { position: absolute; z-index: -2; content: ""; border-radius: 3px } .btn, .btn-social>div:last-child { text-transform: uppercase; line-height: 1.6; color: #fff!important; letter-spacing: 1px } .btn.btn--discreet:before { background-color: #bfbfbf } .btn.btn--discreet:after { background-color: transparent } .btn.btn--discreet:active:before, .btn.btn--discreet:hover:before { background-color: #999 } .btn-pill:before, .btn:before { background-color: #262626 } .btn-pill:after, .btn:after { background-color: transparent } .btn-pill:active:before, .btn-pill:hover:before, .btn:active:before, .btn:hover:before { background-color: #000 } .btn-pill.btn--brand:after, .btn.btn--brand:after { background-color: transparent } .btn-pill.btn--brand:active:before, .btn-pill.btn--brand:hover:before, .btn.btn--brand:active:before, .btn.btn--brand:hover:before { background-color: #d20036 } .btn-pill.btn--facebook:before, .btn-social.btn--facebook:before { background-color: #5f78ab } .btn-pill.btn--facebook:after, .btn-social.btn--facebook:after { background-color: transparent } .btn-pill.btn--facebook:active:before, .btn-pill.btn--facebook:hover:before, .btn-social.btn--facebook:active:before, .btn-social.btn--facebook:hover:before { background-color: #41557c } .btn-pill.btn--twitter:before, .btn-social.btn--twitter:before { background-color: #4099ff } .btn-pill.btn--twitter:after, .btn-social.btn--twitter:after { background-color: transparent } .btn-pill.btn--twitter:active:before, .btn-pill.btn--twitter:hover:before, .btn-social.btn--twitter:active:before, .btn-social.btn--twitter:hover:before { background-color: #0071f3 } .btn-pill.btn--google:before, .btn-social.btn--google:before { background-color: #dd4b39 } .btn-pill.btn--google:after, .btn-social.btn--google:after { background-color: transparent } .btn-pill.btn--google:active:before, .btn-pill.btn--google:hover:before, .btn-social.btn--google:active:before, .btn-social.btn--google:hover:before { background-color: #ac2d1e } .btn.is-disabled:active:before, .btn.is-disabled:before, .btn.is-disabled:hover:before, .btn[disabled]:active:before, .btn[disabled]:before, .btn[disabled]:hover:before { background-color: #bfbfbf!important } .btn-icon, .btn-icon:link, .btn-icon:visited, a.link-action:link, a.link-action:visited:link { color: #4d4d4d } .btn-icon:active, .btn-icon:hover, a.link-action:active:link, a.link-action:hover:link { color: #00000 } .btn-icon.btn--discreet, .btn-icon.btn--discreet:link, .btn-icon.btn--discreet:visited { color: #999 } .btn-icon.btn--discreet:active, .btn-icon.btn--discreet:hover { color: #00000 } .btn-pill, .btn-pill:active, .btn-pill:hover, .btn-pill:link, .btn-pill:visited, .btn-social, .btn-social:active, .btn-social:hover, .btn-social:link, .btn-social:visited { color: #fff } .btn-icon .icon+.icon, .btn-pill .icon+.icon, .is-on.btn-icon .icon, .is-on.btn-pill .icon { display: none } .is-on.btn-icon .icon+.icon, .is-on.btn-pill .icon+.icon { display: inline } .is-on.btn-icon, .is-on.btn-icon:hover, .is-on.btn-pill, .is-on.btn-pill:hover { color: #00000 } .btn-social:after, .btn:after { z-index: -3 } .btn-social.is-active:after, .btn.btn--lg.is-active:after { -webkit-animation: btn-lg-active-outer .8s linear; animation: btn-lg-active-outer .8s linear } @-webkit-keyframes btn-lg-active-outer { 0% { top: 8px; right: 0; bottom: 8px; left: 0; opacity: 0 } 25% { top: 0; right: -8px; bottom: 0; left: -8px; opacity: .2 } 100% { top: 0; right: -8px; bottom: 0; left: -8px; opacity: 0 } } @keyframes btn-lg-active-outer { 0% { top: 8px; right: 0; bottom: 8px; left: 0; opacity: 0 } 25% { top: 0; right: -8px; bottom: 0; left: -8px; opacity: .2 } 100% { top: 0; right: -8px; bottom: 0; left: -8px; opacity: 0 } } .btn-pill.is-active:after { -webkit-animation: btn-active-inner .8s linear; animation: btn-active-inner .8s linear } @-webkit-keyframes btn-active-inner { 0% { -webkit-transform: scale(.5); transform: scale(.5); opacity: 0 } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: .3 } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0 } } @keyframes btn-active-inner { 0% { -webkit-transform: scale(.5); transform: scale(.5); opacity: 0 } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: .3 } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0 } } .entity-secondary-menu .layout_cover_img, .entity_visual_image, .playlist-cover-grid>li img, .row--list-image img { width: 100%; height: auto } .entity .btn-pill { position: absolute; z-index: 2 } .player_entity-information>* { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .list-link.list-link--small a, a.small, p.small { font-size: 12px; font-size: .85714rem } .section-header .select select, .section-header h1 { font-size: 11px; font-size: .78571rem; letter-spacing: 1px; line-height: 1.3636; text-transform: uppercase } .entity-secondary-menu .layout_body_title, .entity_information_title { margin-bottom: .42857rem; text-transform: capitalize; font-weight: 600; font-family: futurabook, Arial, sans-serif } .entity-secondary-menu .layout_body_title { font-size: 13px; font-size: .92857rem } .entity_information_title { font-size: 12px; font-size: .85714rem } .entity-secondary-menu .layout_body_secondary, .entity_information_secondary { font-size: 10px; font-size: .71429rem; font-family: futurabook, Arial, sans-serif; text-transform: uppercase } .btn, .btn-social>div:last-child, a.link-action:link { font-size: 10px; font-size: .71429rem; font-family: futurabold, Arial, sans-serif } .btn-link, .messages_message_text, .notifications .notification-target, p.small { font-size: 12px; font-size: .85714rem; font-family: futurabook, Arial, sans-serif } .btn-action, .form-group label:not(.radio-inline), .notifications .notification-target span { font-size: 12px; font-size: .85714rem; font-family: futurabold, Arial, sans-serif } .btn-secondary-menu { font-size: 13px; font-size: .92857rem; font-family: futurabook, Arial, sans-serif } .navigation .secondary { font-size: 10px; font-size: .71429rem; font-family: futurabook, Arial, sans-serif } .player_entity-information_title { font-size: 13px; font-size: .92857rem; font-family: futurabook, Arial, sans-serif } .entry .feature .background>div>div>div>div, .post_entity_background>div>div>div>div { display: table-cell; vertical-align: middle; } .entry .feature .background>div img, .post_entity_background>div img { width: 100%; height: auto!important; display: block; } #p-jobs .positions>li, .dispatcher>li, .form-search_suggestions>li, .list-secondary-menu>li, .list-track>li { border-bottom: 1px solid #d1d1d1; } #p-jobs .positions>li:last-child, .dispatcher>li:last-child, .form-search_suggestions>li:last-child, .list-secondary-menu>li:last-child, .list-track>li:last-child { border-bottom: none; } .entry .actions .thumbs, .list-button-icon-fat { font-size: 0; display: inline-block; } .entry .actions .thumbs>li, .list-button-icon-fat>li { display: inline-block; } .entry .actions .thumbs>li { border-right: 1px solid #d1d1d1; } .entry .actions .thumbs>li:last-child { border-right: none; } .list-link>li { display: block; } .hero-entity-description .tags>li, .list-link-inline>li { display: inline; } .hero-entity-description .tags>li:after, .list-link-inline>li:after { content: ", " } .hero-entity-description .tags>li:last-child:after, .list-link-inline>li:last-child:after { content: "" } .post_entity, .tile_body { position: relative; padding-bottom: 100%; z-index: auto; } #skeleton-overlay, #skeleton-player-full, #skeleton-player-mini { padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); } .post_entity:before, .post_entity>:first-child, .post_entity>:last-child, .tile_body:before, .tile_body>:first-child, .tile_body>:last-child { display: block; } .post_entity>:last-child:not(:first-child), .post_entity>:only-child, .tile_body>:last-child:not(:first-child), .tile_body>:only-child { z-index: 2; } #skeleton-navigation { position: fixed; display: block; height: 100%; top: 0; bottom: 0; left: -300px; width: 300px; -webkit-overflow-scrolling: touch; overflow-x: hidden; z-index: 30; transition: left .15s linear; } #skeleton-navigation.is-visible { left: 0; height: 100%; background-color: #262626; } #skeleton-bar-new, #skeleton-bars { background-color: #e8e8e8; z-index: 10; } #skeleton-topbar-and-content { padding-left: 0; } #skeleton-bars { height: 48px; position: static; } #skeleton-bars.fixfixed { position: absolute; } #skeleton-bar-new { height: auto; position: fixed; padding-left: 0; padding-right: 16px; } #skeleton-bar-new.fixfixed { position: absolute; } #skeleton-bar-new.sticky { position: -webkit-sticky; position: sticky; top: 0; } #skeleton-content-messages { z-index: 10; } #skeleton-content-wrap { z-index: 0; padding: env(safe-area-inset-top) env(safe-area-inset-right) calc(env(safe-area-inset-bottom)+72px) env(safe-area-inset-left); } #skeleton-content-wrap>.container-fluid.no-query>.licensing-links, #skeleton-content-wrap>.container-fluid.no-query>.results-container, #skeleton-content-wrap>.container-fluid>.redirection-container-one-image { display: none; } #skeleton-content-wrap>.container-fluid.no-query>.redirection-container-one-image { display: block; } #skeleton-player-mini { bottom: -50px; visibility: hidden; z-index: 10; transition: all .3s linear; user-select: none; } #skeleton-player-mini.is-visible { visibility: visible; bottom: 0; } #skeleton-player-full { overflow: hidden; top: 100%; visibility: hidden; z-index: 40; transition: all .15s linear; } #skeleton-player-full.is-visible { visibility: visible; top: 0; } #skeleton-overlay { visibility: hidden; z-index: 50; background-color: #fff; overflow-y: auto; overflow-x: hidden; } #skeleton-overlay .overlay-content { padding: env(safe-area-inset-top) env(safe-area-inset-right) calc(env(safe-area-inset-bottom)+96px) env(safe-area-inset-left); } #skeleton-overlay .overlay-skip { text-align: right; } #skeleton-overlay.is-visible { visibility: visible; } #skeleton-notifications-followers, #skeleton-notifications-generic { width: 450px; height: auto; visibility: hidden; z-index: 45; overflow: visible; top: 48px; left: initial; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; background-color: #FFF; box-shadow: 0 3px 10px -2px rgba(0, 0, 0, .6); } #skeleton-notifications-followers.is-visible, #skeleton-notifications-generic.is-visible { visibility: visible; } #skeleton-notifications-followers.empty .notifications, #skeleton-notifications-generic.empty .notifications { display: none; } #skeleton-notifications-followers.empty .empty-message, #skeleton-notifications-generic.empty .empty-message { display: block; } #skeleton-toast { bottom: 96px; opacity: 0; filter: alpha(opacity=0); visibility: hidden; z-index: 60; transition: all .15s linear; } #skeleton-toast.is-visible { visibility: visible; opacity: 1; filter: alpha(opacity=100); } #skeleton-content-veil { opacity: 0; filter: alpha(opacity=0); background-color: #000; visibility: hidden; z-index: 20; } #skeleton-content-veil.is-visible { visibility: visible; opacity: .95; filter: alpha(opacity=95); } #skeleton-content-veil, #skeleton-secondary-menu-mobile { transition: all .15s linear; padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); } #skeleton-secondary-menu-mobile { bottom: -100%; visibility: hidden; z-index: 21; background-color: #FFF; } #skeleton-secondary-menu-mobile.is-visible { visibility: visible; bottom: 0; } @media only screen and (min-width:993px) { #skeleton-navigation { left: 0; width: 180px; } #skeleton-topbar-and-content { padding-left: 180px; } #skeleton-bar-new, #skeleton-bars { padding-left: 0; position: static; } #skeleton-bar-new>.container-fluid, #skeleton-bars>.container-fluid { padding-right: 32px; } #skeleton-content-messages { left: 180px; } #skeleton-content-wrap { position: static; } #skeleton-content-wrap>.container-fluid { padding: 0 32px; } #skeleton-content-wrap>.container-fluid.no-query { padding: 0; } #skeleton-content-wrap>.container-fluid.no-query .licensing-links, #skeleton-content-wrap>.container-fluid.no-query .results-container { display: none; } #skeleton-content-wrap>.container-fluid.no-query>.redirection-container-one-image { display: -webkit-box; display: -ms-flexbox; display: flex; } #skeleton-player-mini { visibility: visible; bottom: 0; padding-left: 180px; } } @media only screen and (max-width:768px) { #skeleton-notifications-followers, #skeleton-notifications-generic { width: 100%; left: 0!important; margin-right: 0!important; position: fixed; height: calc(100vh - 48px); } #skeleton-notifications-followers.empty, #skeleton-notifications-generic.empty { height: auto; } } html.has-player #skeleton-content-wrap { padding-bottom: 120px; } html.has-player #skeleton-content-messages { bottom: 48px; } html.noscroll { overflow: hidden; } .pivot { position: relative; width: 100% } .pivot .page { position: absolute; display: none; width: 100%; top: 0; left: 100% } .pivot .page.is-current { position: relative; display: block; left: 0; } body { height: 100% } .col-community-left, .col-community-right { padding-top: 32px; } @media only screen and (min-width:992px) { body .is-mini-player #skeleton-notifications-followers, body .is-mini-player #skeleton-notifications-generic { bottom: 50px; } .l-form-2-col-md>div:first-child { padding-right: 24px; } .l-form-2-col-md>div:last-child { padding-left: 24px; } .col-community-left { padding-right: 24px; border-right: 1px solid #d1d1d1; } .col-community-right { padding-left: 24px; border-left: 1px solid #d1d1d1; left: -1px; } } .container, .container-fluid { padding-left: 16px; padding-right: 16px; clear: both; } .container-fluid>.no-padding-x, .container>.no-padding-x { margin-left: -16px; margin-right: -16px; } @media only screen and (min-width:1334px) { .container.mod { margin-left: 0; padding-left: 32px; padding-right: 32px; width: auto; max-width: 1500px; } } .row--list-grid { margin: -8px; } .row--list-grid>[class*=col-] { padding: .57143rem; } .container-wrap-emphasize { background-color: #f0f0f0; padding-bottom: 48px; } @media only screen and (min-width:1334px) { .col-wide-gap { padding-right: 48px; } } @media only screen and (min-width:1646px) { .col-xl-force-8-split { width: 12.5% } } @media only screen and (max-width:992px) { .container { padding: 48px 0 72px; } } .form-group .as-label, .form-group label:not(.radio-inline), .form-inline .as-label, .form-inline label:not(.radio-inline) { line-height: 2; } .logo { pointer-events: none; height: 50px; width: 128px; background-image: url(https://images.jamendo.com/jamendomusic/static/svg/jamendo-music-logo-white.svg); } .logo.logo--sm { height: 40px; width: 100px; } .logo.logo--lg { height: 65px; width: 166px; } .logo.logo--licensing { height: 50px; width: 143px; } .logo.logo--licensing.logo--sm { height: 35px; width: 100px; } .logo.logo--licensing.logo--lg { height: 65px; width: 186px; } .highlighted { padding: 16px 12px; pointer-events: none; white-space: nowrap; } .highlighted:before { top: 12px; right: 0; bottom: 12px; left: 0; } .highlighted.lg:before { top: 8px; right: 0; bottom: 8px; left: 0; } .highlighted.block { width: 100% } .highlighted.xs { padding: 12px 5px; } .author { word-break: break-all; color: #bfbfbf; } .author a:link, .author a:visited { color: #737373; } .author a:active, .author a:hover { color: #00000; } .post { position: relative; z-index: 0; } .post h1, .post h2, .post h3 { display: inline; } .post .quick-play { z-index: 2; } .post .link-wrap { position: relative; z-index: 0; display: block; } .post_entity { padding-bottom: 75% } .post_entity_background { overflow: hidden; } .post_entity_content>div { position: absolute; left: 16px; left: 1.14286rem; right: 16px; right: 1.14286rem; bottom: 16px; bottom: 1.14286rem; color: #FFF; } .post_entity_content_tag { line-height: 1; } .post_bar, .post_body { background-color: #f0f0f0; } .post_body { padding: 1.14286rem; } .post_body p a { text-decoration: none; color: #00000; } .range { position: relative; height: 24px; z-index: 0; } .range>div { position: absolute; z-index: -1; } .range .bar-path { width: 100% } .range .bar { width: 0% } .range .thumb-path>div>div { display: table-cell; position: relative; } .range .thumb-path>div>div:first-child { width: 100% } .range.range--track .bar, .range.range--track .bar-path { transition: -webkit-transform .2s linear; transition: transform .2s linear; top: 11px; bottom: 11px; } .range.range--track:hover .bar, .range.range--track:hover .bar-path { -webkit-transform: scaleY(2); transform: scaleY(2); } .range.range--track .bar-path { background-color: #4d4d4d; } .range.range--track .bar { background-color: #00000; } .range input[type=range] { -webkit-appearance: none; margin: 0; background-color: transparent; width: 100%; height: 24px; } .section-header .select+.select, .section-header h1+.select { margin-left: 4px; } .range input[type=range]:focus { outline: 0; } .range input[type=range]:disabled { cursor: default; } .section-header .select select:hover, .section-header .select:hover { cursor: pointer; } .range input[type=range]::-ms-track { width: 100%; cursor: pointer; background: 0 0; border-color: transparent; } .range input[type=range]::-ms-tooltip { display: none; } .range input[type=range]::-moz-range-track { background-color: transparent; } .range input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 10px; height: 10px; border-radius: 100%; background-color: #FFF; } .range input[type=range]::-moz-range-thumb { -moz-appearance: none; appearance: none; width: 10px; height: 10px; border-radius: 100%; background-color: #FFF; } .range input[type=range]::-ms-thumb { -ms-appearance: none; appearance: none; width: 10px; height: 10px; border-radius: 100%; background-color: #FFF; } .section-no-header { margin-top: 32px; } @media only screen and (min-width:1334px) { .section-no-header { margin-top: 48px; } } .section-footer { text-align: right; margin-top: 20px; height: 24px; overflow-y: visible; } .section-footer .btn { margin-top: -12px; } .section-footer.cta { text-align: left; } .list-track+.section-footer { margin-top: 12px; } .section-header { margin-top: 18px; height: 48px; position: relative; color: #737373; } .section-header_left>div, .section-header_right>div { display: inline-block; background-color: #FFF; } .section-header_left { width: 100% } .section-header_left>div { padding-right: 12px; } .section-header_line { display: block; width: 100%; position: absolute; top: 50%; left: 0; border-top: 1px solid #e8e8e8; z-index: -1; } .app-bar .avatar-button .user-menu-pin, .app-bar-new .avatar-button .user-menu-pin, .app-bar-new2 .avatar-button .user-menu-pin { left: 10px; } .section-header_right { white-space: nowrap; } .section-header_right>div { padding-left: 12px; } .section-header h1 { color: inherit; } .section-header h1.reset { color: inherit; font-size: inherit; text-transform: inherit; } .section-header .select { position: relative; display: inline-block; z-index: 2; } .section-header .select select { border-radius: 3px; padding: 5px 32px 4px 6px; border: 1px solid #bfbfbf; text-transform: uppercase; background: 0 0; line-height: 1.2727; color: inherit; outline: 0; font-family: futurabook, Arial, sans-serif; } .section-header .select select::-ms-expand { display: none; } .section-header .select select:focus { box-shadow: 0 0 5px #bfbfbf; } .section-header .select .icon { top: 50%; margin-top: -6px; position: absolute; right: 10px; z-index: -1; font-size: 12px; color: #bfbfbf; width: 12px; height: 12px; } .section-header.dual-select, .section-header.mono-select { margin-bottom: 8px; } @media only screen and (max-width:767px) { .section-header.dual-select .section-header_left>div { padding-right: 0; width: 100% } .section-header.dual-select .section-header_left>div:after, .section-header.dual-select .section-header_left>div:before { content: " "; display: table; } .section-header.dual-select .section-header_left>div:after { clear: both; } .section-header.dual-select .select { width: 49%; float: left; } .section-header.dual-select .select+.select { margin-left: 0; } .section-header.dual-select .select:first-child { margin-right: 1% } .section-header.dual-select .select:last-child { margin-left: 1% } .section-header.dual-select select { width: 100% } } @media only screen and (min-width:992px) { .section-header { margin-top: 20px; } } .section-header.section-header-first { height: 32px; padding-top: 16px; } .section-header+.section-header { margin-top: 0; } .section-secondary .date .icon { margin-right: 8px; } .section-secondary .date, .section-secondary .numbers, .section-secondary .stats { padding: 8px 0 0; } .section-secondary .stats { text-align: left; text-transform: uppercase; line-height: 1; } .section-secondary .stats li { display: inline-block; margin: 0 8px 0 0; } .section-secondary .cc { margin-top: 36px; } .section-secondary .cc li { display: inline-block; float: right; margin-left: 8px; color: #bfbfbf; } .section-secondary .cc .icon { font-size: 24px; width: 24px; height: 24px; } @media only screen and (min-width:992px) { .section-secondary .numbers { display: table; width: 100% } .section-secondary .numbers .date { font-size: 11px; } .section-secondary .numbers .stats { font-size: 9px; } .section-secondary .numbers .date, .section-secondary .numbers .stats { display: table-cell; } .section-secondary .stats { font-size: 10px; font-size: .71429rem; text-align: right; } .section-secondary .stats li { margin: 0 0 0 8px; } .section-secondary .stats .count { font-size: 14px; font-size: 1rem; } } @media only screen and (min-width:1334px) { .section-secondary .date, .section-secondary .stats { padding-top: 40px; } } .section-tertiary { padding: 48px 0; color: #999; text-align: center; } .section-tertiary .s_wrap { display: inline-block; width: 100% } .section-tertiary .s__content, .section-tertiary .s__glyph { vertical-align: middle; text-align: center; } .app-bar .avatar-button_avatar, .app-bar .avatar-button_username, .app-bar .separator, .app-bar-new .avatar-button_avatar, .app-bar-new .avatar-button_username, .app-bar-new2 .avatar-button_avatar, .app-bar-new2 .avatar-button_username, .btn-action-list li, .edit-image-cover a span, .navigation .wrap>div:first-child>div { vertical-align: top; } .section-tertiary .glyph { display: inline-block; margin: 0 0 16px; } .section-tertiary .text { margin: 8px 0 4px; } .section-tertiary .actions { vertical-align: top; margin: 10px -6px -6px; } .section-tertiary .actions li { display: inline; margin: 0 6px; font-size: 0; } .section-tertiary .action { margin: 10px 0 -6px; } .section-tertiary .btn { padding-top: 10px; padding-bottom: 10px; } .section-tertiary .btn:before { top: 6px; bottom: 6px; } .section-tertiary.as-incentive { background-color: #f9f9f9; padding: 32px; } .section-tertiary.as-incentive .s_wrap { display: block; } .section-tertiary.as-incentive .glyph { width: 48px; height: 48px; padding: 16px; border-radius: 100%; background-color: #e8e8e8; } /*========== BASE ==========*/ *, ::before, ::after { box-sizing: border-box; } img { width: auto; height: auto; } .active { text-decoration: none; color: var(--first-color); } .nav__link { display: flex; align-items: center; color: var(--text-color); text-decoration: none; } h3 { margin: 0; } a { text-decoration: none; } /*========== HEADER ==========*/ .header { position: fixed; top: 0; left: 0; width: 100%; background-color: var(--container-color); box-shadow: 0 1px 0 rgba(22, 8, 43, 0.1); padding: 0 1rem; z-index: var(--z-fixed); } .header__container { display: flex; align-items: center; height: var(--header-height); justify-content: space-between; } .header__img { width: 35px; height: 35px; border-radius: 50%; } .header__logo { color: var(--title-color); font-weight: var(--font-medium); display: none; } .header__search { display: flex; padding: .40rem .75rem; background-color: var(--first-color-light); border-radius: .25rem; } .header__input { width: 100%; border: none; outline: none; background-color: var(--first-color-light); } .header__input::placeholder { font-family: var(--body-font); color: var(--text-color); } .header__icon, .header__toggle { font-size: 1.2rem; } .header__toggle { color: var(--title-color); cursor: pointer; } /*===== Show menu =====*/ .show-menu { left: 0; } /*===== Active link =====*/ .active { color: var(--first-color); } /* ========== MEDIA QUERIES ==========*/ /* For small devices reduce search*/ @media screen and (max-width: 320px) { .header__search { width: 70%; } } @media screen and (min-width: 768px) { body { padding: 0.5rem 2rem 0 3rem; } .header { padding: 0 3rem 0 6rem; } .header__container { height: calc(var(--header-height) + .5rem); } .header__search { width: 300px; padding: .55rem .75rem; } .header__toggle { display: none; } .header__logo { display: block; } .header__img { width: 40px; height: 40px; order: 1; } .pf { display: inline-block; font: normal normal normal 14px/1 PaymentFont; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pf-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .pf-2x { font-size: 2em; } .pf-3x { font-size: 3em; } .pf-4x { font-size: 4em; } .pf-5x { font-size: 5em; } .banner-size { width: * { box-sizing: border-box } body { font-family: Verdana, sans-serif; margin: 0 } .mySlides { display: none } img { vertical-align: middle; } /* Slideshow container */ .slideshow-container { max-width: 1000px; position: relative; margin: auto; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); } /* Caption text */ .text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center; } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } /* The dots/bullets/indicators */ .dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } .active, .dot:hover { background-color: #717171; } /* Fading animation */ .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } @-webkit-keyframes fade { from { opacity: .4 } to { opacity: 1 } } @keyframes fade { from { opacity: .4 } to { opacity: 1 } } /* On smaller screens, decrease text size */ @media only screen and (max-width: 300px) { .prev, .next, .text { font-size: 11px } } ; } .pf-amazon:before { content: "\f000"; } .pf-american-express:before { content: "\f001"; } .pf-american-express-alt:before { content: "\f002"; } .pf-atm:before { content: "\f003"; } .pf-bankomat:before { content: "\f004"; } .pf-bank-transfer:before { content: "\f005"; } .pf-bitcoin:before { content: "\f006"; } .pf-bitcoin-sign:before { content: "\f007"; } .pf-braintree:before { content: "\f008"; } .pf-btc:before { content: "\f009"; } .pf-card:before { content: "\f00a"; } .pf-carta-si:before { content: "\f00b"; } .pf-cash:before { content: "\f00c"; } .pf-cash-on-delivery:before { content: "\f00d"; } .pf-cb:before { content: "\f00e"; } .pf-cirrus:before { content: "\f00f"; } .pf-cirrus-alt:before { content: "\f010"; } .pf-clickandbuy:before { content: "\f011"; } .pf-credit-card:before { content: "\f012"; } .pf-diners:before { content: "\f013"; } .pf-discover:before { content: "\f014"; } .pf-ec:before { content: "\f015"; } .pf-eps:before { content: "\f016"; } .pf-eur:before { content: "\f017"; } .pf-facture:before { content: "\f018"; } .pf-fattura:before { content: "\f019"; } .pf-flattr:before { content: "\f01a"; } .pf-giropay:before { content: "\f01b"; } .pf-google-wallet:before { content: "\f01c"; } .pf-google-wallet-alt:before { content: "\f01d"; } .pf-gpb:before { content: "\f01e"; } .pf-gratipay:before { content: "\f01f"; } .pf-ideal:before { content: "\f020"; } .pf-ils:before { content: "\f021"; } .pf-inr:before { content: "\f022"; } .pf-invoice:before { content: "\f023"; } .pf-invoice-sign:before { content: "\f024"; } .pf-invoice-sign-alt:before { content: "\f025"; } .pf-invoice-sign-alt-o:before { content: "\f026"; } .pf-invoice-sign-o:before { content: "\f027"; } .pf-jcb:before { content: "\f028"; } .pf-jpy:before { content: "\f029"; } .pf-krw:before { content: "\f02a"; } .pf-maestro:before { content: "\f02b"; } .pf-maestro-alt:before { content: "\f02c"; } .pf-mastercard:before { content: "\f02d"; } .pf-mastercard-alt:before { content: "\f02e"; } .pf-mastercard-securecode:before { content: "\f02f"; } .pf-ogone:before { content: "\f030"; } .pf-paybox:before { content: "\f031"; } .pf-paylife:before { content: "\f032"; } .pf-paypal:before { content: "\f033"; } .pf-paypal-alt:before { content: "\f034"; } .pf-paysafecard:before { content: "\f035"; } .pf-postepay:before { content: "\f036"; } .pf-quick:before { content: "\f037"; } .pf-rechnung:before { content: "\f038"; } .pf-ripple:before { content: "\f039"; } .pf-rub:before { content: "\f03a"; } .pf-skrill:before { content: "\f03b"; } .pf-sofort:before { content: "\f03c"; } .pf-square:before { content: "\f03d"; } .pf-stripe:before { content: "\f03e"; } .pf-truste:before { content: "\f03f"; } .pf-try:before { content: "\f040"; } .pf-unionpay:before { content: "\f041"; } .pf-usd:before { content: "\f042"; } .pf-verified-by-visa:before { content: "\f043"; } .pf-verisign:before { content: "\f044"; } .pf-visa:before { content: "\f045"; } .pf-visa-electron:before { content: "\f046"; } .pf-western-union:before { content: "\f047"; } .pf-western-union-alt:before { content: "\f048"; } .pf-wirecard:before { content: "\f049"; } .pf-sepa:before { content: "\f04a"; } .pf-sepa-alt:before { content: "\f04b"; } .pf-apple-pay:before { content: "\f04c"; } .pf-interac:before { content: "\f04d"; } .pf-paymill:before { content: "\f04e"; } .pf-dankort:before { content: "\f04f"; } .pf-bancontact-mister-cash:before { content: "\f050"; } .pf-moip:before { content: "\f051"; } .pf-pagseguro:before { content: "\f052"; } .pf-cash-on-pickup:before { content: "\f053"; } .pf-sage:before { content: "\f054"; } .pf-elo:before { content: "\f055"; } .pf-elo-alt:before { content: "\f056"; } .pf-payu:before { content: "\f057"; } .pf-mercado-pago:before { content: "\f058"; } .pf-mercado-pago-sign:before { content: "\f059"; } .pf-payshop:before { content: "\f05a"; } .pf-multibanco:before { content: "\f05b"; } .pf-gratipay-sign:before { content: "\f05c"; } .pf-six:before { content: "\f05d"; } .pf-cashcloud:before { content: "\f05e"; } .pf-interac-alt:before { content: "\f05f"; } .pf-klarna:before { content: "\f060"; } .pf-bitpay:before { content: "\f061"; } .pf-venmo:before { content: "\f062"; } .pf-visa-debit:before { content: "\f063"; } .pf-alipay:before { content: "\f064"; } .pf-diners-alt:before { content: "\f065"; } .pf-hipercard:before { content: "\f066"; } .pf-skrill-alt:before { content: "\f067"; } .pf-shopify:before { content: "\f068"; } .pf-direct-debit:before { content: "\f069"; } .pf-sodexo:before { content: "\f06a"; } .pf-bpay:before { content: "\f06b"; } .pf-contactless:before { content: "\f06c"; } .pf-contactless-alt:before { content: "\f06d"; } .pf-eth:before { content: "\f06e"; } .pf-ltc:before { content: "\f06f"; } .pf-visa-pay:before { content: "\f070"; } .pf-wechat-pay:before { content: "\f071"; } .pf-amazon-pay:before { content: "\f072"; } .pf-amazon-pay-alt:before { content: "\f073"; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, body { height: 100%; } body { font-family: "Open Sans", sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; } /* REQUIRED STYLES */ .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; padding: 1px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role="group"] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled="true"] { color: #999; } .select2-container--default .select2-results__option[aria-selected="true"] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%); background-image: -o-linear-gradient(top, #fff 50%, #eee 100%); background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%); background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%); background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%); background-image: -o-linear-gradient(top, #fff 0%, #eee 50%); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%); background-image: -o-linear-gradient(top, #eee 50%, #fff 100%); background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role="group"] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled="true"] { color: grey; } /********************* NEW PLAYER ********************/ .icon-chevron-down:before { content: "" } .icon-chevron-left:before { content: "" } .icon-chevron-new2:before { content: "" } .icon-chevron-right:before { content: "" } .icon-close:before { content: "" } .icon-comment:before { content: "" } .icon-download:before { content: "" } .icon-duration:before { content: "" } .icon-facebook:before { content: "" } .icon-filter:before { content: "" } .icon-google:before { content: "" } .icon-heart:before { content: "" } .icon-heart-on:before { content: "" } .icon-home:before { content: "" } .icon-info-new2:before { content: "" } .icon-information:before { content: "" } .icon-instagram:before { content: "" } .icon-link:before { content: "" } .icon-mail:before { content: "" } .icon-menu:before { content: "" } .icon-menu-secondary:before { content: "" } .icon-next:before { content: "" } .icon-pause:before { content: "" } .icon-picture:before { content: "" } .icon-play:before { content: "" } .icon-play-next:before { content: "" } .icon-user:before { content: "" } .icon-user-new2:before { content: "" } .icon-video:before { content: "" } .icon-youtube:before { content: "" } .icon-close-s:before { content: "" } .icon-comment-s:before { content: "" } .icon-download-s:before { content: "" } .icon-duration-s:before { content: "" } .icon-heart-on-s:before { content: "" } .icon-menu-secondary-s:before { content: "" } .icon-pause-s:before { content: "" } .icon-picture-s:before { content: "" } .icon-play-s:before { content: "" } .icon-user-s:before { content: "" } .icon-data-chevron-down:before { content: "" } .icon-data-chevron-left:before { content: "" } .icon-data-chevron-new2:before { content: "" } .icon-data-chevron-right:before { content: "" } .icon-data-close:before { content: "" } .icon-data-comment:before { content: "" } .icon-data-download:before { content: "" } .icon-data-duration:before { content: "" } .icon-data-facebook:before { content: "" } .icon-data-filter:before { content: "" } .icon-data-google:before { content: "" } .icon-data-heart:before { content: "" } .icon-data-heart-on:before { content: "" } .icon-data-home:before { content: "" } .icon-data-info-new2:before { content: "" } .icon-data-information:before { content: "" } .icon-data-instagram:before { content: "" } .icon-data-link:before { content: "" } .icon-data-mail:before { content: "" } .icon-data-menu:before { content: "" } .icon-data-menu-secondary:before { content: "" } .icon-data-next:before { content: "" } .icon-data-pause:before { content: "" } .icon-data-picture:before { content: "" } .icon-data-play:before { content: "" } .icon-data-play-next:before { content: "" } .icon-data-user:before { content: "" } .icon-data-user-new2:before { content: "" } .icon-data-video:before { content: "" } .icon-data-youtube:before { content: "" } .icon-data-close-s:before { content: "" } .icon-data-comment-s:before { content: "" } .icon-data-download-s:before { content: "" } .icon-data-duration-s:before { content: "" } .icon-data-heart-on-s:before { content: "" } .icon-data-menu-secondary-s:before { content: "" } .icon-data-pause-s:before { content: "" } .icon-data-picture-s:before { content: "" } .icon-data-play-s:before { content: "" } .icon-data-user-s:before { content: "" } .icon[class$="-s"] { font-size: 12px; width: 12px; height: 12px } .icon--24 { font-size: 24px; width: 24px; height: 24px } .icon--32 { font-size: 32px; width: 32px; height: 32px } .icon--48 { font-size: 48px; width: 48px; height: 48px } .icon--72 { font-size: 72px; width: 72px; height: 72px } @-webkit-keyframes loader1 { 0%, 25%, 50% { -webkit-transform: scale(1); transform: scale(1) } 15%, 40% { -webkit-transform: scale(1.6); transform: scale(1.6) } } @keyframes loader1 { 0%, 25%, 50% { -webkit-transform: scale(1); transform: scale(1) } 15%, 40% { -webkit-transform: scale(1.6); transform: scale(1.6) } } @-webkit-keyframes loader2 { 0%, 51% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } 50% { opacity: 0; -webkit-transform: scale(3); transform: scale(3) } } @keyframes loader2 { 0%, 51% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } 50% { opacity: 0; -webkit-transform: scale(3); transform: scale(3) } } .logo { pointer-events: none; height: 50px; width: 128px; background-image: url(https://images.jamendo.com/jamendomusic/static/svg/jamendo-music-logo-white.svg) } .logo.logo--sm { height: 40px; width: 100px } .logo.logo--lg { height: 65px; width: 166px } .desktop-secondary-menu { visibility: hidden; position: absolute; z-index: 5; white-space: nowrap; background-color: #fff; border: 1px solid #d1d1d1; opacity: 0; transition: all .3s linear; top: 100%; right: 0 } .desktop-secondary-menu-wrap { position: relative; overflow: visible } .desktop-secondary-menu.top-left { bottom: 100%; top: initial; right: initial; left: 0 } .desktop-secondary-menu.top-right { bottom: 100%; top: initial } .entity { position: relative } .entity_menu { position: absolute; bottom: 0; right: 0 } .entity_information { background-color: #f9f9f9 } .entity_information>div:first-child { padding: 0 2.28571rem 0 .85714rem; height: 60px } .entity_information_title { width: 100%; overflow: hidden; text-overflow: ellipsis; display: inline } .entity_information_secondary { display: inline-block; margin-top: 8px } .entity_information_secondary>span { display: inline-block; margin-bottom: 4px } .entity.entity--artist .entity_information, .entity.entity--user .entity_information { background-color: transparent; text-align: center } .entity.entity--artist .entity_information>div, .entity.entity--user .entity_information>div { padding: 0 .85714rem } .entity-secondary-menu { padding: 1.14286rem; border-bottom: 1px solid #bfbfbf } .entity-secondary-menu .layout { color: #4d4d4d } .entity-secondary-menu .layout_cover { position: absolute; width: 50px; width: 3.57143rem } .entity-secondary-menu .layout_cover_img { display: block } .entity-secondary-menu .layout_body { padding: 0 1.14286rem 0 4.71429rem; text-align: left; height: 50px } .entity-secondary-menu .layout_body_secondary, .entity-secondary-menu .layout_body_title { display: inline } @-webkit-keyframes entryBlink { 0%, 100% { background-color: #fff } 25% { background-color: #e8e8e8 } } @keyframes entryBlink { 0%, 100% { background-color: #fff } 25% { background-color: #e8e8e8 } } .list-button, .list-button>li { display: inline-block } .list-button { height: 48px; height: 3.42857rem; white-space: nowrap; vertical-align: top } .list-button>li:first-child { margin-left: .57143rem } .player-controls li { display: inline-block } .list-link li { margin-bottom: .57143rem } .list-link.list-link--small li { margin-bottom: 0 } .player-controls.is-radio .player-controls_next .icon { opacity: .4 } .player-controls .player-controls_play .icon-play, .player-controls.is-pause .player-controls_play .icon-pause { display: none } .player-controls .player-controls_play .icon-pause, .player-controls.is-pause .player-controls_play .icon-play { display: inline } .player .player-controls .player-controls_play { width: 64px; width: 4.57143rem } .player .player-controls .player-controls_play .icon { font-size: 32px; font-size: 2.28571rem; width: 32px; width: 2.28571rem; height: 32px; height: 2.28571rem } .player .player-controls .player-controls_next { width: 56px; width: 4rem } .player .player-controls .player-controls_next .icon { font-size: 24px; font-size: 1.71429rem; width: 24px; width: 1.71429rem; height: 24px; height: 1.71429rem } .playlist-cover-grid { width: 100%; display: inline-block; overflow: hidden; font-size: 0 } .playlist-cover-grid>li { float: left; width: 50%; height: 50% } .section-header .select+.select, .section-header h1+.select { margin-left: 4px } .section-header .select select:hover, .section-header .select:hover { cursor: pointer } .section-no-header { margin-top: 32px } @media only screen and (min-width:1334px) { .section-no-header { margin-top: 48px } } .section-footer { text-align: right; margin-top: 20px; height: 24px; overflow-y: visible } .section-footer .btn { padding: 22px } .section-header { margin-top: 18px; height: 48px; position: relative; color: #737373 } .section-header_left>div, .section-header_right>div { display: inline-block; background-color: #fff } .section-header_left { width: 100% } .section-header_left>div { padding-right: 12px } .section-header_right { white-space: nowrap } .section-header_right>div { padding-left: 12px } .section-header h1 { color: inherit } .section-header .select { position: relative; display: inline-block; z-index: 2 } .section-header .select select { border-radius: 3px; padding: 5px 32px 4px 6px; border: 1px solid #bfbfbf; text-transform: uppercase; background: 0 0; line-height: 1.2727; color: inherit; outline: 0; font-family: futurabook, Arial, sans-serif } .section-header .select select::-ms-expand { display: none } .section-header .select select:focus { box-shadow: 0 0 5px #bfbfbf } .section-header .select .icon { top: 50%; margin-top: -6px; position: absolute; right: 10px; z-index: -1; font-size: 12px; color: #bfbfbf; width: 12px; height: 12px } .section-header.mono-select { margin-bottom: 8px } @media only screen and (min-width:992px) { .section-header { margin-top: 20px } } .section-header+.section-header { margin-top: 0 } .btn-action-list li, .navigation .wrap>div:first-child>div { vertical-align: top } .social-links { margin-top: 36px } .social-links li { margin-bottom: .85714rem; padding-left: 1.71429rem; position: relative } .social-links li:last-child { margin-bottom: 0 } .social-links .facebook { color: #5f78ab } .social-links .google { color: #dd4b39 } .navigation .wrap>div:first-of-type>a .logo:hover, .navigation a:hover { cursor: pointer } .selection_titles h1 { font-weight: 600; font-size: 17px; text-transform: initial; letter-spacing: 0 } .selection_titles h2 { font-size: 13px; font-weight: 400; margin-bottom: 10px } .btn-action-list, .btn-action-list li { display: inline-block } .btn-action-list li { margin-right: 12px; font-size: 0 } .btn-action-list li:last-child { margin-right: 0 } .btn-action-list li:empty { display: none } .btn-action-list.small li { margin-right: 8px } .btn-action-list.small .icon-pause-s, .btn-action-list.small .icon-play-s { top: 1px } .btn-expand { width: 36px; height: 36px; float: right } .btn-expand .icon { font-size: 12px; line-height: 36px } .navigation a, .player_entity-information>* { text-decoration: none } .messages, .messages_message_text a { color: #fff } .messages_message, .messages_message .container { position: relative } .messages:empty, .messages_message:not(:nth-last-child(-n+2)) .messages_message_dismiss, .messages_message:not(:nth-last-child(-n+2)) .messages_message_text, .messages_message:not(:nth-last-child(-n+4)) { display: none } .messages { background-color: #fff; margin: 8px } .messages_message { background-color: #262626; padding: .85714rem; border-top: 1px solid #fff } .messages_message_text { padding-right: 3.42857rem } .navigation a, .navigation a:link, .navigation a:visited { color: #d1d1d1 } .messages_message_dismiss { position: absolute; right: 0; top: 50%; margin-top: -1.71429rem; width: 36px; width: 2.57143rem; height: 36px; height: 2.57143rem } .messages_message_dismiss .icon { margin-left: -.42857rem; margin-top: -.42857rem } .messages_message:first-child { border-top: none } .messages_message:not(:nth-last-child(-n+2)) { padding: .14286rem 0 } .navigation { width: 180px; background-color: #262626; height: auto } .navigation a.is-active .icon, .navigation a.is-active:link, .navigation a.is-active:visited, .navigation a:active, .navigation a:active .icon, .navigation a:hover, .navigation a:hover .icon { color: #fff } .navigation .wrap>div:first-of-type>a { display: inline-block } .navigation .wrap>div:first-of-type>a .logo { margin: 12px 0 } .navigation .secondary { letter-spacing: .5px; width: 148px } .navigation .secondary li { display: inline; line-height: 1.5; white-space: nowrap; margin-right: 4px } .navigation .secondary li:last-child:after { display: none } .navigation .logo-link { padding: 16px 0; display: inline-block } .navigation .wrap { display: -webkit-box; display: -ms-flexbox } .navigation .wrap { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 16px; height: 100%; min-height: 100vh } .navigation .wrap>div:last-child>div { vertical-align: bottom; padding-bottom: 16px } .navigation .social { margin-left: -4px; text-align: center } .navigation .social li { display: inline-block } .navigation .social a:link, .navigation .social a:visited { color: #999; width: 34px; height: 27px } .navigation .social a:link .icon, .navigation .social a:visited .icon { line-height: 27px } .navigation .social a.btn--facebook:before, .navigation .social a.btn--google:before, .navigation .social a.btn--instagram:before { background-color: transparent } @media only screen and (max-width:992px) { .navigation { width: 300px; height: auto } .navigation .close { margin: 8px 0 0 8px; width: 48px; height: 48px } .navigation .wrap { padding: 0 24px 24px } .navigation .wrap>div>a { display: none } .navigation .secondary a { line-height: 1; display: block } .navigation .social { margin-left: -3px; text-align: left } .navigation .social li { display: inline-block } .navigation .social li a:link { width: 48px; height: 48px; color: #fff } .navigation .social li a:link .icon { line-height: 48px } .navigation .social a.btn--facebook:before { background-color: #5f78ab } .navigation .social a.btn--google:before { background-color: #dd4b39 } .navigation .social a.btn--instagram:before { background-color: #e0176c } } .arrow-top { position: absolute; top: -5px; width: 5px; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #d1d1d1 } .notifications { overflow-y: auto; width: 100%; height: 100%; max-height: 413px } .notifications .notification { border-bottom: 1px solid #d1d1d1 } .notifications .notification>div { padding: 0 12px } .notifications .notification>div:nth-child(2) { padding-left: 0 } .notifications .notification-target { color: #737373 } .notifications .notification-target span { color: #262626 } .notifications .notification-target>div { padding: 16px 0 } .notifications .notification-target>div:first-child { width: 36px } .notifications .notification-target>div:last-child { padding-left: 12px } .notifications .notification:hover { background-color: #e8e8e8 } .notifications .notification:last-child { border-bottom: none } .notifications .notification .btn { white-space: nowrap } @media only screen and (max-width:768px) { .notifications { width: 100%; height: 100%; max-height: 100%; overflow-y: auto } .notifications :hover { overflow-y: hidden } } .player { color: #fff; overflow: hidden } .player>* { position: absolute } .player_cover, .player_entity-information { left: 16px; left: 1.14286rem; right: 16px; right: 1.14286rem } .player_controls { left: 0; right: 0; text-align: center; font-size: 0 } .player_cover { top: 64px; top: 4.57143rem; bottom: 308px; bottom: 22rem; text-align: center } .player_cover img { width: auto; height: auto; max-width: 100%; max-height: 100%; display: inline-block; border: 1px solid #fff } .player_entity-information { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 36px; height: 2.57143rem; bottom: 256px; bottom: 18.28571rem } .player_entity-information>* { display: block; text-align: center } .player_entity-information>:hover { color: #fff!important; text-decoration: underline } .player_controls { height: 48px; height: 3.42857rem; bottom: 16px; bottom: 1.14286rem } @media only screen and (min-width:768px) { .player_entity-information { left: 48px; left: 3.42857rem; right: 48px; right: 3.42857rem } .player_cover { top: 112px; top: 8rem; bottom: 404px; bottom: 28.85714rem } .player_cover img { height: 100%; width: auto; display: inline-block; border: 1px solid #fff } .player_entity-information { height: 40px; height: 2.85714rem; bottom: 344px; bottom: 24.57143rem } .player_entity-information_title { font-size: 18px; font-size: 1.28571rem } .player_controls { bottom: 40px; bottom: 2.85714rem } } @media only screen and (min-width:992px) { .player_cover { top: 96px; top: 6.85714rem; bottom: 332px; bottom: 23.71429rem } .player_entity-information { bottom: 276px; bottom: 19.71429rem } .player_controls { bottom: 24px; bottom: 1.71429rem } } @media only screen and (min-width:1334px) { .player_cover { top: 112px; top: 8rem; bottom: 404px; bottom: 28.85714rem } .player_entity-information { bottom: 344px; bottom: 24.57143rem } .player_controls { bottom: 40px; bottom: 2.85714rem } } @media only screen and (max-height:430px) { .player_cover { display: none } } @media only screen and (min-width:768px) and (max-width:992px) and (max-height:550px) { .player_cover { display: none } } @media only screen and (min-width:992px) and (max-height:470px) { .player_cover { display: none } } @media only screen and (min-width:1334px) and (max-height:550px) { .player_cover { display: none } } .hidden { display: none!important } .container.right { text-align: right } .container.center { text-align: center } .container .section.container { padding: 0 } .container-1024 { width: 1024px; padding: 0; margin: 0 auto } @media only screen and (max-width:1110px) { .container-1024 { width: 100%; padding: 30px } } @media only screen and (max-width:480px) { .container-1024 { padding: 15px } } @media only screen and (max-width:350px) { .container-1024 { padding: 0 } } .align-right { text-align: right } .align-center { text-align: center } .row-height { display: table; table-layout: fixed; height: 100%; width: 100% } .col-height { display: table-cell; float: none; height: 100% } .col-top { vertical-align: top } .col-middle { vertical-align: middle } @media (min-width:480px) { .row-xs-height { display: table; table-layout: fixed; height: 100%; width: 100% } .col-xs-height { display: table-cell; float: none; height: 100% } .col-xs-top { vertical-align: top } .col-xs-middle { vertical-align: middle } } @media (min-width:768px) { .row-sm-height { display: table; table-layout: fixed; height: 100%; width: 100% } .col-sm-height { display: table-cell; float: none; height: 100% } .col-sm-top { vertical-align: top } .col-sm-middle { vertical-align: middle } } @media (min-width:992px) { .row-md-height { display: table; table-layout: fixed; height: 100%; width: 100% } .col-md-height { display: table-cell; float: none; height: 100% } .col-md-top { vertical-align: top } .col-md-middle { vertical-align: middle } } @media (min-width:1200px) { .row-lg-height { display: table; table-layout: fixed; height: 100%; width: 100% } .col-lg-height { display: table-cell; float: none; height: 100% } .col-lg-top { vertical-align: top } .col-lg-middle { vertical-align: middle } } .modal { z-index: 800 } [component-disabled] { cursor: not-allowed!important } [component-disabled]>* { -webkit-filter: grayscale(1)!important; filter: grayscale(1)!important; opacity: .4!important; cursor: not-allowed!important; pointer-events: none!important } [component-disabled]>*>*, [component-disabled]>*>*>* { cursor: not-allowed!important; pointer-events: none!important } [center] { margin: 0 auto } [center-important] { margin: 0 auto!important } [float-right] { float: right } [float-clear] { clear: both } [absolute] { position: absolute!important } [absolute-top-right] { position: absolute!important; top: 0; right: 0 } [overflow-allowed] { overflow: visible!important } [z-700] { z-index: 700!important } [z-600] { z-index: 600!important } [z-410] { z-index: 410!important } [block] { display: block!important } [no-display] { display: none!important } [relative-position] { position: relative } [flex-raw-space-between] { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } [flex-raw-space-between][wrap] { -ms-flex-wrap: wrap; flex-wrap: wrap } [flex-raw-space-between][start] { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } [flex-raw-start] { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } [flex-raw-start][wrap] { -ms-flex-wrap: wrap; flex-wrap: wrap } [flex-raw-center] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } [flex-raw-center][start] { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } [flex-raw-center][wrap] { -ms-flex-wrap: wrap; flex-wrap: wrap } [flex-raw-end] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } [flex-column-start] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } [flex-column-center] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } [data-flex^=flexOrder][data-flex*="1"] { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } [data-flex^=flexOrder][data-flex*="2"] { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } [data-flex^=flexOrder][data-flex*="3"] { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } [data-flex^=flexOrder][data-flex*="4"] { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } [data-flex^=flexOrder][data-flex*="5"] { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } [data-flex^=flexOrder][data-flex*="6"] { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6 } [img-contain] { display: block; background-repeat: no-repeat; background-position: center; background-size: contain; background-color: transparent; height: 100%; width: 100% } [not-visible] { visibility: hidden!important } [w-50] { width: 50% } [w-100] { width: 100%!important } [size^="w"][size*="-50%"] { width: 50% } [size^="w"][size*="-100%"] { width: 100% } [margin^=top][margin*="-24"] { margin-top: 24px } [no-padding] { padding: 0!important } [no-left-pad] { padding-left: 0!important } [no-right-pad] { padding-right: 0!important } [no-padding-top] { padding-top: 0!important } [padding-top-8] { padding-top: 8px!important } [color-primary] { background-color: #67b7bf!important } [color-primary-saturated] { background-color: #4bd2e2!important } [yellow-spreaker] { background-color: #ffc107!important } [whitesmoke] { background-color: #f5f5f5!important } [color-text-primary-saturated] { color: #4bd2e2!important } [color-text-medium-gray] { color: #646464!important } [color-black] { color: #000!important } [text-center] { text-align: center } [text-left] { text-align: left } [uppercase] { text-transform: uppercase } [no-border] { border: none!important } [size-13] { font-size: 13px!important } [size-14] { font-size: 14px!important } [size-15] { font-size: 15px!important } [size-16] { font-size: 16px!important } [size-17] { font-size: 17px!important } [size-22] { font-size: 22px } [size-28] { font-size: 28px!important } [size-32] { font-size: 32px!important } [size-44] { font-size: 44px!important } [italic] { font-style: italic!important } [normal] { font-family: futurabook, Arial, sans-serif } [demi] { font-family: futurademi, Arial, sans-serif } [bold] { font-family: futurabold, Arial, sans-serif } [h-auto] { height: auto!important } [h-240] { height: 240px!important } [width-auto] { width: auto!important } [width-80] { width: 80%!important } [list-disc-outside] { list-style-type: disc!important; list-style-position: outside!important; padding-left: 1.25rem!important } [list-disc-outside] li { display: list-item!important } [display^=flex] { display: -webkit-box; display: -ms-flexbox; display: flex } [display^=flex][display*=row] { -ms-flex-flow: row; flex-flow: row } [display^=flex][display*=row-reverse] { -ms-flex-flow: row-reverse; flex-flow: row-reverse } [display^=flex][display*=column] { -ms-flex-flow: column; flex-flow: column } [display^=flex][display*=column-reverse] { -ms-flex-flow: column-reverse; flex-flow: column-reverse } [display^=flex][display*=align-center] { -webkit-box-align: center; -ms-flex-align: center; align-items: center } [display^=flex][display*=align-start] { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } [display^=flex][display*=align-end] { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } [display^=flex][display*=align-baseline] { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } [display^=flex][display*=justify-center] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } [display^=flex][display*=justify-between] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } [display^=flex][display*=justify-around] { -ms-flex-pack: distribute; justify-content: space-around } [display^=flex][display*=justify-end] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } [display^=flex][display*=justify-start] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } [display^=flex][display*=space-evenly] { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly } [display^=flex][display*=wrap] { -ms-flex-wrap: wrap; flex-wrap: wrap } [display^=flex][display*=nowrap] { -ms-flex-wrap: nowrap; flex-wrap: nowrap } [display*=grow-1] { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } [display*=grow-1-desktop] { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } @media only screen and (max-width:1110px) { [display*=grow-1-desktop] { -webkit-box-flex: initial; -ms-flex-positive: initial; flex-grow: initial } } [display*=align-self-start] { -ms-flex-item-align: start; align-self: flex-start } [display*=align-self-center] { -ms-flex-item-align: center; align-self: center } [display*=align-self-end] { -ms-flex-item-align: end; align-self: flex-end } [display^=block] { display: block } [display^=inline] { display: inline } [display^=inline-block] { display: inline-block } [display^=table] { display: table } [display^=none] { display: none } [display*=overflow-hidden] { overflow: hidden } [display*=overflow-visible] { overflow: hidden } [text~=ellipsis] { text-overflow: ellipsis; overflow: hidden; white-space: nowrap } [text~=nowrap] { white-space: nowrap } [text~=wrap] { white-space: normal } [text~=capitalize] { text-transform: capitalize } [text~=uppercase] { text-transform: uppercase } [text~=capitalize-first-letter] { display: block } [text~=capitalize-first-letter]::first-letter { text-transform: capitalize } [text~=lowercase] { text-transform: lowercase } [text~=initial] { text-transform: initial } [text~=left] { text-align: left } [text~=center] { text-align: center } [text~=right] { text-align: right } [text~=justify] { text-align: justify } [text~=underline] { text-decoration: underline } [text~=underline]:hover { text-decoration: underline } [text~=no-deco] { text-decoration: none } [text~=line-h-1] { line-height: 1 } [text~=line-h-1-2] { line-height: 1.2 } [text~=line-h-1-3] { line-height: 1.3 } [text~=line-h-1-4] { line-height: 1.4 } [text~=line-h-1-5] { line-height: 1.5 } [text~=line-h-1-6] { line-height: 1.6 } [text~=letter-spacing-1] { letter-spacing: 1px } [font~=normal] { font-family: futurabook, Arial, sans-serif } [font~=demi] { font-family: futurademi, Arial, sans-serif } [font~=bold] { font-family: futurabold, Arial, sans-serif } [font~=w-initial] { font-weight: initial } [font~=w-400] { font-weight: 400 } [font~=w-600] { font-weight: 600 } [font~=size-6] { font-size: 6px } [font~=size-7] { font-size: 7px } [font~=size-8] { font-size: 8px } [font~=size-9] { font-size: 9px } [font~=size-10] { font-size: 10px } [font~=size-11] { font-size: 11px } [font~=size-12] { font-size: 12px } [font~=size-13] { font-size: 13px } [font~=size-14] { font-size: 14px } [font~=size-15] { font-size: 15px } [font~=size-16] { font-size: 16px } [font~=size-17] { font-size: 17px } [font~=size-18] { font-size: 18px } [font~=size-19] { font-size: 19px } [font~=size-20] { font-size: 20px } [font~=size-21] { font-size: 21px } [font~=size-22] { font-size: 22px } [font~=size-23] { font-size: 23px } [font~=size-24] { font-size: 24px } [font~=size-25] { font-size: 25px } [font~=size-26] { font-size: 26px } [font~=size-27] { font-size: 27px } [font~=size-28] { font-size: 28px } [font~=size-29] { font-size: 29px } [font~=size-30] { font-size: 30px } [font~=size-32] { font-size: 32px } [font~=size-34] { font-size: 34px } [font~=size-36] { font-size: 36px } [font~=size-38] { font-size: 38px } [font~=size-40] { font-size: 40px } [font~=size-80] { font-size: 80px } [size~=w-0] { width: 0 } [size~=w-1] { width: 1px } [size~=w-2] { width: 2px } [size~=w-3] { width: 3px } [size~=w-4] { width: 4px } [size~=w-5] { width: 5px } [size~=w-6] { width: 6px } [size~=w-7] { width: 7px } [size~=w-8] { width: 8px } [size~=w-9] { width: 9px } [size~=w-10] { width: 10px } [size~=w-11] { width: 11px } [size~=w-12] { width: 12px } [size~=w-13] { width: 13px } [size~=w-14] { width: 14px } [size~=w-15] { width: 15px } [size~=w-16] { width: 16px } [size~=w-17] { width: 17px } [size~=w-18] { width: 18px } [size~=w-19] { width: 19px } [size~=w-20] { width: 20px } [size~=w-21] { width: 21px } [size~=w-22] { width: 22px } [size~=w-23] { width: 23px } [size~=w-24] { width: 24px } [size~=w-25] { width: 25px } [size~=w-26] { width: 26px } [size~=w-27] { width: 27px } [size~=w-28] { width: 28px } [size~=w-29] { width: 29px } [size~=w-30] { width: 30px } [size~=w-32] { width: 32px } [size~=w-40] { width: 40px } [size~=w-46] { width: 46px } [size~=w-135] { width: 135px } [size~=w-145] { width: 145px } [size~=w-180] { width: 180px } [size~=w-220] { width: 220px } [size~=w-270] { width: 270px } [size~=w-354] { width: 354px } [size~=w-650] { width: 650px } [size~="w-5%"] { width: 5% } [size~="w-10%"] { width: 10% } [size~="w-15%"] { width: 15% } [size~="w-20%"] { width: 20% } [size~="w-25%"] { width: 25% } [size~="w-30%"] { width: 30% } [size~="w-35%"] { width: 35% } [size~="w-40%"] { width: 40% } [size~="w-45%"] { width: 45% } [size~="w-50%"] { width: 50% } [size~="w-55%"] { width: 55% } [size~="w-60%"] { width: 60% } [size~="w-65%"] { width: 65% } [size~="w-70%"] { width: 70% } [size~="w-75%"] { width: 75% } [size~="w-80%"] { width: 80% } [size~="w-85%"] { width: 85% } [size~="w-90%"] { width: 90% } [size~="w-95%"] { width: 95% } [size~="w-100%"] { width: 100% } [size~=h-0] { height: 0 } [size~=h-1] { height: 1px } [size~=h-2] { height: 2px } [size~=h-3] { height: 3px } [size~=h-4] { height: 4px } [size~=h-5] { height: 5px } [size~=h-6] { height: 6px } [size~=h-7] { height: 7px } [size~=h-8] { height: 8px } [size~=h-9] { height: 9px } [size~=h-10] { height: 10px } [size~=h-11] { height: 11px } [size~=h-12] { height: 12px } [size~=h-13] { height: 13px } [size~=h-14] { height: 14px } [size~=h-15] { height: 15px } [size~=h-16] { height: 16px } [size~=h-17] { height: 17px } [size~=h-18] { height: 18px } [size~=h-19] { height: 19px } [size~=h-20] { height: 20px } [size~=h-21] { height: 21px } [size~=h-22] { height: 22px } [size~=h-23] { height: 23px } [size~=h-24] { height: 24px } [padding~=right-20] { padding-right: 20px } [padding~=right-21] { padding-right: 21px } [padding~=right-22] { padding-right: 22px } [padding~=right-23] { padding-right: 23px } [padding~=right-24] { padding-right: 24px } [padding~=right-25] { padding-right: 25px } [padding~=right-26] { padding-right: 26px } [padding~=right-27] { padding-right: 27px } [padding~=right-28] { padding-right: 28px } [padding~=right-29] { padding-right: 29px } [padding~=right-30] { padding-right: 30px } [padding~=right-32] { padding-right: 32px } [padding~=right-40] { padding-right: 40px } [color^=jam-music] { color: } [color^=jam-licensing] { color: #67b7bf } [color^=jam-licensing-saturated] { color: #4bd2e2 } [color^=black] { color: #000 } [color^=white] { color: #fff } [color^=red] { color: red } [color^=orange] { color: orange } [color^=gray-0] { color: #f5f5f5 } [color^=gray-1] { color: #f2f2f2 } [color^=gray-2] { color: #e5e5e5 } [color^=gray-3] { color: #d8d8d8 } [color^=gray-4] { color: #cbcbcb } [color^=gray-5] { color: #bebebe } [color^=gray-6] { color: #b1b1b1 } [color^=gray-7] { color: #a4a4a4 } [color^=gray-8] { color: #979797 } [color^=gray-9] { color: #8a8a8a } [color^=gray-10] { color: #7d7d7d } [color^=gray-11] { color: #707070 } [color^=gray-12] { color: #636363 } [color^=gray-13] { color: #565656 } [color^=gray-14] { color: #494949 } [color^=gray-15] { color: #3c3c3c } [color^=gray-16] { color: #2f2f2f } [color^=gray-17] { color: #222 } [color^=gray-18] { color: #151515 } [color^=gray-19] { color: #080808 } [debug] { border: 1px solid red } [shadow] { box-shadow: 0 2px 4px rgba(0, 0, 0, .5) } [border~=none] { border: none } [border~=w-1] { border: 1px solid } [border~=w-2] { border: 2px solid } [border~=w-3] { border: 3px solid } [border~=w-4] { border: 4px solid } [border~=w-5] { border: 5px solid } [border~=w-6] { border: 6px solid } [border~=w-7] { border: 7px solid } [border~=w-8] { border: 8px solid } [border~=w-9] { border: 9px solid } [border~=w-10] { border: 10px solid } [border^=jam-music] { border-color: } [border^=jam-licensing] { border-color: #67b7bf } [border~=jamlicensing] { border-color: #67b7bf } [border~="r100%"] { border-radius: 100% } [border~=r1] { border-radius: 1px } [border~=r2] { border-radius: 2px } [border~=r3] { border-radius: 3px } [border~=r4] { border-radius: 4px } [border~=r5] { border-radius: 5px } [border~=r6] { border-radius: 6px } [border~=r7] { border-radius: 7px } [border~=r8] { border-radius: 8px } [border~=r9] { border-radius: 9px } [border~=r10] { border-radius: 10px } [position^=relative] { position: relative } [position^=absolute] { position: absolute } [position^=fixed] { position: fixed } [position^=sticky] { position: -webkit-sticky; position: sticky } [position^=sticky-desktop] { position: -webkit-sticky; position: sticky } @media only screen and (max-width:1110px) { [position^=sticky-desktop] { position: initial } } [position^=float-right] { float: right } [position*=top-0] { top: 0 } [position*=top-2] { top: 2px } [position*=top-30] { top: 30px } [position*=top-70] { top: 70px } [position*=top-minus-75] { top: -75px } [position*=right-0] { right: 0 } [position*=right-minus-10] { right: -10px } [position*=bottom-0] { bottom: 0 } [position*=left-0] { left: 0 } [background^=jam-music] { background-color: } [background^=jam-licensing] { background-color: #67b7bf } [background^=black] { background-color: #000 } [background^=white] { background-color: #fff } [background^=red] { background-color: red } [background^=error] { color: #ffd7d7 } [background^=orange] { background-color: orange } [background^=gray-0] { background-color: #f5f5f5 } [background^=gray-1] { background-color: #f2f2f2 } [background^=gray-2] { background-color: #e5e5e5 } [background^=gray-3] { background-color: #d8d8d8 } [background^=gray-4] { background-color: #cbcbcb } [background^=gray-5] { background-color: #bebebe } [background^=gray-6] { background-color: #b1b1b1 } [background^=gray-7] { background-color: #a4a4a4 } [background^=gray-8] { background-color: #979797 } [background^=gray-9] { background-color: #8a8a8a } [background^=gray-10] { background-color: #7d7d7d } [background^=gray-11] { background-color: #707070 } [background^=gray-12] { background-color: #636363 } [background^=gray-13] { background-color: #565656 } [background^=gray-14] { background-color: #494949 } [background^=gray-15] { background-color: #3c3c3c } [background^=gray-16] { background-color: #2f2f2f } [background^=gray-17] { background-color: #222 } [background^=gray-18] { background-color: #151515 } [background^=gray-19] { background-color: #080808 } @media only screen and (max-width:750px) { [responsive~="750-reset-background"] { background-color: initial } } [animation~=rotate-add-180] { -webkit-transform: rotate(180deg); transform: rotate(180deg) } [hover~=licensing]:hover { color: #67b7bf } [hover~=licensing]:hover>* { color: #67b7bf } [class*=hint--] { position: relative; display: inline-block } [class*=hint--]:after, [class*=hint--]:before { position: absolute; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: hidden; opacity: 0; z-index: 630; pointer-events: none; transition: .3s ease; transition-delay: 0s } [class*=hint--]:hover:after, [class*=hint--]:hover:before { visibility: visible; opacity: 1 } [class*=hint--]:hover:after, [class*=hint--]:hover:before { transition-delay: .1s } [class*=hint--]:before { content: ''; position: absolute; background: 0 0; border: 6px solid transparent; z-index: 631 } [class*=hint--]:after { background: #67b7bf; color: #fff; padding: 8px 10px; font-size: 12px; font-family: futurabook, Arial, sans-serif; line-height: 12px; white-space: nowrap } [class*=hint--][aria-label]:after { content: attr(aria-label) } [class*=hint--][data-hint]:after { content: attr(data-hint) } [aria-label='']:after, [aria-label='']:before, [data-hint='']:after, [data-hint='']:before { display: none!important } @supports (-ms-overflow-style:none) { .ps-container { overflow: auto!important } } .form-group.auto-width:after, .form-group.auto-width:before { content: " "; display: table } .form-group.auto-width:after { clear: both } .button.disabled, .button:disabled, .button[disabled] { -webkit-filter: gray; filter: gray; filter: grayscale(1); -webkit-filter: grayscale(1) } .notification__body { display: table; width: 100% } .button-icon>div, .button-play>div, .button>div { display: table; width: 100%; height: 100% } .notification__body>* { display: table-cell; vertical-align: middle } .button-icon>div>div, .button-play>div>div, .button>div>div { display: table-cell; text-align: center; vertical-align: middle } .modal-header [data-dismiss=modal] { position: absolute; top: 0; right: 0 } .pill:before { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .button, .button-icon, .button-play { appearance: none; -moz-appearance: none; -webkit-appearance: none; display: inline-block; vertical-align: middle; line-height: 1.334; position: relative; text-decoration: none; color: #fff } .button-icon:active, .button-icon:focus, .button-icon:hover, .button-icon:visited, .button-play:active, .button-play:focus, .button-play:hover, .button-play:visited, .button:active, .button:focus, .button:hover, .button:visited { text-decoration: none } .button-icon:focus, .button-play:focus, .button:focus { outline: 0 } .is-active.button { -webkit-animation: button-is-active .4s linear; animation: button-is-active .4s linear } @-webkit-keyframes button-is-active { 0% { -webkit-transform: scale(1); transform: scale(1) } 25% { -webkit-transform: scale(1.1); transform: scale(1.1) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes button-is-active { 0% { -webkit-transform: scale(1); transform: scale(1) } 25% { -webkit-transform: scale(1.1); transform: scale(1.1) } 100% { -webkit-transform: scale(1); transform: scale(1) } } .button { background-color: #67b7bf } .button:hover { background-color: #48a2ab; cursor: pointer; text-decoration: none } .is-on.button-icon .icon { color: #67b7bf } .button-icon .icon+.icon, .button-play .icon+.icon { display: none } .button-icon .icon-data+.icon-data, .button-play .icon-data+.icon-data { display: none } .pill { font-size: 10px; font-size: .625rem } .footer .copyright p { font-size: 11px; font-size: .6875rem } .button, .button-icon span, .footer .link-group, .form-group label:not(.error), .label, .modal-header [data-dismiss=modal] .icon, .notification__close button .icon, .pop-in, a.action, a.action-discreet, p.small { font-size: 12px; font-size: .75rem } .button-list.login>li, .radio label { font-size: 13px; font-size: .8125rem } .modal-body, .notification__text, .pop-in__links { font-size: 14px; font-size: .875rem } .modal-title { font-size: 16px; font-size: 1rem } .section header h1, .section header h2 { font-size: 18px; font-size: 1.125rem } .button, .button-list.login>li, .form-group label:not(.error), .label, a.action, a.action-discreet { letter-spacing: 1px; letter-spacing: .0625rem } .button, a.action { font-family: futurademi, Arial, sans-serif; text-transform: uppercase; text-decoration: none } label { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .section header h1, .section header h2 { color: #67b7bf; text-transform: uppercase; font-family: futurademi, Arial, sans-serif } @-webkit-keyframes move-from-top-opacity { 0% { top: 50px; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0) } 100% { top: 100%; opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes move-from-top-opacity { 0% { top: 50px; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0) } 100% { top: 100%; opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .toggle_radio { position: relative; background-color: #67b7bf; margin: 4px auto; overflow: hidden; padding: 0!important; border-radius: 50px; position: relative; height: 30px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .toggle_radio>* { float: left } .toggle_radio .toggle_option_slider { width: 100px; height: 24px; position: absolute; top: 3px; border-radius: 50px; transition: all .4s ease; background-color: rgba(255, 255, 255, .3) } .toggle_radio label { color: rgba(255, 255, 255, .9); z-index: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto; height: 24px; margin: 3px 3px; -webkit-border-radius: 50px; border: 1px solid rgba(0, 0, 0, .15)!important; border-radius: 50px; cursor: pointer; z-index: 1; text-align: center } .toggle_radio label p { margin: 0; text-align: center; width: 100%; color: #fff; text-transform: initial } h1[underline-rounded], h2[underline-rounded], h3[underline-rounded], h4[underline-rounded], h5[underline-rounded], h6[underline-rounded] { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: auto; margin-right: auto } .icon-data { position: relative; display: inline-block; font-family: jamendo-all-icons; font-style: normal; font-weight: 400; text-transform: none; text-transform: none; line-height: 1 } .icon { color: inherit; position: relative; display: inline-block; font-family: jamendo-all-icons; font-style: normal; font-weight: 400; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-transform: none; font-size: 16px; font-size: 1rem; height: 16px; height: 1rem; width: 16px; width: 1rem; line-height: 1; speak: none } .icon.red { color: red } .icon.small { font-size: 12px; font-size: .75rem; height: 12px; height: .75rem; width: 12px; width: .75rem } .icon-album:before { content: "" } .icon-comment-2:before { content: "" } .icon-duration:before { content: "" } .icon-info-new2:before { content: "" } .icon-pause-rounded:before { content: "" } .icon-picture:before { content: "" } .icon-playlist:before { content: "" } .icon-play-next:before { content: "" } .icon-profile:before { content: "" } .icon-chevron-down:before { content: "" } .icon-chevron-left:before { content: "" } .icon-chevron-new2:before { content: "" } .icon-chevron-right:before { content: "" } .icon-close:before { content: "" } .icon-comment:before { content: "" } .icon-download:before { content: "" } .icon-facebook:before { content: "" } .icon-facebook-f:before { content: "" } .icon-filter:before { content: "" } .icon-heart:before { content: "" } .icon-heart-on:before { content: "" } .icon-home:before { content: "" } .icon-info-new21:before { content: "" } .icon-information:before { content: "" } .icon-instagram:before { content: "" } .icon-link:before { content: "" } .icon-mail:before { content: "" } .icon-menu:before { content: "" } .icon-menu-secondary:before { content: "" } .icon-next:before { content: "" } .icon-pause:before { content: "" } .icon-play:before { content: "" } .icon-user:before { content: "" } .icon-user-new2:before { content: "" } .icon-video:before { content: "" } .icon-youtube:before { content: "" } .icon-close-s:before { content: "" } .icon-comment-s:before { content: "" } .icon-download-s:before { content: "" } .icon-duration-s:before { content: "" } .icon-heart-on-s:before { content: "" } .icon-menu-secondary-s:before { content: "" } .icon-pause-s:before { content: "" } .icon-picture-s:before { content: "" } .icon-play-s:before { content: "" } .icon-user-s:before { content: "" } .icon-data-album:before { content: "" } .icon-data-comment-2:before { content: "" } .icon-data-duration:before { content: "" } .icon-data-info-new2:before { content: "" } .icon-data-pause-rounded:before { content: "" } .icon-data-picture:before { content: "" } .icon-data-playlist:before { content: "" } .icon-data-play-next:before { content: "" } .icon-data-profile:before { content: "" } .icon-data-chevron-down:before { content: "" } .icon-data-chevron-left:before { content: "" } .icon-data-chevron-new2:before { content: "" } .icon-data-chevron-right:before { content: "" } .icon-data-close:before { content: "" } .icon-data-comment:before { content: "" } .icon-data-download:before { content: "" } .icon-data-facebook:before { content: "" } .icon-data-facebook-f:before { content: "" } .icon-data-filter:before { content: "" } .icon-data-heart:before { content: "" } .icon-data-heart-on:before { content: "" } .icon-data-home:before { content: "" } .icon-data-info-new21:before { content: "" } .icon-data-information:before { content: "" } .icon-data-instagram:before { content: "" } .icon-data-link:before { content: "" } .icon-data-mail:before { content: "" } .icon-data-menu:before { content: "" } .icon-data-menu-secondary:before { content: "" } .icon-data-next:before { content: "" } .icon-data-pause:before { content: "" } .icon-data-play:before { content: "" } .icon-data-user:before { content: "" } .icon-data-user-new2:before { content: "" } .icon-data-video:before { content: "" } .icon-data-youtube:before { content: "" } .icon-data-close-s:before { content: "" } .icon-data-comment-s:before { content: "" } .icon-data-download-s:before { content: "" } .icon-data-duration-s:before { content: "" } .icon-data-heart-on-s:before { content: "" } .icon-data-menu-secondary-s:before { content: "" } .icon-data-pause-s:before { content: "" } .icon-data-picture-s:before { content: "" } .icon-data-play-s:before { content: "" } .icon-data-user-s:before { content: "" } .icon-information:hover { cursor: pointer } .icon-bell { background-image: url(https://images.jamendo.com/jamendolicensing/icon/bell-white.svg); background-repeat: no-repeat } @-webkit-keyframes loaderAnimation { 0% { height: 20%; margin-top: 40% } 50% { height: 84%; margin-top: 8% } 100% { height: 20%; margin-top: 40% } } @keyframes loaderAnimation { 0% { height: 20%; margin-top: 40% } 50% { height: 84%; margin-top: 8% } 100% { height: 20%; margin-top: 40% } } p { font-size: inherit; line-height: inherit; color: #646464; display: inline-block } p.discreet { color: #999 } p[capitalize] { text-transform: capitalize } p.size-40 { font-size: 40px } p.size-24 { font-size: 24px } p.size-18 { font-size: 18px } .pill { display: inline-block; position: relative; min-width: 16px; min-width: 1rem; height: 16px; height: 1rem; padding: 0 4px; padding: 0 .25rem; font-style: normal; color: #fff; line-height: 1.6; text-align: center; z-index: 0 } .pill:before { border-radius: 8px; border-radius: .5rem; content: ''; background-color: #67b7bf; z-index: -1 } .s { display: inline-block; background-repeat: no-repeat } .s.payment-method { background-image: url(https://images.jamendo.com/jamendolicensing/sprites/sprite-payment-methods.webp?v2) } .s.payment-method { margin-right: 12px; margin-right: .75rem; height: 36px } .s.payment-method.paypal { width: 70px; background-position: -127px 0 } .svg.logo { height: 36px; width: 102px; fill: #fff; background-image: url(https://images.jamendo.com/jamendolicensing/static/vector-imgs/jamendo-licensing-logo-white.svg); background-repeat: no-repeat; background-size: contain } .svg.logo.small { height: 27px; width: 77px } picture.svg { display: block; background-repeat: no-repeat; background-position: center; background-size: contain; background-color: transparent } picture.svg.paypal-icon { width: 28px; height: 28px; background-size: 88%; background-image: url(https://images.jamendo.com/jamendolicensing/static/vector-imgs/paypall-icon.svg) } ul.regular { list-style-type: disc; list-style-position: inside; margin-bottom: 16px; margin-bottom: 1rem } .button-list.login { margin-bottom: 32px; margin-bottom: 2rem; width: 100% } .button-list.login>li { margin-bottom: 6px; margin-bottom: .375rem; line-height: 1.334; margin-bottom: 16px; margin-bottom: 1rem; display: block; text-align: center } .button-list.login>li:last-child { margin-bottom: 4rem } .button-list.login>li:last-child a { margin-left: 6px; padding-top: 3px; padding-bottom: 2px } .pop-in { width: 288px; width: 18rem; white-space: normal; background-color: #fcfcfc; border: 2px solid #67b7bf; text-align: center; position: relative; display: inline-block; z-index: 1 } .pop-in__links { padding: 24px; padding: 1.5rem; line-height: 1.7 } .pop-in.small { width: 224px; width: 14rem } .pop-in:after { position: absolute; content: ''; display: inline-block; z-index: 2; background-repeat: no-repeat; background-position: center center } label { position: relative; display: block; font-weight: initial } .label-info { margin-left: 8px; margin-left: .5rem; vertical-align: top } .form-group label:not(.error), .label { margin-bottom: 6px; margin-bottom: .375rem; line-height: 1.334 } .form-group label:not(.error).hitbox { line-height: inherit } .form-group { margin-bottom: 24px; margin-bottom: 1.5rem } .form-group { position: relative } .form-group.auto-width select { width: auto; display: inline-block } .form-group.auto-width select+select { margin-left: -1px } .radio { margin: 0 } .radio label { line-height: 1.23; color: #646464; cursor: pointer; min-height: 24px; min-height: 1.5rem; margin-bottom: 0 } ::-webkit-input-placeholder { color: #999 } :-moz-placeholder { color: #999 } ::-moz-placeholder { color: #999 } :-ms-input-placeholder { color: #999 } .form-group-slider label { margin-bottom: 11px; margin-bottom: .6875rem } .notification { color: #fff; display: block; background-color: #67b7bf; opacity: 1 } .notification__body>:first-child { padding-left: 24px; padding-left: 1.5rem } .notification__close, .notification__icon { width: 48px; width: 3rem } .notification__icon { padding-right: 16px; padding-right: 1rem } .notification__text { padding: 16px 0; padding: 1rem 0; line-height: 1.143 } .notification__text a, .notification__text button { color: inherit; text-decoration: underline } .notification__close button { width: 48px; width: 3rem; height: 48px; height: 3rem; opacity: .3; color: #000 } .notification__close button .icon { line-height: 1.334 } .notification__close button:hover { color: #fff; opacity: 1 } .notification__close button:focus { outline: 0 } @-webkit-keyframes destroyMe { to { width: 0; height: 0; overflow: hidden; visibility: hidden } } @keyframes destroyMe { to { width: 0; height: 0; overflow: hidden; visibility: hidden } } @-webkit-keyframes barAnimation { to { width: 0% } } @keyframes barAnimation { to { width: 0% } } .section { margin-bottom: 64px; margin-bottom: 4rem } .section header { text-align: center } .section header h1, .section header h2 { text-align: center!important; font-family: futurabold, Arial, sans-serif; font-size: 24px } .section header h1, .section header h2 p { margin-bottom: 24px; margin-bottom: 1.5rem } .section header h1, .section header h2 { text-align: center } .section p { max-width: 640px; max-width: 40rem; color: gray } .section.secondary h1 { color: #646464 } .section-pricing { padding-top: 64px; padding-top: 4rem; padding-bottom: 80px; padding-bottom: 5rem } @media only screen and (max-width:992px) { .section-pricing { padding-top: 24px; padding-top: 1.5rem } } .section+.section:not(.section-background):before { display: block; margin: 0 auto 72px; margin: 0 auto 4.5rem; width: 40px; width: 2.5rem; height: 8px; height: .5rem; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc } .section:not(.secondary)+.section:not(.secondary):before { border-top-color: #67b7bf; border-bottom-color: #67b7bf } [progressbar-steps-container] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin: 0 auto; padding: 0 } [progressbar-steps-container]::after { content: ''; position: absolute; top: 5px; height: 6px; left: calc(100% / 8); width: calc((100% / 8)*6); background-color: #e6e6e6; border-radius: 3px } [progressbar-steps-container] li { z-index: 1; position: relative; list-style-type: none; width: 100% } [progressbar-steps-container] li i { background-color: transparent; border-color: transparent; width: 16px; height: 16px; border-radius: 50%; margin: 0 auto; display: block } [progressbar-steps-container] li p { width: 100%; text-align: center; margin-top: 6px; color: #ccc } [progressbar-steps-container][default] li:first-of-type i { background-color: #67b7bf } [progressbar-steps-container][default] li:first-of-type p { color: #67b7bf } [progressbar-steps-container][step1] li:nth-of-type(2) i { background-color: #67b7bf } [progressbar-steps-container][step1] li:nth-of-type(1) p, [progressbar-steps-container][step1] li:nth-of-type(2) p { color: #67b7bf } [progressbar-steps-container][step1]::before { content: ''; position: absolute; top: 5px; height: 6px; background-color: #67b7bf; border-radius: 3px; z-index: 1; left: calc(100% / 8); width: calc((100% / 8)*2) } [progressbar-steps-container][step2] li:nth-of-type(3) i { background-color: #67b7bf } [progressbar-steps-container][step2] li:nth-of-type(1) p, [progressbar-steps-container][step2] li:nth-of-type(2) p, [progressbar-steps-container][step2] li:nth-of-type(3) p { color: #67b7bf } [progressbar-steps-container][step2]::before { content: ''; position: absolute; top: 5px; height: 6px; background-color: #67b7bf; border-radius: 3px; z-index: 1; left: calc(100% / 8); width: calc((100% / 8)*4) } [progressbar-steps-container][validated] li:nth-of-type(4) i { background-color: #67b7bf; position: relative } [progressbar-steps-container][validated] li:nth-of-type(4) i::after { content: ''; display: block; position: absolute; top: 2px; left: 5px; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg) } [progressbar-steps-container][validated] li:nth-of-type(1) p, [progressbar-steps-container][validated] li:nth-of-type(2) p, [progressbar-steps-container][validated] li:nth-of-type(3) p, [progressbar-steps-container][validated] li:nth-of-type(4) p { color: #67b7bf } [progressbar-steps-container][validated]::before { content: ''; position: absolute; top: 5px; height: 6px; background-color: #67b7bf; border-radius: 3px; z-index: 1; left: calc(100% / 8); width: calc((100% / 8)*6) } select[c-select] { position: fixed; top: -9999px; left: -9999px } .c-select { width: 260px!important; line-height: 2.25rem; color: #67b7bf; font-size: 1rem; outline: 0; cursor: pointer; background-color: #fff; height: auto; transition: border-radius 0s linear .1s, border-bottom 0s linear .1s; width: 100%; border: 2px solid #67b7bf; border-radius: 6px; position: relative } .c-select i { position: absolute; right: 24px; top: 10px; transition: -webkit-transform .1s linear .1s; transition: transform .1s linear .1s } .c-select__option { background-color: #fff; outline: 0; cursor: pointer; text-decoration: none; padding: 0 1.5rem; color: #67b7bf; overflow: ellipsis; white-space: nowrap; min-height: 2.25rem; text-transform: none } .c-select__option[selected] { color: #4bd2e2 } .c-select__option:hover { color: #fff; background-color: #67b7bf } .c-select[extended] { border-radius: 6px 6px 0 0; transition: border-radius 0s linear 0s, border-bottom .1s linear 0s } .c-select[extended]:before { content: ''; box-shadow: 0 .2rem .5rem 0 #d0d0d0; border-radius: 6px; position: absolute; width: calc(100% + 2px * 2); margin-left: -2px; min-height: calc(100% + 74px); margin-top: -2px } .c-select[extended] i { -webkit-transform: scaleY(-1); transform: scaleY(-1) } @-webkit-keyframes l-fade-in-background { 0% { background-color: rgba(255, 255, 255, 0) } 100% { background-color: #fff } } @keyframes l-fade-in-background { 0% { background-color: rgba(255, 255, 255, 0) } 100% { background-color: #fff } } @-webkit-keyframes l-move-from-left { 0%, 50% { -webkit-transform: translateX(-400px); transform: translateX(-400px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes l-move-from-left { 0%, 50% { -webkit-transform: translateX(-400px); transform: translateX(-400px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes lds-ring { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes lds-ring { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes tooltip-anim { from { opacity: 0; -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes tooltip-anim { from { opacity: 0; -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .footer.player-on { margin-bottom: 66px!important; transition: none!important } .footer>div:first-child { background-color: #464646; padding: 48px 0 64px; padding: 3rem 0 4rem } .footer>div:last-child { background-color: #333; padding: 28.96px 0; padding: 1.81rem 0 } .footer .link-group { color: #fff; line-height: 1.334; margin-bottom: 16px; margin-bottom: 1rem } .footer .link-group a { text-decoration: none; display: inline-block; padding: 4px 0; padding: .25rem 0; letter-spacing: 1px } .footer .link-group a:link, .footer .link-group a:visited { color: #fff } .footer .link-group a:active, .footer .link-group a:hover { color: #afd9dd } .footer .link-group li { display: inline } .footer .link-group li:not(:last-child):after { content: " / " } .footer .social { text-align: center } .footer .copyright p { display: block; text-align: center; margin: 0; line-height: 3.273; color: #b3b3b3; letter-spacing: 1px } @media only screen and (min-width:768px) { .footer .social { text-align: right } } @media only screen and (min-width:992px) { .footer.player-on { margin-bottom: 80px!important; transition: none!important } .footer>div:last-child { background-color: #333; padding: 13px 0; padding: .8125rem 0 } .footer .link-group { margin: 0 12px; margin: 0 .75rem } .footer .link-group a, .footer .link-group li { display: block } .footer .link-group li:after { display: none } } @media only screen and (min-width:1200px) { .footer .border-footer { display: none } } .section+.footer { margin-top: 96px; margin-top: 6rem } .header-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-flow: column; flex-flow: column; height: 100%; width: 100%; position: relative; min-height: calc(100vh - 50vh); margin-bottom: 40px } @media only screen and (max-width:768px) { .header-2 { min-height: calc(100vh - 31vh) } } .header-2 .video-2 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); bottom: 0; left: 0; top: 0; right: 0; overflow: hidden; position: absolute; margin: 0; padding: 0 } .header-2 .video-2 video { min-height: 100%; min-width: 100% } .header-2 h1, .header-2 h2 { z-index: 1; text-align: center } .header-2 h1, .header-2 h2 { padding: 0 1rem } @media only screen and (max-width:1109px) { .header-2 { margin-top: -48px; margin-top: -3rem } } @-webkit-keyframes mymove { 0% { max-height: 0 } 99% { max-height: 370px } 100% { max-height: 370px; overflow: visible } } @keyframes mymove { 0% { max-height: 0 } 99% { max-height: 370px } 100% { max-height: 370px; overflow: visible } } @-webkit-keyframes fadeicons { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes fadeicons { 0% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes active-btn1 { 0% { width: 35%; height: 35%; opacity: 0 } 50% { width: 50%; height: 50%; opacity: .2 } 100% { width: 125%; height: 125%; opacity: 0 } } @keyframes active-btn1 { 0% { width: 35%; height: 35%; opacity: 0 } 50% { width: 50%; height: 50%; opacity: .2 } 100% { width: 125%; height: 125%; opacity: 0 } } @media only screen and (min-width:1110px) { .navigation { z-index: 425 } } .main-menu-container { background: #000; color: #fff; position: -webkit-sticky; position: sticky; top: 0; width: 100%; z-index: 620 } .main-menu-container .logo { min-height: 64px } @media only screen and (max-width:1100px) { .main-menu-container .logo { margin-left: 0 } .main-menu-container .logo div { margin-left: 0; position: static } .main-menu-container .logo div a { padding: 0 11px!important } } .main-menu-container .main-menu { min-height: 64px; padding: 0 30px } .main-menu-container .main-menu ul li:not(.account-actions) { position: relative } .main-menu-container .main-menu ul li:not(.account-actions):hover>a { color: #fff; cursor: pointer } .main-menu-container .main-menu ul li:not(.account-actions) a { font-family: futurabold, Arial, sans-serif; display: block; padding: 0 20px; font-size: 14px; font-size: .875rem; color: #fff; text-decoration: none; text-transform: uppercase; line-height: 4.6; transition: background-color .2s linear } .main-menu-container .main-menu ul li:not(.account-actions) a.active span { position: relative } .main-menu-container .main-menu ul li:not(.account-actions) a.active span::after { content: ''; width: 100%; display: block; position: absolute; bottom: -3px; left: 0; border-bottom-width: 1px; border-bottom-color: #fff; border-bottom-style: solid } @-webkit-keyframes l-move-from-left1 { 0% { -webkit-transform: translateX(-15px); transform: translateX(-15px); opacity: 0 } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } @keyframes l-move-from-left1 { 0% { -webkit-transform: translateX(-15px); transform: translateX(-15px); opacity: 0 } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } .main-menu-container .main-menu ul li:not(.account-actions) ul { display: none; position: absolute; top: 64px; width: -webkit-max-content; width: -moz-max-content; width: max-content; min-width: 170px; -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3)); filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3)); -webkit-animation: l-move-from-left1 .25s ease both; animation: l-move-from-left1 .25s ease both } .main-menu-container .main-menu ul li:not(.account-actions) ul li { background-color: #fff } .main-menu-container .main-menu ul li:not(.account-actions) ul li a { font-family: futurabook, Arial, sans-serif; color: gray; text-transform: none; line-height: 2.8 } .main-menu-container .main-menu ul li:not(.account-actions) ul li a::first-letter { text-transform: uppercase } .main-menu-container .main-menu ul li:not(.account-actions) ul li a:hover { color: #4bd2e2; background-color: #ebebeb } .main-menu-container .main-menu ul li:not(.account-actions) ul li a.active { color: #4bd2e2 } .main-menu-container .main-menu ul li:not(.account-actions) ul li:last-of-type, .main-menu-container .main-menu ul li:not(.account-actions) ul li:last-of-type a { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px } .main-menu-container .main-menu ul li:not(.account-actions):hover ul { display: block } .main-menu-container .main-menu .menu_right button, .main-menu-container .main-menu .menu_right>a { width: 24px; height: 24px; margin-left: 20px; color: #fff } .main-menu-container .main-menu .menu_right button .icon, .main-menu-container .main-menu .menu_right>a .icon { font-size: 24px; width: 24px; height: 24px } .main-menu-container .main-menu .menu_right button [class*=hint--]::before, .main-menu-container .main-menu .menu_right>a [class*=hint--]::before { border-bottom-color: #4bd2e2 } .main-menu-container .main-menu .menu_right button [class*=hint--]::after, .main-menu-container .main-menu .menu_right>a [class*=hint--]::after { font-size: 14px; font-weight: 300; text-transform: initial; border-radius: 4px; background-color: #4bd2e2 } .main-menu-container .main-menu .menu_right button.notification, .main-menu-container .main-menu .menu_right>a.notification { width: 24px; height: 24px; margin: 0 4px 0 14px; background-color: transparent } .main-menu-container .main-menu .menu_right button.notification .icon, .main-menu-container .main-menu .menu_right>a.notification .icon { width: 24px; height: 24px; font-size: 24px } .main-menu-container .main-menu .menu_right button.notification .pill, .main-menu-container .main-menu .menu_right>a.notification .pill { position: absolute; top: -7px; right: -8px; width: 20px; height: 20px; font-size: 12px; line-height: 1.8; color: #000 } .main-menu-container .main-menu .menu_right button.notification .pill::before, .main-menu-container .main-menu .menu_right>a.notification .pill::before { background-color: #fff; border-radius: 50% } .main-menu-container .main-menu .menu_right button[size-34], .main-menu-container .main-menu .menu_right>a[size-34] { width: 34px; height: 34px; margin: 0 0 0 14px } .main-menu-container .main-menu .menu_right button[size-34] .icon, .main-menu-container .main-menu .menu_right>a[size-34] .icon { width: 34px; height: 34px; font-size: 34px } .main-menu-container .main-menu .menu_right button:focus, .main-menu-container .main-menu .menu_right>a:focus { outline: 0 } .main-menu-container .main-menu .menu_right button:hover i:not(.pill):not(.icon-info-new2):not(.icon-chevron-new2), .main-menu-container .main-menu .menu_right>a:hover i:not(.pill):not(.icon-info-new2):not(.icon-chevron-new2) { color: #4bd2e2 } .main-menu-container .main-menu .menu_right>.user-name { margin-left: 10px } .main-menu-container .main-menu .menu_right>.new { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-height: 33px; height: 33px; padding-left: 20px; padding-right: 20px; padding-top: 0; padding-bottom: 0 } .main-menu-container .main-menu .menu_right>.new div { min-height: 33px; height: 33px; line-height: 0; padding: 0 } @-webkit-keyframes fade-in { 0% { opacity: 0 } 100% { opacity: .6 } } @keyframes fade-in { 0% { opacity: 0 } 100% { opacity: .6 } } @media only screen and (max-width:1100px) { .main-menu-container .main-menu { padding: 0 15px } .main-menu-container .main-menu .menu_left ul li { display: none } .main-menu-container .main-menu .menu_left ul li:first-child { display: block } .main-menu-container .main-menu .menu_right>.new { display: none } } @-webkit-keyframes opak { 0%, 68% { opacity: 0 } 100%, 68% { opacity: 1 } } @keyframes opak { 0%, 68% { opacity: 0 } 100%, 68% { opacity: 1 } } @-webkit-keyframes paneWiggle { 0% { background-color: #232323 } 25% { background-color: #67b7bf } 50% { background-color: #232323 } 75% { background-color: #67b7bf } 100% { background-color: #232323 } } @keyframes paneWiggle { 0% { background-color: #232323 } 25% { background-color: #67b7bf } 50% { background-color: #232323 } 75% { background-color: #67b7bf } 100% { background-color: #232323 } } .slider-container { border: 1px solid #000; background-color: #50d891; padding-bottom: 25%; position: relative } .collapse-section { position: relative; width: 100%; max-height: 0; visibility: hidden; display: none; opacity: 0; overflow: hidden; transition-duration: .3s } .collapse-section.active { visibility: visible; max-height: 350px; opacity: 1; display: block } @-webkit-keyframes text-color-less { 0% { color: #b3b3b3 } 100% { color: #b3b3b3 } } @keyframes text-color-less { 0% { color: #b3b3b3 } 100% { color: #b3b3b3 } } @media screen and (max-width:768px) { @-webkit-keyframes toggle-height { 0% { min-height: 0; max-height: 0 } 100% { min-height: calc(100vh - 167px); max-height: 1870px } } @keyframes toggle-height { 0% { min-height: 0; max-height: 0 } 100% { min-height: calc(100vh - 167px); max-height: 1870px } } } @media only screen and (max-width:650px) { @-webkit-keyframes l-fade-in-background { 0% { background-color: rgba(255, 255, 255, 0) } 100% { background-color: #fff } } @keyframes l-fade-in-background { 0% { background-color: rgba(255, 255, 255, 0) } 100% { background-color: #fff } } @-webkit-keyframes l-move-from-left { 0%, 50% { -webkit-transform: translateX(-650px); transform: translateX(-650px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes l-move-from-left { 0%, 50% { -webkit-transform: translateX(-650px); transform: translateX(-650px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes l-move-from-top { 0%, 50% { -webkit-transform: translateY(-150px); transform: translateY(-150px); opacity: 0 } 100% { -webkit-transform: translateY(70) rotate(180deg); transform: translateY(70) rotate(180deg); opacity: 1 } } @keyframes l-move-from-top { 0%, 50% { -webkit-transform: translateY(-150px); transform: translateY(-150px); opacity: 0 } 100% { -webkit-transform: translateY(70) rotate(180deg); transform: translateY(70) rotate(180deg); opacity: 1 } } } @keyframes lds-ring { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .btn-icon .icon+.icon, .btn-pill .icon+.icon, .is-on.btn-icon .icon, .is-on.btn-pill .icon { display: none } .is-on.btn-icon .icon+.icon, .is-on.btn-pill .icon+.icon { display: inline } .is-on.btn-icon, .is-on.btn-icon:hover, .is-on.btn-pill, .is-on.btn-pill:hover { color: } .btn-social:after, .btn:after { z-index: -3 } .btn-social.is-active:after, .btn.btn--lg.is-active:after { -webkit-animation: btn-lg-active-outer .8s linear; animation: btn-lg-active-outer .8s linear } .btn-icon { width: 32px; height: 48px } .btn-icon::-moz-focus-inner { border: 0; outline: 0 } .btn-icon .icon { display: inline; line-height: 48px } .btn-icon:after { background-color: #737373 } .btn-pill:after { background-color: #fff } .btn-icon.is-active:after { border-radius: 100%; opacity: 0; margin: -28px 0 0 -28px; height: 56px; width: 56px; z-index: -2; content: ""; -webkit-animation: btn-icon-is-active .8s linear; animation: btn-icon-is-active .8s linear } @-webkit-keyframes btn-icon-is-active { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0 } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: .2 } 100% { opacity: 0 } } @keyframes btn-icon-is-active { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0 } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: .2 } 100% { opacity: 0 } } .btn-like { height: 32px; padding: 0 16px } .btn-like .icon { margin-right: 8px } .btn-like.is-on { color: } .btn-link { color: #262626; text-decoration: underline; line-height: 1; padding: 18px 12px } .btn-secondary-menu { text-decoration: none } .btn-link:hover { color: #000 } .btn-link.btn--brand { color: } .btn-link.btn--brand:hover { color: #d20036 } .btn-link.is-disabled, .btn-link[disabled] { color: #bfbfbf!important; pointer-events: none } .btn-link.is-disabled:hover, .btn-link[disabled]:hover { color: #bfbfbf!important; cursor: not-allowed } .btn-pill { width: 48px; height: 48px } .btn-pill:after, .btn-pill:before { border-radius: 24px; top: 2px; right: 2px; bottom: 2px; left: 2px } .btn-pill:after { z-index: -1; -webkit-transform: scale(0); transform: scale(0); opacity: 0 } .btn-pill .icon { display: inline; line-height: 48px } .btn-pill.btn--sm:after, .btn-pill.btn--sm:before { top: 12px; right: 12px; bottom: 12px; left: 12px } .btn-pill.btn--xs:after, .btn-pill.btn--xs:before { top: 16px; right: 16px; bottom: 16px; left: 16px } .btn-social:after, .btn-social:before { top: 8px; bottom: 8px; left: 0; right: 0 } .btn-pill.btn--xs .icon { font-size: 8px } .btn-social { padding: 8px 0 } .btn-social>div { padding: 8px 10px } .btn-social>div:first-child { line-height: 1; border-right: 1px solid #fff; color: #fff } .btn-social>div:last-child { width: 100% } .btn-social:after { background-color: #737373 } .logo { background-repeat: no-repeat; background-size: contain } .btn.btn--discreet:before { background-color: #bfbfbf } .btn.btn--discreet:after { background-color: transparent } .btn.btn--discreet:active:before, .btn.btn--discreet:hover:before { background-color: #999 } .btn-icon.btn--discreet, .btn-icon.btn--discreet:link, .btn-icon.btn--discreet:visited, .btn-like, .btn-like:link, .btn-like:visited { color: #999 } .btn-icon.btn--discreet:active, .btn-icon.btn--discreet:hover, .btn-like:active, .btn-like:hover { color: } .btn-icon .icon+.icon, .btn-pill .icon+.icon, .is-on.btn-icon .icon, .is-on.btn-pill .icon { display: none } .is-on.btn-icon .icon+.icon, .is-on.btn-pill .icon+.icon { display: inline } .is-on.btn-icon, .is-on.btn-icon:hover, .is-on.btn-pill, .is-on.btn-pill:hover { color: } .icon-chevron-down:before { content: "" } .icon-chevron-left:before { content: "" } .icon-chevron-new2:before { content: "" } .icon-chevron-right:before { content: "" } .icon-close:before { content: "" } .icon-comment:before { content: "" } .icon-download:before { content: "" } .icon-duration:before { content: "" } .icon-facebook:before { content: "" } .icon-filter:before { content: "" } .icon-google:before { content: "" } .icon-heart:before { content: "" } .icon-heart-on:before { content: "" } .icon-home:before { content: "" } .icon-info-new2:before { content: "" } .icon-information:before { content: "" } .icon-instagram:before { content: "" } .icon-link:before { content: "" } .icon-mail:before { content: "" } .icon-menu:before { content: "" } .icon-menu-secondary:before { content: "" } .icon-next:before { content: "" } .icon-pause:before { content: "" } .icon-picture:before { content: "" } .icon-play:before { content: "" } .icon-play-next:before { content: "" } .icon-user:before { content: "" } .icon-user-new2:before { content: "" } .icon-video:before { content: "" } .icon-youtube:before { content: "" } .icon-close-s:before { content: "" } .icon-comment-s:before { content: "" } .icon-download-s:before { content: "" } .icon-duration-s:before { content: "" } .icon-heart-on-s:before { content: "" } .icon-menu-secondary-s:before { content: "" } .icon-pause-s:before { content: "" } .icon-picture-s:before { content: "" } .icon-play-s:before { content: "" } .icon-user-s:before { content: "" } .icon-data-chevron-down:before { content: "" } .icon-data-chevron-left:before { content: "" } .icon-data-chevron-new2:before { content: "" } .icon-data-chevron-right:before { content: "" } .icon-data-close:before { content: "" } .icon-data-comment:before { content: "" } .icon-data-download:before { content: "" } .icon-data-duration:before { content: "" } .icon-data-facebook:before { content: "" } .icon-data-filter:before { content: "" } .icon-data-google:before { content: "" } .icon-data-heart:before { content: "" } .icon-data-heart-on:before { content: "" } .icon-data-home:before { content: "" } .icon-data-info-new2:before { content: "" } .icon-data-information:before { content: "" } .icon-data-instagram:before { content: "" } .icon-data-link:before { content: "" } .icon-data-mail:before { content: "" } .icon-data-menu:before { content: "" } .icon-data-menu-secondary:before { content: "" } .icon-data-next:before { content: "" } .icon-data-pause:before { content: "" } .icon-data-picture:before { content: "" } .icon-data-play:before { content: "" } .icon-data-play-next:before { content: "" } .icon-data-user:before { content: "" } .icon-data-user-new2:before { content: "" } .icon-data-video:before { content: "" } .icon-data-youtube:before { content: "" } .icon-data-close-s:before { content: "" } .icon-data-comment-s:before { content: "" } .icon-data-download-s:before { content: "" } .icon-data-duration-s:before { content: "" } .icon-data-heart-on-s:before { content: "" } .icon-data-menu-secondary-s:before { content: "" } .icon-data-pause-s:before { content: "" } .icon-data-picture-s:before { content: "" } .icon-data-play-s:before { content: "" } .icon-data-user-s:before { content: "" } .icon[class$="-s"] { font-size: 12px; width: 12px; height: 12px } .icon--24 { font-size: 24px; width: 24px; height: 24px } .icon--32 { font-size: 32px; width: 32px; height: 32px } .icon--48 { font-size: 48px; width: 48px; height: 48px } .icon--72 { font-size: 72px; width: 72px; height: 72px } .btn:before { top: 12px; right: 0; bottom: 12px; left: 0 } .btn-pill:before, .btn:before { background-color: #262626 } .btn-pill:after, .btn-pill:before, .btn-social:after, .btn-social:before, .btn:after, .btn:before { position: absolute; z-index: -2; content: "" } .icon-menu-secondary:before { content: ":"; font-size: 20px; font-weight: 900 } .icon-play-s:before { content: "▶" } /*! @charset "UTF-8"; @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&family=Inter:wght@400;500&display=swap"); /*============================== Common styles ==============================*/ /*! * PaymentFont 1.2.5 by @AMPoellmann - http://paymentfont.io * License - http://paymentfont.io/#license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face { font-family: PaymentFont; src: url(../fonts/paymentfont-webfont.eot); src: url(../fonts/paymentfont-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/paymentfont-webfont.woff) format("woff2"), url(../fonts/paymentfont-webfont.woff) format("woff"), url(../fonts/paymentfont-webfont.ttf) format("truetype"), url(../fonts/paymentfont-webfont.svg#paymentfont-webfont) format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: "CircularSpUIv3T"; src: url("CircularSpUIv3T.woff") format("woff"), } @font-face { font-family: 'Circular Sp UI v3 T'; src: url('webfont/CircularSpUIv3T-Black.eot'); src: url('webfont/CircularSpUIv3T-Black.eot?#iefix') format('embedded-opentype'), url('webfont/CircularSpUIv3T-Black.woff2') format('woff2'), url('webfont/CircularSpUIv3T-Black.woff') format('woff'), url('webfont/CircularSpUIv3T-Black.ttf') format('truetype'), url('webfont/CircularSpUIv3T-Black.svg#CircularSpUIv3T-Black') format('svg'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Circular Sp UI v3 T'; src: url('webfont/CircularSpUIv3T-Bold.eot'); src: url('webfont/CircularSpUIv3T-Bold.eot?#iefix') format('embedded-opentype'), url('webfont/CircularSpUIv3T-Bold.woff2') format('woff2'), url('webfont/CircularSpUIv3T-Bold.woff') format('woff'), url('webfont/CircularSpUIv3T-Bold.ttf') format('truetype'), url('webfont/CircularSpUIv3T-Bold.svg#CircularSpUIv3T-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: ''; src: url('webfont/9fcec9e815cb385fae7cdcc77f939796.eot'); src: url('webfont/9fcec9e815cb385fae7cdcc77f939796.eot?#iefix') format('embedded-opentype'), url('webfont/9fcec9e815cb385fae7cdcc77f939796.woff2') format('woff2'), url('webfont/9fcec9e815cb385fae7cdcc77f939796.woff') format('woff'), url('webfont/9fcec9e815cb385fae7cdcc77f939796.ttf') format('truetype'), url('webfont/9fcec9e815cb385fae7cdcc77f939796.svg#') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: '.'; src: url('webfont/d1e02d66f65a8dab87c923942a195ff3.eot'); src: url('webfont/d1e02d66f65a8dab87c923942a195ff3.eot?#iefix') format('embedded-opentype'), url('webfont/d1e02d66f65a8dab87c923942a195ff3.woff2') format('woff2'), url('webfont/d1e02d66f65a8dab87c923942a195ff3.woff') format('woff'), url('webfont/d1e02d66f65a8dab87c923942a195ff3.ttf') format('truetype'), url('webfont/d1e02d66f65a8dab87c923942a195ff3.svg#.') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: ''; src: url('webfont/c291dc1437f7f180bf187a2930a10acd.eot'); src: url('webfont/c291dc1437f7f180bf187a2930a10acd.eot?#iefix') format('embedded-opentype'), url('webfont/c291dc1437f7f180bf187a2930a10acd.woff2') format('woff2'), url('webfont/c291dc1437f7f180bf187a2930a10acd.woff') format('woff'), url('webfont/c291dc1437f7f180bf187a2930a10acd.ttf') format('truetype'), url('webfont/c291dc1437f7f180bf187a2930a10acd.svg#') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Circular Sp UI v3 T Book'; src: url('webfont/CircularSpUIv3T-Book.eot'); src: url('webfont/CircularSpUIv3T-Book.eot?#iefix') format('embedded-opentype'), url('webfont/CircularSpUIv3T-Book.woff2') format('woff2'), url('webfont/CircularSpUIv3T-Book.woff') format('woff'), url('webfont/CircularSpUIv3T-Book.ttf') format('truetype'), url('webfont/CircularSpUIv3T-Book.svg#CircularSpUIv3T-Book') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: '.'; src: url('webfont/5dbdb7c5bda2a206ea7ef2eee118dd51.eot'); src: url('webfont/5dbdb7c5bda2a206ea7ef2eee118dd51.eot?#iefix') format('embedded-opentype'), url('webfont/5dbdb7c5bda2a206ea7ef2eee118dd51.woff2') format('woff2'), url('webfont/5dbdb7c5bda2a206ea7ef2eee118dd51.woff') format('woff'), url('webfont/5dbdb7c5bda2a206ea7ef2eee118dd51.ttf') format('truetype'), url('webfont/5dbdb7c5bda2a206ea7ef2eee118dd51.svg#.') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } :root { --text-light: rgba(255, 255, 255, 0.6); --text-lighter: rgba(255, 255, 255, 0.9); --spacing-s: 8px; --spacing-m: 16px; --spacing-l: 24px; --spacing-xl: 32px; --spacing-xxl: 64px; --width-container: 1200px; } @import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap"); .al-button { color: black; background-color: yellow; width: 150px; height: 50px; } .album__cover a { position: absolute; z-index: 2; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 56px; height: 56px; top: 50%; left: 50%; margin: -28px 0 0 -28px; border-radius: 12px; background-color: #222227; transform: scale(0.8); opacity: 0; transition: 0.5s ease; border: 1px solid rgba(255, 255, 255, 0.05); } .album__cover a svg { fill: #fff; width: 24px; height: auto; margin: 1px 0 0 1px; transition: fill 0.5s ease; } .album__cover a:hover svg { fill: #25a56a; } .album__cover:hover img { opacity: 0.6; transform: scale(1.08); } .album__cover:hover a { opacity: 1; transform: scale(1); } .album__cover:hover .album__stat { opacity: 1; transform: scale(1); } .album__title { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-top: 5px; } .album__title h3 { display: block; width: 100%; color: #fff; font-size: 16px; font-weight: 400; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } .album__title h3 a { color: #fff; } .album__title h3 a:hover { color: #25a56a; } .album__title span { display: block; width: 100%; color: #c0c0c0; font-size: 14px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } .album__title span a { color: #0000; } .album__title span a:hover { color: #0000; } .album__stat { position: absolute; z-index: 2; display: flex; flex-direction: row; justify-content: center; align-items: center; bottom: 20px; left: 0; right: 0; color: #fff; font-size: 12px; transform: scale(0.8); opacity: 0; transition: 0.5s ease; } .album__stat span { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-right: 15px; } .album__stat span:last-child { margin-right: 0; } .album__stat svg { width: 14px; height: auto; fill: #fff; margin-right: 5px; } @media (min-width: 768px) { .album--sidebar { margin-top: 20px; } .album__stat { font-size: 13px; } .album__stat span { margin-right: 20px; } .album__stat span:last-child { margin-right: 0; } .album__stat svg { width: 16px; } } /*============================== Releases ==============================*/ .release { margin-top: 20px; border: 1px solid #222227; background-color: #16151a; padding: 20px; border-radius: 12px; position: release; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; } .release__cover { display: block; position: relative; width: 100%; border-radius: 12px; overflow: hidden; } .release__cover img { width: 100%; } .release__list { position: relative; height: 330px; width: 100%; overflow: hidden; padding-right: 14px; margin-top: 20px; } .release__stat { display: flex; flex-direction: row; justify-content: space-between; align-items: center; color: #c0c0c0; font-size: 14px; transition: 0.5s ease; width: 100%; margin-top: 15px; } .release__stat span { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-right: 20px; } .release__stat span:last-child { margin-right: 0; } .release__stat svg { width: 20px; height: auto; fill: #25a56a; margin-right: 5px; } padding: 0 15px; } .event:hover:before { opacity: 0.8; } @media (min-width: 768px) { .event { margin-top: 30px; height: 320px; } .event__title { font-size: 26px; } } /*============================== Single ==============================*/ .single-item { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #222227; height: 58px; } .single-item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; height: 48px; } .single-item__number { color: #c0c0c0; font-size: 22px; min-width: 20px; width: auto; font-family: "Inter", sans-serif; font-weight: 400; } .single-item__rate { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 14px; color: #c0c0c0; width: 24px; margin-right: 10px; } .single-item__rate svg { fill: #25a56a; width: 20px; height: auto; } .single-item__rate--red svg { fill: #eb5757; } .single-item__cover { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 8px; overflow: hidden; transition: 0.5s ease; } .single-item__cover img { width: 48px; height: auto; opacity: 1; transition: opacity 0.5s ease; position: relative; } .single-item__cover svg { position: absolute; opacity: 0; fill: #fff; width: 24px; height: auto; margin: 1px 0 0 1px; transition: 0.5s ease; } .single-item__cover svg:last-child { opacity: 0; } color: #c0c0c0; } /*============================== Single ==============================*/ .single-item { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #222227; height: 58px; } .single-item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; height: 48px; } .single-item__number { color: #c0c0c0; font-size: 22px; min-width: 20px; width: auto; font-family: 'Inter', sans-serif; font-weight: 400; } .single-item__rate { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 14px; color: #c0c0c0; width: 24px; margin-right: 10px; } .single-item__rate svg { fill: #25a56a; width: 20px; height: auto; } .single-item__rate--red svg { fill: #eb5757; } .single-item__cover { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 8px; overflow: hidden; transition: 0.5s ease; } .single-item__cover img { width: 48px; height: auto; opacity: 1; transition: opacity 0.5s ease; position: relative; } .single-item__cover svg { position: absolute; opacity: 0; fill: #fff; width: 24px; height: auto; margin: 1px 0 0 1px; transition: 0.5s ease; } .single-item__cover svg:last-child { opacity: 0; } .single-item__cover:hover svg { fill: #25a56a; } .single-item__cover.active { background-color: #000; } .single-item__cover.active img { opacity: 0.35; } .single-item__cover.active svg { fill: #25a56a; } .single-item__cover.pause svg { opacity: 1; } .single-item__cover.pause svg:last-child { opacity: 0; } .single-item__cover.play svg { opacity: 0; } .single-item__cover.play svg:last-child { opacity: 1; } .u-layout-row>.u-size-30 { flex: 0 0 50%; max-width: 50%; } a { text-decoration: none } .al-spotify-playlist { padding-top: 40px !important; } .u-section-1 .u-sheet-1 { min-height: 500px; } .u-section-1 .u-layout-wrap-1 { margin-top: 60px; margin-bottom: 60px; position: relative; } .u-section-1 .u-layout-cell-1 { min-height: 400px; } .u-section-1 .u-container-layout-1 { padding: 30px; } .u-section-1 .u-text-1 { font-weight: 700; margin: 37px 0 0 20px; } .u-section-1 .u-text-2 { margin: 20px 0 0 20px; } .u-section-1 .u-btn-1 { background-image: none; border-style: solid; text-transform: uppercase; font-weight: 700; margin: 20px 0 0 auto; } .u-section-1 .u-layout-cell-2 { min-height: 200px; } .u-section-1 .u-container-layout-2 { padding: 30px; } .u-section-1 .u-image-1 { width: 169px; height: 99px; margin: 0 auto; } .u-section-1 .u-layout-cell-3 { min-height: 200px; } .u-section-1 .u-container-layout-3 { padding: 30px; } .u-section-1 .u-image-2 { width: 169px; height: 99px; margin: 0 auto; } .u-section-1 .u-layout-cell-4 { min-height: 200px; } .u-section-1 .u-container-layout-4 { padding: 30px; } .u-section-1 .u-image-3 { width: 169px; height: 99px; margin: 0 auto; } .u-section-1 .u-layout-cell-5 { min-height: 200px; } .u-section-1 .u-container-layout-5 { padding: 30px; } .u-section-1 .u-image-4 { width: 169px; height: 99px; margin: 0 auto; } @media (max-width: 1199px) { .u-section-1 .u-sheet-1 { min-height: 430px; } .u-section-1 .u-layout-cell-1 { min-height: 330px; } .u-section-1 .u-text-1 { margin-left: 0; font-size: 2.25rem; } .u-section-1 .u-text-2 { margin-left: 0; } .u-section-1 .u-layout-cell-2 { min-height: 165px; } .u-section-1 .u-layout-cell-3 { min-height: 165px; } .u-section-1 .u-layout-cell-4 { min-height: 165px; } .u-section-1 .u-layout-cell-5 { min-height: 165px; } } @media (max-width: 991px) { .u-section-1 .u-sheet-1 { min-height: 400px; } .u-section-1 .u-layout-cell-1 { min-height: 100px; } .u-section-1 .u-btn-1 { margin-right: auto; } .u-section-1 .u-layout-cell-2 { min-height: 100px; } .u-section-1 .u-layout-cell-3 { min-height: 100px; } .u-section-1 .u-layout-cell-4 { min-height: 100px; } .u-section-1 .u-layout-cell-5 { min-height: 100px; } } @media (max-width: 767px) { .u-section-1 .u-sheet-1 { min-height: 600px; } .u-section-1 .u-container-layout-1 { padding-left: 10px; padding-right: 10px; } .u-section-1 .u-container-layout-2 { padding-left: 10px; padding-right: 10px; } .u-section-1 .u-container-layout-3 { padding-left: 10px; padding-right: 10px; } .u-section-1 .u-container-layout-4 { padding-left: 10px; padding-right: 10px; } .u-section-1 .u-container-layout-5 { padding-left: 10px; padding-right: 10px; } } @media (max-width: 575px) { .u-section-1 .u-text-1 { font-size: 1.875rem; } } .u-section-2 .u-sheet-1 { min-height: 500px; } @media (max-width: 1199px) { .u-section-2 .u-sheet-1 { min-height: 430px; } } @media (max-width: 991px) { .u-section-2 .u-sheet-1 { min-height: 353px; } } @media (max-width: 767px) { .u-section-2 .u-sheet-1 { min-height: 580px; } } @media (max-width: 575px) { .u-section-2 .u-sheet-1 { min-height: 439px; } } .u-section-3 .u-sheet-1 { min-height: 500px; } .u-section-3 .u-layout-wrap-1 { margin-top: 60px; margin-bottom: 60px; position: relative; } .u-section-3 .u-layout-cell-1 { min-height: 400px; } .u-section-3 .u-container-layout-1 { padding: 30px; } .u-section-3 .u-text-1 { font-weight: 700; font-size: 2.25rem; margin: 37px 0 0 20px; } .u-section-3 .u-text-2 { margin: 20px 0 0 20px; } .u-section-3 .u-btn-1 { background-image: none; border-style: solid; text-transform: uppercase; font-weight: 700; margin: 20px 0 0 auto; } .u-section-3 .u-layout-cell-2 { min-height: 200px; } .u-section-3 .u-container-layout-2 { padding: 30px; } .u-section-3 .u-image-1 { width: 169px; height: 99px; margin: 0 auto; } .u-section-3 .u-layout-cell-3 { min-height: 200px; } .u-section-3 .u-container-layout-3 { padding: 30px; } .u-section-3 .u-image-2 { width: 169px; height: 99px; margin: 0 auto; } .u-section-3 .u-layout-cell-4 { min-height: 200px; } .u-section-3 .u-container-layout-4 { padding: 30px; } .u-section-3 .u-image-3 { width: 169px; height: 99px; margin: 0 auto; } .u-section-3 .u-layout-cell-5 { min-height: 200px; } .u-section-3 .u-container-layout-5 { padding: 30px; } .u-section-3 .u-image-4 { width: 169px; height: 99px; margin: 0 auto; } @media (max-width: 1199px) { .u-section-3 .u-sheet-1 { min-height: 430px; } .u-section-3 .u-layout-cell-1 { min-height: 330px; } .u-section-3 .u-text-1 { margin-left: 0; } .u-section-3 .u-text-2 { margin-left: 0; } .u-section-3 .u-layout-cell-2 { min-height: 165px; } .u-section-3 .u-layout-cell-3 { min-height: 165px; } .u-section-3 .u-layout-cell-4 { min-height: 165px; } .u-section-3 .u-layout-cell-5 { min-height: 165px; } } @media (max-width: 991px) { .u-section-3 .u-sheet-1 { min-height: 400px; } .u-section-3 .u-layout-cell-1 { min-height: 100px; } .u-section-3 .u-btn-1 { margin-right: auto; } .u-section-3 .u-layout-cell-2 { min-height: 100px; } .u-section-3 .u-layout-cell-3 { min-height: 100px; } .u-section-3 .u-layout-cell-4 { min-height: 100px; } .u-section-3 .u-layout-cell-5 { min-height: 100px; } } @media (max-width: 767px) { .u-section-3 .u-sheet-1 { min-height: 600px; } .u-section-3 .u-container-layout-1 { padding-left: 10px; padding-right: 10px; } .u-section-3 .u-container-layout-2 { padding-left: 10px; padding-right: 10px; } .u-section-3 .u-container-layout-3 { padding-left: 10px; padding-right: 10px; } .u-section-3 .u-container-layout-4 { padding-left: 10px; padding-right: 10px; } .u-section-3 .u-container-layout-5 { padding-left: 10px; padding-right: 10px; } } @media (max-width: 575px) { .u-section-3 .u-text-1 { font-size: 1.875rem; } } .fr-clearfix::after { clear: both; display: block; content: ""; height: 0; } .fr-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .fr-view img.fr-rounded, .fr-view .fr-img-caption.fr-rounded img { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .fr-view img.fr-shadow, .fr-view .fr-img-caption.fr-shadow img { -webkit-box-shadow: 10px 10px 5px 0px #cccccc; -moz-box-shadow: 10px 10px 5px 0px #cccccc; box-shadow: 10px 10px 5px 0px #cccccc; } .fr-view img.fr-bordered, .fr-view .fr-img-caption.fr-bordered img { border: solid 5px #CCC; } .fr-view img.fr-bordered { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .fr-view .fr-img-caption.fr-bordered img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fr-view { word-wrap: break-word; } .fr-view span[style~="color:"] a { color: inherit; } .fr-view strong { font-weight: 700; } .fr-view table { border: none; border-collapse: collapse; empty-cells: show; max-width: 100%; } .fr-view table td { min-width: 5px; } .fr-view table.fr-dashed-borders td, .fr-view table.fr-dashed-borders th { border-style: dashed; } .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) { background: whitesmoke; } .fr-view table td, .fr-view table th { border: 1px solid #DDD; } .fr-view table td:empty, .fr-view table th:empty { height: 20px; } .fr-view table td.fr-highlighted, .fr-view table th.fr-highlighted { border: 1px double red; } .fr-view table td.fr-thick, .fr-view table th.fr-thick { border-width: 2px; } .fr-view table th { background: #ececec; } .fr-view hr { clear: both; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; break-after: always; page-break-after: always; } .fr-view .fr-file { position: relative; } .fr-view .fr-file::after { position: relative; content: "\1F4CE"; font-weight: normal; } .fr-view pre { white-space: pre-wrap; word-wrap: break-word; overflow: visible; } /*.fr-view[dir="rtl"] blockquote { border-left: none; border-right: solid 2px #5E35B1; margin-right: 0; padding-right: 5px; padding-left: 0; } .fr-view[dir="rtl"] blockquote blockquote { border-color: #00BCD4; } .fr-view[dir="rtl"] blockquote blockquote blockquote { border-color: #43A047; } .fr-view blockquote { border-left: solid 2px #5E35B1; margin-left: 0; padding-left: 5px; color: #5E35B1; } .fr-view blockquote blockquote { border-color: #00BCD4; color: #00BCD4; } .fr-view blockquote blockquote blockquote { border-color: #43A047; color: #43A047; }*/ .fr-view span.fr-emoticon { font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0; } .fr-view span.fr-emoticon.fr-emoticon-img { background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -.1em .1em .1em; line-height: 1; vertical-align: middle; } .fr-view .fr-text-gray { color: #AAA !important; } .fr-view .fr-text-bordered { border-top: solid 1px #222; border-bottom: solid 1px #222; padding: 10px 0; } .fr-view .fr-text-spaced { letter-spacing: 1px; } .fr-view .fr-text-uppercase { text-transform: uppercase; } .fr-view .fr-class-highlighted { background-color: #ffff00; } .fr-view .fr-class-code { border-color: #cccccc; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #f5f5f5; padding: 10px; font-family: "Courier New", Courier, monospace; } .fr-view .fr-class-transparency { opacity: 0.5; } .fr-view img { position: relative; max-width: 100%; } .fr-view img.fr-dib { margin: 10px auto; display: block; float: none; vertical-align: top; } .fr-view img.fr-dib.fr-fil { margin-left: 0; text-align: left; } .fr-view img.fr-dib.fr-fir { margin-right: 0; text-align: right; } .fr-view img.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); } .fr-view img.fr-dii.fr-fil { float: left; margin: 10px 15px 10px 0; max-width: calc(100% - 5px); } .fr-view img.fr-dii.fr-fir { float: right; margin: 10px 0 10px 15px; max-width: calc(100% - 5px); } .fr-view span.fr-img-caption { position: relative; max-width: 100%; } .fr-view span.fr-img-caption.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } .fr-view span.fr-img-caption.fr-dib.fr-fil { margin-left: 0; text-align: left; } .fr-view span.fr-img-caption.fr-dib.fr-fir { margin-right: 0; text-align: right; } .fr-view span.fr-img-caption.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); } .fr-view span.fr-img-caption.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0; max-width: calc(100% - 5px); } .fr-view span.fr-img-caption.fr-dii.fr-fir { float: right; margin: 5px 0 5px 5px; max-width: calc(100% - 5px); } .fr-view .fr-video { text-align: center; position: relative; } .fr-view .fr-video.fr-rv { padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .fr-view .fr-video.fr-rv>iframe, .fr-view .fr-video.fr-rv object, .fr-view .fr-video.fr-rv embed { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; } .fr-view .fr-video>* { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; max-width: 100%; border: none; } .fr-view .fr-video.fr-dvb { display: block; clear: both; } .fr-view .fr-video.fr-dvb.fr-fvl { text-align: left; } .fr-view .fr-video.fr-dvb.fr-fvr { text-align: right; } .fr-view .fr-video.fr-dvi { display: inline-block; } .fr-view .fr-video.fr-dvi.fr-fvl { float: left; } .fr-view .fr-video.fr-dvi.fr-fvr { float: right; } .fr-view a.fr-strong { font-weight: 700; } .fr-view a.fr-green { color: green; } .fr-view .fr-img-caption { text-align: center; } .fr-view .fr-img-caption .fr-img-wrap { padding: 0; margin: auto; text-align: center; width: 100%; } .fr-view .fr-img-caption .fr-img-wrap a { display: block; } .fr-view .fr-img-caption .fr-img-wrap img { display: block; margin: auto; width: 100%; } .fr-view .fr-img-caption .fr-img-wrap>span { margin: auto; display: block; padding: 5px 5px 10px; font-size: 14px; font-weight: initial; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; width: 100%; text-align: center; } .fr-view button.fr-rounded, .fr-view input.fr-rounded, .fr-view textarea.fr-rounded { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .fr-view button.fr-large, .fr-view input.fr-large, .fr-view textarea.fr-large { font-size: 24px; } .fr-view ul, .fr-view ol { list-style-position: inside; } /** * Image style. */ a.fr-view.fr-strong { font-weight: 700; } a.fr-view.fr-green { color: green; } /** * Link style. */ img.fr-view { position: relative; max-width: 100%; } img.fr-view.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } img.fr-view.fr-dib.fr-fil { margin-left: 0; text-align: left; } img.fr-view.fr-dib.fr-fir { margin-right: 0; text-align: right; } img.fr-view.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); } img.fr-view.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0; max-width: calc(100% - 5px); } img.fr-view.fr-dii.fr-fir { float: right; margin: 5px 0 5px 5px; max-width: calc(100% - 5px); } span.fr-img-caption.fr-view { position: relative; max-width: 100%; } span.fr-img-caption.fr-view.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } span.fr-img-caption.fr-view.fr-dib.fr-fil { margin-left: 0; text-align: left; } span.fr-img-caption.fr-view.fr-dib.fr-fir { margin-right: 0; text-align: right; } span.fr-img-caption.fr-view.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); } span.fr-img-caption.fr-view.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0; max-width: calc(100% - 5px); } span.fr-img-caption.fr-view.fr-dii.fr-fir { float: right; margin: 5px 0 5px 5px; max-width: calc(100% - 5px); } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .comment { color: red; } .al-button { color: black; background-color: yellow; width: 150px; height: 50px; } .left, .right { top: 50%; float: left; transform: translateY(125%); } .left { background: #337ab7; display: inline-block; white-space: nowrap; width: 50px; transition: width .5s; } .right { background: #fff; width: 350px; transition: width 1s; border-style: solid; border-color: #ccc; border-width: 1px; } .left:hover { width: 250px; } .item:hover { background-color: #222; } .left .fas { margin: 15px; width: 20px; color: #fff; } i.fas { font-size: 17px; vertical-align: middle !important; } .item { height: 50px; overflow: hidden; color: #fff; } .header_toggle { font-size: 1.5rem; cursor: pointer } .header_img { width: 35px; height: 35px; display: flex; justify-content: center; border-radius: 50%; overflow: hidden } .header_img img { width: 40px } .l-navbar { position: fixed; top: 0; left: -30%; width: var(--nav-width); height: 100vh; padding: .5rem 1rem 0 0; transition: .5s; z-index: var(--z-fixed) } .nav { height: 100%; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden } .nav_logo, .nav_link { display: grid; grid-template-columns: max-content max-content; align-items: center; column-gap: 1rem; padding: .5rem 0 .5rem 1.5rem } .nav_logo { margin-bottom: 2rem } .nav_logo-icon { font-size: 1.25rem; color: var(--white-color) } .nav_logo-name { color: var(--white-color); font-weight: 700 } .nav_link { position: relative; color: var(--first-color-light); margin-bottom: 1.5rem; transition: .3s } .nav_link:hover { color: var(--white-color) } .nav_icon { font-size: 1.25rem } .show { left: 0 } .body-pd { padding-left: calc(var(--nav-width)+1rem) } .active { color: var(--white-color) } .active::before { content: ''; position: absolute; left: 0; width: 2px; height: 32px; background-color: var(--white-color) } .height-100 { height: 100vh } @media screen and (min-width: 768px) { body { margin: calc(var(--header-height)+1rem) 0 0 0; padding-left: calc(var(--nav-width)+2rem) } .header { height: calc(var(--header-height)+1rem); padding: 0 2rem 0 calc(var(--nav-width)+2rem) } .header_img { width: 40px; height: 40px } .header_img img { width: 45px } .l-navbar { left: 0; padding: 1rem 1rem 0 0 } .show { width: calc(var(--nav-width)+156px) } .body-pd { padding-left: calc(var(--nav-width)+188px) } } .hero-section { align-items: flex-start; display: flex; min-height: 100%; justify-content: center; padding: var(--spacing-xxl) var(--spacing-l); } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; border: none !important; border-radius: .25rem; } .card-grid { display: grid; grid-template-columns: repeat(6, 1fr); grid-column-gap: var(--spacing-l); grid-row-gap: var(--spacing-l); max-width: var(--width-container); width: 100%; } @media(min-width: 540px) { .card-grid { grid-template-columns: repeat(6, 1fr); } } @media(min-width: 960px) { .card-grid { grid-template-columns: repeat(6, 1fr); } } .card { list-style: none; position: relative; } .card:before { content: ''; display: block; padding-bottom: 150%; width: 100%; } .card__background { background-size: cover; background-position: center; border-radius: var(--spacing-l); bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .card__content { left: 0; padding: var(--spacing-l); position: absolute; top: 0; } .card__category { color: var(--text-light); font-size: 0.9rem; margin-bottom: var(--spacing-s); text-transform: uppercase; } .card__heading { color: var(--text-lighter); font-size: 1.9rem; text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2); line-height: 1.4; word-spacing: 100vw; } .video { width: 100%; height: 500px; background-color: darkgray; } .cover { width: 50%; } ol, ul { padding-left: 0 !important; text-decoration: none !important; } body { max-width: 100%; } a { text-decoration: none !important; } .carousel-caption { top: 33.3%; } .bg-light { color: #fff; } .navbar-light .navbar-brand { color: #fff!important; } .navbar-light .navbar-nav .nav-link { color: #fff!important; } .logo { width: 64px; height: 28px; display: none !important; } .a-title-section { text-align: center; } .title { color: black; } @media(max-width:234px) { .carousel-item { height: 20px !important; } .carousel-caption { top: 1%; } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; } /* Create two equal columns that floats next to each other */ .column { float: left; width: 50%; padding: 10px; height: 300px; /* Should be removed. Only for demonstration */ } /* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; } /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ @media screen and (max-width: 600px) { .column { width: 100%; } } .w-100 { height: 590px; width: 100%!important; } a { text-decoration: none; } .overlay { position: absolute; z-index: 1; width: 100%; height: 20px; background-color: #fff; } .overlay>label { cursor: pointer; display: block; position: absolute; top: 30px; right: 200px; width: 30px; height: 16px; border-top: 2px solid #000; border-bottom: 2px solid #000; } #rc_logo { left: 30px; padding: 22px; position: absolute; color: black; font-size: 19px; font-family: Poppins; text-decoration: none; } #rc_logo a { color: inherit; text-decoration: none; } .rc_nav { overflow: hidden; text-align: center; z-index: 6; } .rc_nav a { display: inline-block; margin-right: -4px; /* inline-block gap fix */ color: black; padding: 22px 22px; text-decoration: none; font-family: Poppins; font-size: 18px; } .verticalNav { color: #333; position: relative; padding: 0px 20px 20px 20px; padding-left: 130px; text-align: center; font-size: 12px; } .verticalNav a { color: black; font-size: 11px; text-decoration: none; margin: 0px 10px 10px 10px; text-align: center; } .li-center { padding-right: 33px !important; } img { margin-top: 0px; margin-left: 0px; width: 100%; } #toggle { position: absolute; visibility: hidden; } #toggle:checked~.verticalNav { top: 30px; } .logoposition { text-align: center !important; } .mobile-container { max-width: 480px; text-align: center; margin: auto; background-color: #555; height: 500px; text-align: center; color: black; border-radius: 10px; } .topnav { text-align: center; text-align: center; overflow: hidden; position: relative; } .topnav #myLinks { display: none; padding-left: 460px; text-align: center; } .topnav a { float: left; text-align: center; color: black; padding: 14px 16px; text-decoration: none; font-size: 17px; } .topnav a.icon { float: right; text-align: center; } .topnav a:hover { text-align: center; color: black; } .active { text-align: center; color: black; } @media screen and (max-width: 592px) { .topnav #myLinks { padding-left: 90px; display: none; text-align: center; } } #menuToggle { display: block; position: relative; top: 50px; z-index: 1; } #menuToggle a { text-decoration: none; color: #232323; text-align: left; padding-left: 90px; } #menuToggle input { display: block; width: 40px; height: 32px; position: absolute; text-align: left; top: -7px; left: -5px; cursor: pointer; opacity: 0; /* hide this */ z-index: 2; /* and place it over the hamburger */ } /* * Just a quick hamburger */ #menuToggle span { display: block; width: 33px; text-align: left; height: 4px; margin-bottom: 5px; position: relative; background: #cdcdcd; border-radius: 3px; z-index: 1; transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease; } #menuToggle span:first-child { transform-origin: 0% 0%; } #menuToggle span:nth-last-child(2) { transform-origin: 0% 100%; } /* * Transform all the slices of hamburger * into a crossmark. */ #menuToggle input:checked~span { opacity: 1; transform: rotate(45deg) translate(-2px, -1px); background: #232323; } /* * But let's hide the middle one. */ #menuToggle input:checked~span:nth-last-child(3) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); } /* * Ohyeah and the last one should go the other direction */ #menuToggle input:checked~span:nth-last-child(2) { transform: rotate(-45deg) translate(0, -1px); } /* * Make this absolute positioned * at the top left of the screen */ #menu { position: absolute; width: 300px; margin: -100px; padding-top: 125px; background: #ffffff; list-style-type: none; -webkit-font-smoothing: antialiased; /* to stop flickering of text in safari */ transform-origin: 0% 0%; transform: translate(-100%, 0); transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0); } #menu li { padding-left: 90px !important; padding: 10px 0; font-size: 12px; } /* * And let's slide it in from the left */ #menuToggle input:checked~ul { transform: none; } .container, .container-fluid { margin-right: auto; margin-left: auto; } .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before { display: table; content: " " } .form-control, .has-success .form-control { box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .clearfix:after, .container-fluid:after, .container:after, .form-horizontal .form-group:after, .row:after { clear: both; } .app-bar-new, .app-bar-new2 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; } @media (min-width:768px) { .container { width: 750px; } } @media (min-width:992px) { .container { width: 970px; } } @media (min-width:1334px) { .container { width: 1304px; } } @media (min-width:1646px) { .container { width: 1616px; } } .row { margin-left: -8px; margin-right: -8px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-left: 8px; padding-right: 8px; } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left; } .col-xs-1 { width: 8.33333% } .col-xs-2 { width: 16.66667% } .col-xs-3 { width: 25% } .col-xs-4 { width: 33.33333% } .col-xs-5 { width: 41.66667% } .col-xs-6 { width: 50% } .col-xs-7 { width: 58.33333% } .col-xs-8 { width: 66.66667% } .col-xs-9 { width: 75% } .col-xs-10 { width: 83.33333% } .col-xs-11 { width: 91.66667% } .col-xs-12 { width: 100% } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333% } .col-xs-pull-2 { right: 16.66667% } .col-xs-pull-3 { right: 25% } .col-xs-pull-4 { right: 33.33333% } .col-xs-pull-5 { right: 41.66667% } .col-xs-pull-6 { right: 50% } .col-xs-pull-7 { right: 58.33333% } .col-xs-pull-8 { right: 66.66667% } .col-xs-pull-9 { right: 75% } .col-xs-pull-10 { right: 83.33333% } .col-xs-pull-11 { right: 91.66667% } .col-xs-pull-12 { right: 100% } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333% } .col-xs-push-2 { left: 16.66667% } .col-xs-push-3 { left: 25% } .col-xs-push-4 { left: 33.33333% } .col-xs-push-5 { left: 41.66667% } .col-xs-push-6 { left: 50% } .col-xs-push-7 { left: 58.33333% } .col-xs-push-8 { left: 66.66667% } .col-xs-push-9 { left: 75% } .col-xs-push-10 { left: 83.33333% } .col-xs-push-11 { left: 91.66667% } .col-xs-push-12 { left: 100% } .col-xs-offset-0 { margin-left: 0; } .col-xs-offset-1 { margin-left: 8.33333% } .col-xs-offset-2 { margin-left: 16.66667% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-4 { margin-left: 33.33333% } .col-xs-offset-5 { margin-left: 41.66667% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-7 { margin-left: 58.33333% } .col-xs-offset-8 { margin-left: 66.66667% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-10 { margin-left: 83.33333% } .col-xs-offset-11 { margin-left: 91.66667% } .col-xs-offset-12 { margin-left: 100% } @media (min-width:768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left; } .col-sm-1 { width: 8.33333% } .col-sm-2 { width: 16.66667% } .col-sm-3 { width: 25% } .col-sm-4 { width: 33.33333% } .col-sm-5 { width: 41.66667% } .col-sm-6 { width: 50% } .col-sm-7 { width: 58.33333% } .col-sm-8 { width: 66.66667% } .col-sm-9 { width: 75% } .col-sm-10 { width: 83.33333% } .col-sm-11 { width: 91.66667% } .col-sm-12 { width: 100% } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333% } .col-sm-pull-2 { right: 16.66667% } .col-sm-pull-3 { right: 25% } .col-sm-pull-4 { right: 33.33333% } .col-sm-pull-5 { right: 41.66667% } .col-sm-pull-6 { right: 50% } .col-sm-pull-7 { right: 58.33333% } .col-sm-pull-8 { right: 66.66667% } .col-sm-pull-9 { right: 75% } .col-sm-pull-10 { right: 83.33333% } .col-sm-pull-11 { right: 91.66667% } .col-sm-pull-12 { right: 100% } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333% } .col-sm-push-2 { left: 16.66667% } .col-sm-push-3 { left: 25% } .col-sm-push-4 { left: 33.33333% } .col-sm-push-5 { left: 41.66667% } .col-sm-push-6 { left: 50% } .col-sm-push-7 { left: 58.33333% } .col-sm-push-8 { left: 66.66667% } .col-sm-push-9 { left: 75% } .col-sm-push-10 { left: 83.33333% } .col-sm-push-11 { left: 91.66667% } .col-sm-push-12 { left: 100% } .col-sm-offset-0 { margin-left: 0; } .col-sm-offset-1 { margin-left: 8.33333% } .col-sm-offset-2 { margin-left: 16.66667% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-4 { margin-left: 33.33333% } .col-sm-offset-5 { margin-left: 41.66667% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-7 { margin-left: 58.33333% } .col-sm-offset-8 { margin-left: 66.66667% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-10 { margin-left: 83.33333% } .col-sm-offset-11 { margin-left: 91.66667% } .col-sm-offset-12 { margin-left: 100% } } @media (min-width:992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left; } .col-md-1 { width: 8.33333% } .col-md-2 { width: 16.66667% } .col-md-3 { width: 25% } .col-md-4 { width: 33.33333% } .col-md-5 { width: 41.66667% } .col-md-6 { width: 50% } .col-md-7 { width: 58.33333% } .col-md-8 { width: 66.66667% } .col-md-9 { width: 75% } .col-md-10 { width: 83.33333% } .col-md-11 { width: 91.66667% } .col-md-12 { width: 100% } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333% } .col-md-pull-2 { right: 16.66667% } .col-md-pull-3 { right: 25% } .col-md-pull-4 { right: 33.33333% } .col-md-pull-5 { right: 41.66667% } .col-md-pull-6 { right: 50% } .col-md-pull-7 { right: 58.33333% } .col-md-pull-8 { right: 66.66667% } .col-md-pull-9 { right: 75% } .col-md-pull-10 { right: 83.33333% } .col-md-pull-11 { right: 91.66667% } .col-md-pull-12 { right: 100% } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333% } .col-md-push-2 { left: 16.66667% } .col-md-push-3 { left: 25% } .col-md-push-4 { left: 33.33333% } .col-md-push-5 { left: 41.66667% } .col-md-push-6 { left: 50% } .col-md-push-7 { left: 58.33333% } .col-md-push-8 { left: 66.66667% } .col-md-push-9 { left: 75% } .col-md-push-10 { left: 83.33333% } .col-md-push-11 { left: 91.66667% } .col-md-push-12 { left: 100% } .col-md-offset-0 { margin-left: 0; } .col-md-offset-1 { margin-left: 8.33333% } .col-md-offset-2 { margin-left: 16.66667% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-4 { margin-left: 33.33333% } .col-md-offset-5 { margin-left: 41.66667% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-7 { margin-left: 58.33333% } .col-md-offset-8 { margin-left: 66.66667% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-10 { margin-left: 83.33333% } .col-md-offset-11 { margin-left: 91.66667% } .col-md-offset-12 { margin-left: 100% } } @media (min-width:1334px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left; } .col-lg-1 { width: 8.33333% } .col-lg-2 { width: 16.66667% } .col-lg-3 { width: 25% } .col-lg-4 { width: 33.33333% } .col-lg-5 { width: 41.66667% } .col-lg-6 { width: 50% } .col-lg-7 { width: 58.33333% } .col-lg-8 { width: 66.66667% } .col-lg-9 { width: 75% } .col-lg-10 { width: 83.33333% } .col-lg-11 { width: 91.66667% } .col-lg-12 { width: 100% } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333% } .col-lg-pull-2 { right: 16.66667% } .col-lg-pull-3 { right: 25% } .col-lg-pull-4 { right: 33.33333% } .col-lg-pull-5 { right: 41.66667% } .col-lg-pull-6 { right: 50% } .col-lg-pull-7 { right: 58.33333% } .col-lg-pull-8 { right: 66.66667% } .col-lg-pull-9 { right: 75% } .col-lg-pull-10 { right: 83.33333% } .col-lg-pull-11 { right: 91.66667% } .col-lg-pull-12 { right: 100% } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333% } .col-lg-push-2 { left: 16.66667% } .col-lg-push-3 { left: 25% } .col-lg-push-4 { left: 33.33333% } .col-lg-push-5 { left: 41.66667% } .col-lg-push-6 { left: 50% } .col-lg-push-7 { left: 58.33333% } .col-lg-push-8 { left: 66.66667% } .col-lg-push-9 { left: 75% } .col-lg-push-10 { left: 83.33333% } .col-lg-push-11 { left: 91.66667% } .col-lg-push-12 { left: 100% } .col-lg-offset-0 { margin-left: 0; } .col-lg-offset-1 { margin-left: 8.33333% } .col-lg-offset-2 { margin-left: 16.66667% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-4 { margin-left: 33.33333% } .col-lg-offset-5 { margin-left: 41.66667% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-7 { margin-left: 58.33333% } .col-lg-offset-8 { margin-left: 66.66667% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-10 { margin-left: 83.33333% } .col-lg-offset-11 { margin-left: 91.66667% } .col-lg-offset-12 { margin-left: 100% } } @media (min-width:1646px) { .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 { float: left; } .col-xl-1 { width: 8.33333% } .col-xl-2 { width: 16.66667% } .col-xl-3 { width: 25% } .col-xl-4 { width: 33.33333% } .col-xl-5 { width: 41.66667% } .col-xl-6 { width: 50% } .col-xl-7 { width: 58.33333% } .col-xl-8 { width: 66.66667% } .col-xl-9 { width: 75% } .col-xl-10 { width: 83.33333% } .col-xl-11 { width: 91.66667% } .col-xl-12 { width: 100% } .col-xl-pull-0 { right: auto; } .col-xl-pull-1 { right: 8.33333% } .col-xl-pull-2 { right: 16.66667% } .col-xl-pull-3 { right: 25% } .col-xl-pull-4 { right: 33.33333% } .col-xl-pull-5 { right: 41.66667% } .col-xl-pull-6 { right: 50% } .col-xl-pull-7 { right: 58.33333% } .col-xl-pull-8 { right: 66.66667% } .col-xl-pull-9 { right: 75% } .col-xl-pull-10 { right: 83.33333% } .col-xl-pull-11 { right: 91.66667% } .col-xl-pull-12 { right: 100% } .col-xl-push-0 { left: auto; } .col-xl-push-1 { left: 8.33333% } .col-xl-push-2 { left: 16.66667% } .col-xl-push-3 { left: 25% } .col-xl-push-4 { left: 33.33333% } .col-xl-push-5 { left: 41.66667% } .col-xl-push-6 { left: 50% } .col-xl-push-7 { left: 58.33333% } .col-xl-push-8 { left: 66.66667% } .col-xl-push-9 { left: 75% } .col-xl-push-10 { left: 83.33333% } .col-xl-push-11 { left: 91.66667% } .col-xl-push-12 { left: 100% } .col-xl-offset-0 { margin-left: 0; } .col-xl-offset-1 { margin-left: 8.33333% } .col-xl-offset-2 { margin-left: 16.66667% } .col-xl-offset-3 { margin-left: 25% } .col-xl-offset-4 { margin-left: 33.33333% } .col-xl-offset-5 { margin-left: 41.66667% } .col-xl-offset-6 { margin-left: 50% } .col-xl-offset-7 { margin-left: 58.33333% } .col-xl-offset-8 { margin-left: 66.66667% } .col-xl-offset-9 { margin-left: 75% } .col-xl-offset-10 { margin-left: 83.33333% } .col-xl-offset-11 { margin-left: 91.66667% } .col-xl-offset-12 { margin-left: 100% } } fieldset { min-width: 0; } legend { display: block; width: 100%; color: #333; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } .checkbox label, .checkbox-inline, .radio label, .radio-inline { font-weight: 400; padding-left: 20px; cursor: pointer; margin-bottom: 0; } input[type=search] { box-sizing: border-box; -webkit-appearance: none; } input[type=radio], input[type=checkbox] { margin: 4px 0 0; margin-top: 1px\9; line-height: normal; } .form-control, output { font-size: 14px; line-height: 1.42857; color: #555; display: block; } input[type=file] { display: block; } input[type=range] { display: block; width: 100% } select[multiple], select[size] { height: auto; } input[type=radio]:focus, input[type=checkbox]:focus, input[type=file]:focus { outline: dotted thin; outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } output { padding-top: 7px; } .form-control { width: 100%; height: 34px; padding: 6px 12px; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-group-sm .form-control, .input-sm { font-size: 12px; border-radius: 3px; padding: 5px 10px; } .form-control:focus { border-color: #66afe9; } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .form-control-feedback, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label { color: #6c6; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } @media screen and (-webkit-min-device-pixel-ratio:0) { input[type=month], input[type=date], input[type=time], input[type=datetime-local] { line-height: 34px; } .input-group-sm input[type=month], .input-group-sm input[type=date], .input-group-sm input[type=time], .input-group-sm input[type=datetime-local], input[type=month].input-sm, input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm { line-height: 30px; } .input-group-lg input[type=month], .input-group-lg input[type=date], .input-group-lg input[type=time], .input-group-lg input[type=datetime-local], input[type=month].input-lg, input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg { line-height: 46px; } } .form-group { margin-bottom: 15px; } .checkbox, .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .checkbox label, .radio label { min-height: 20px; } .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { position: absolute; margin-left: -20px; margin-top: 4px\9; } .checkbox+.checkbox, .radio+.radio { margin-top: -5px; } .checkbox-inline, .radio-inline { position: relative; display: inline-block; vertical-align: middle; } .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline { margin-top: 0; margin-left: 10px; } .checkbox-inline.disabled, .checkbox.disabled label, .radio-inline.disabled, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio label, fieldset[disabled] .radio-inline, fieldset[disabled] input[type=radio], fieldset[disabled] input[type=checkbox], input[type=radio].disabled, input[type=radio][disabled], input[type=checkbox].disabled, input[type=checkbox][disabled] { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; } .input-sm { height: 30px; line-height: 1.5; } select.input-sm { height: 30px; line-height: 30px; } select[multiple].input-sm, textarea.input-sm { height: auto; } .form-group-sm .form-control { height: 30px; line-height: 1.5; } .form-group-lg .form-control, .input-lg { border-radius: 6px; padding: 10px 16px; font-size: 18px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; min-height: 32px; } .input-lg { height: 46px; line-height: 1.33333; } select.input-lg { height: 46px; line-height: 46px; } select[multiple].input-lg, textarea.input-lg { height: auto; } .form-group-lg .form-control { height: 46px; line-height: 1.33333; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; min-height: 38px; } ol, ul { padding-left: 0; text-decoration: none; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg+.form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm+.form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .form-control { border-color: #6c6; } .has-success .form-control:focus { border-color: #40bf40; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #b3e6b3; } .has-success .input-group-addon { color: #6c6; border-color: #6c6; background-color: #dff0d8; } .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .form-control-feedback, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label { color: #cc6e29; } .has-warning .form-control { border-color: #cc6e29; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-warning .form-control:focus { border-color: #a25720; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #e4a577; } .has-warning .input-group-addon { color: #cc6e29; border-color: #cc6e29; background-color: #fcf8e3; } .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .form-control-feedback, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label { color: #cc2929; } .has-error .form-control { border-color: #cc2929; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-error .form-control:focus { border-color: #a22020; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #e47777; } .has-error .input-group-addon { color: #cc2929; border-color: #cc2929; background-color: #f2dede; } .has-feedback label~.form-control-feedback { top: 25px; } .has-feedback label.sr-only~.form-control-feedback, [position*=top-0] { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; } @media (min-width:768px) { .form-inline .form-control-static, .form-inline .form-group { display: inline-block; } .form-inline .control-label, .form-inline .form-group { margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn { width: auto; } .form-inline .input-group>.form-control { width: 100% } .form-inline .checkbox, .form-inline .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .checkbox label, .form-inline .radio label { padding-left: 0; } .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .affix, [position^=fixed] { position: fixed; } .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .checkbox, .form-horizontal .radio { min-height: 27px; } .form-horizontal .form-group { margin-left: -8px; margin-right: -8px; } .form-horizontal .form-group:after, .form-horizontal .form-group:before { content: " "; display: table; } .form-horizontal .has-feedback .form-control-feedback { right: 8px; } @media (min-width:768px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.33px; } .form-horizontal .form-group-sm .control-label { padding-top: 6px; } } [padding~="0"], a, hr { padding: 0; } @-ms-viewport { width: device-width; } .visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xl, .visible-xl-block, .visible-xl-inline, .visible-xl-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none!important; } @media (max-width:767px) { .visible-xs { display: block!important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row!important; } td.visible-xs, th.visible-xs { display: table-cell!important; } .visible-xs-block { display: block!important; } .visible-xs-inline { display: inline!important; } .visible-xs-inline-block { display: inline-block!important; } } @media (min-width:768px) and (max-width:991px) { .visible-sm { display: block!important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row!important; } td.visible-sm, th.visible-sm { display: table-cell!important; } .visible-sm-block { display: block!important; } .visible-sm-inline { display: inline!important; } .visible-sm-inline-block { display: inline-block!important; } } @media (min-width:992px) and (max-width:1333px) { .visible-md { display: block!important; } table.visible-md { display: table; } tr.visible-md { display: table-row!important; } td.visible-md, th.visible-md { display: table-cell!important; } .visible-md-block { display: block!important; } .visible-md-inline { display: inline!important; } .visible-md-inline-block { display: inline-block!important; } } @media (min-width:1334px) { .visible-lg { display: block!important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row!important; } td.visible-lg, th.visible-lg { display: table-cell!important; } .visible-lg-block { display: block!important; } .visible-lg-inline { display: inline!important; } .visible-lg-inline-block { display: inline-block!important; } } @media (min-width:1646px) { .visible-xl { display: block!important; } table.visible-xl { display: table; } tr.visible-xl { display: table-row!important; } td.visible-xl, th.visible-xl { display: table-cell!important; } .visible-xl-block { display: block!important; } .visible-xl-inline { display: inline!important; } .visible-xl-inline-block { display: inline-block!important; } .hidden-xl { display: none!important; } } @media (max-width:767px) { .hidden-xs { display: none!important; } } @media (min-width:768px) and (max-width:991px) { .hidden-sm { display: none!important; } } @media (min-width:992px) and (max-width:1333px) { .hidden-md { display: none!important; } } @media (min-width:1334px) and (max-width:1645px) { .hidden-lg { display: none!important; } } .visible-print { display: none!important; } @media print { .visible-print { display: block!important; } table.visible-print { display: table; } tr.visible-print { display: table-row!important; } td.visible-print, th.visible-print { display: table-cell!important; } } .visible-print-block { display: none!important; } @media print { .visible-print-block { display: block!important; } } .visible-print-inline { display: none!important; } @media print { .visible-print-inline { display: inline!important; } } .visible-print-inline-block { display: none!important; } @media print { .visible-print-inline-block { display: inline-block!important; } .hidden-print { display: none!important; } } .clearfix:after, .clearfix:before { content: " "; display: table; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right!important; } .pull-left { float: left!important; } .hide { display: none!important; } .show { display: block!important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } html, mark { font-weight: 400; } [color^=black], ins { color: #000; } [color^=color-text-music], html { color: #4d4d4d; } .beta-badge, [background^=white] { background-color: #FFF; } .hidden { display: none!important; } article, aside, details, figcaption, figure, footer, header, hgroup, hr, menu, nav, section { display: block; } .is-hidden, [display^=none] { display: none; } @font-face { font-family: futurabook; src: url(../fonts/futura-book.woff2) format("woff2"), url(../fonts/futura-book.woff) format("woff"); } @font-face { font-family: futurademi; src: url(../fonts/futura-demi.woff2) format("woff2"), url(../fonts/futura-demi.woff) format("woff"); } @font-face { font-family: futurabold; src: url(../fonts/futura-bold.woff2) format("woff2"), url(../fonts/futura-bold.woff) format("woff"); } @font-face { font-family: jamendo-licensing-icons; src: url(data:font/woff; base64, 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) format("woff"), url(data: font/ttf; base64, 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) format("truetype"), url(../fonts/jamendo-all-icons.eot), url(../fonts/jamendo-all-icons.eot?#iefix) format("embedded-opentype"), url(../fonts/jamendo-all-icons.svg#jamendo-all-icons) format("svg"); } abbr, address, article, aside, audio, b, blockquote, body, button, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: 0 0; } ul { list-style: none; } blockquote, q { quotes: none; } blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none; } a { margin: 0; vertical-align: baseline; background: 0 0; } a:hover { cursor: pointer; } ins { background-color: #ff9; text-decoration: none; } mark { background-color: transparent; color:; font-style: normal; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } [component-disabled], [component-disabled]>* { cursor: not-allowed!important; } table { border-collapse: collapse; border-spacing: 0; } hr { height: 1px; border: 0; border-top: 1px solid #d1d1d1; margin: 1em 0; } input, select { vertical-align: middle; } *, :after, :before { box-sizing: inherit; } .chosen-container *, html { box-sizing: border-box; } button { font-family: inherit; } [font~=normal], html { font-family: futurabook, Arial, sans-serif; } input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:hover, select:-webkit-autofill, select:-webkit-autofill:focus, select:-webkit-autofill:hover, textarea:-webkit-autofill, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:hover { -webkit-box-shadow: 0 0 0 1000px #fff inset!important; } html { height: 100%; font-size: 14px; } .beta-badge, [color^=jam-music] { color:; } body { font-size: 1em; line-height: 1.5; min-width: 320px; background-color: #fff; -webkit-text-size-adjust: none; } .beta-badge, [text~=line-h-1] { line-height: 1; } p.small+p.small { margin-top: .85714rem; } p.xsmall+p.xsmall { margin-top: .57143rem; } p+p { margin-top: 1.14286rem; } dt { float: left; clear: left; padding-right: .57143rem; } dt:after { content: ":" } ol { counter-reset: section; list-style-type: none; } ol li:before { counter-increment: section; content: counters(section, ".") " " } .overflow-x-hidden { overflow-x: hidden; } .beta-badge { padding: .21429rem; margin-left: .57143rem; text-transform: uppercase; } #p-welcome .beta-badge { margin-left: 1.14286rem; } @media only screen and (max-width:480px) { .hidden-xxs { display: none; } } [component-disabled]>* { -webkit-filter: grayscale(1)!important; filter: grayscale(1)!important; opacity: .4!important; pointer-events: none!important; } [component-disabled]>*>*, [component-disabled]>*>*>* { cursor: not-allowed!important; pointer-events: none!important; } [size-13] { font-size: 13px!important; } [size-18] { font-size: 18px!important; } [text-no-transform] { text-transform: initial!important; } [w-400] { font-weight: 400!important; } [w-600] { font-weight: 600!important; } [l-space-0] { letter-spacing: 0!important; } [l-space-1] { letter-spacing: 1px!important; } [m-b-10] { margin-bottom: 10px!important; } [animation~=rotate-add-180] { -webkit-transform: rotate(180deg); transform: rotate(180deg); } [display^=flex] { display: -webkit-box; display: -ms-flexbox; display: flex; } [display^=flex][display*=row] { -ms-flex-flow: row; flex-flow: row; } [display^=flex][display*=row-reverse] { -ms-flex-flow: row-reverse; flex-flow: row-reverse; } [display^=flex][display*=column] { -ms-flex-flow: column; flex-flow: column; } [display^=flex][display*=column-reverse] { -ms-flex-flow: column-reverse; flex-flow: column-reverse; } [display^=flex][display*=align-center] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } [display^=flex][display*=align-start] { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } [display^=flex][display*=align-end] { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } [display^=flex][display*=align-baseline] { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } [display^=flex][display*=align-strech] { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } [display^=flex][display*=justify-center] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } [display^=flex][display*=justify-between] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } [display^=flex][display*=justify-around] { -ms-flex-pack: distribute; justify-content: space-around; } [display^=flex][display*=justify-end] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } [display^=flex][display*=justify-start] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } [display^=flex][display*=wrap] { -ms-flex-wrap: wrap; flex-wrap: wrap; } [display^=flex][display*=nowrap] { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } [display*=grow-1], [display*=grow-1-desktop] { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (max-width:1110px) { [display*=grow-1-desktop] { -webkit-box-flex: initial; -ms-flex-positive: initial; flex-grow: initial; } } [display*=align-self-start] { -ms-flex-item-align: start; align-self: flex-start; } [display*=align-self-center] { -ms-flex-item-align: center; align-self: center; } [display*=align-self-end] { -ms-flex-item-align: end; align-self: flex-end; } [display*=align-self-baseline] { -ms-flex-item-align: baseline; align-self: baseline; } [display^=block] { display: block; } [display^=inline] { display: inline; } [display^=inline-block] { display: inline-block; } [display^=table] { display: table; } [display*=overflow-hidden], [display*=overflow-visible] { overflow: hidden; } [text~=ellipsis] { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } [text~=nowrap] { white-space: nowrap; } [text~=wrap] { white-space: normal; } [text~=capitalize], [text~=capitalize-first-letter]::first-letter { text-transform: capitalize; } [text~=uppercase] { text-transform: uppercase; } [text~=capitalize-first-letter] { display: block; } [text~=lowercase] { text-transform: lowercase; } [text~=initial] { text-transform: initial; } [text~=left] { text-align: left; } [text~=center] { text-align: center; } [text~=right] { text-align: right; } [text~=justify] { text-align: justify; } [text~=underline] { text-decoration: underline; } [text~=line-h-1-2] { line-height: 1.2; } [text~=line-h-1-25] { line-height: 1.25; } [text~=line-h-1-3] { line-height: 1.3; } [text~=line-h-1-4] { line-height: 1.4; } [text~=line-h-1-5] { line-height: 1.5; } [text~=line-h-1-6] { line-height: 1.6; } [text~=letter-spacing-1] { letter-spacing: 1px; } [font~=demi] { font-family: futurademi, Arial, sans-serif; } [font~=bold] { font-family: futurabold, Arial, sans-serif; } [font~=w-initial] { font-weight: initial; } [font~=w-400] { font-weight: 400; } [font~=w-600] { font-weight: 600; } [font~=size-6] { font-size: 6px; } [font~=size-7] { font-size: 7px; } [font~=size-8] { font-size: 8px; } [font~=size-9] { font-size: 9px; } [font~=size-10] { font-size: 10px; } [font~=size-11], p.xsmall { font-size: 11px; } [font~=size-12] { font-size: 12px; } [font~=size-13] { font-size: 13px; } [font~=size-14] { font-size: 14px; } [font~=size-15] { font-size: 15px; } [font~=size-16] { font-size: 16px; } [font~=size-17] { font-size: 17px; } [font~=size-18] { font-size: 18px; } [font~=size-19] { font-size: 19px; } [font~=size-20] { font-size: 20px; } [font~=size-21] { font-size: 21px; } [font~=size-22] { font-size: 22px; } [font~=size-23] { font-size: 23px; } [font~=size-24] { font-size: 24px; } [font~=size-25] { font-size: 25px; } [font~=size-26] { font-size: 26px; } [font~=size-27] { font-size: 27px; } [font~=size-28] { font-size: 28px; } [font~=size-29] { font-size: 29px; } [font~=size-30] { font-size: 30px; } [font~=size-32] { font-size: 32px; } [font~=size-34] { font-size: 34px; } [font~=size-36] { font-size: 36px; } [font~=size-38] { font-size: 38px; } [font~=size-40] { font-size: 40px; } [size~=w-0] { width: 0; } [size~=w-1] { width: 1px; } [size~=w-2] { width: 2px; } [size~=w-3] { width: 3px; } [size~=w-4] { width: 4px; } [size~=w-5] { width: 5px; } [size~=w-6] { width: 6px; } [size~=w-7] { width: 7px; } [size~=w-8] { width: 8px; } [size~=w-9] { width: 9px; } [size~=w-10] { width: 10px; } [size~=w-11] { width: 11px; } [size~=w-12] { width: 12px; } [size~=w-13] { width: 13px; } [size~=w-14] { width: 14px; } [size~=w-15] { width: 15px; } [size~=w-16] { width: 16px; } [size~=w-17] { width: 17px; } [size~=w-18] { width: 18px; } [size~=w-19] { width: 19px; } [size~=w-20] { width: 20px; } [size~=w-21] { width: 21px; } [size~=w-22] { width: 22px; } [size~=w-23] { width: 23px; } [size~=w-24] { width: 24px; } [size~=w-25] { width: 25px; } [size~=w-26] { width: 26px; } [size~=w-27] { width: 27px; } [size~=w-28] { width: 28px; } [size~=w-29] { width: 29px; } [size~=w-30] { width: 30px; } [size~=w-40] { width: 40px; } [size~=w-135] { width: 135px; } [size~=w-145] { width: 145px; } [size~=w-180] { width: 180px; } [size~=w-220] { width: 220px; } [size~=w-270] { width: 270px; } [size~=w-354] { width: 354px; } [size~=w-650] { width: 650px; } [size~="w-5%"] { width: 5% } [size~="w-10%"] { width: 10% } [size~="w-15%"] { width: 15% } [size~="w-20%"] { width: 20% } [size~="w-25%"] { width: 25% } [size~="w-30%"] { width: 30% } [size~="w-35%"] { width: 35% } [size~="w-40%"] { width: 40% } [size~="w-45%"] { width: 45% } [size^=width][size*="50%"], [size~="w-50%"] { width: 50% } [size~="w-55%"] { width: 55% } [size~="w-60%"] { width: 60% } [size~="w-65%"] { width: 65% } [size~="w-70%"] { width: 70% } [size~="w-75%"] { width: 75% } [size~="w-80%"] { width: 80% } [size~="w-85%"] { width: 85% } [size~="w-90%"] { width: 90% } [size~="w-95%"] { width: 95% } [size^=width][size*="100%"], [size~="w-100%"] { width: 100% } [size~=h-0] { height: 0; } [size~=h-1] { height: 1px; } [size~=h-2] { height: 2px; } [size~=h-3] { height: 3px; } [size~=h-4] { height: 4px; } [size~=h-5] { height: 5px; } [size~=h-6] { height: 6px; } [size~=h-7] { height: 7px; } [size~=h-8] { height: 8px; } [size~=h-9] { height: 9px; } [size~=h-10] { height: 10px; } [size~=h-11] { height: 11px; } [size~=h-12] { height: 12px; } [size~=h-13] { height: 13px; } [size~=h-14] { height: 14px; } [size~=h-15] { height: 15px; } [size~=h-16] { height: 16px; } [size~=h-17] { height: 17px; } [size~=h-18] { height: 18px; } [size~=h-19] { height: 19px; } [size~=h-20] { height: 20px; } [size~=h-21] { height: 21px; } [size~=h-22] { height: 22px; } [size~=h-23] { height: 23px; } [size~=h-24] { height: 24px; } [size~=h-25] { height: 25px; } [size~=h-26] { height: 26px; } [size~=h-27] { height: 27px; } [size~=h-28] { height: 28px; } [size~=h-29] { height: 29px; } [size~=h-30] { height: 30px; } [size~=h-40] { height: 40px; } [size~=h-50] { height: 50px; } [size~=h-400] { height: 400px; } [size~=h-580] { height: 580px; } [size~=h-1000] { height: 1000px; } [size~="h-5%"] { height: 5% } [size~="h-10%"] { height: 10% } [size~="h-15%"] { height: 15% } [size~="h-20%"] { height: 20% } [size~="h-25%"] { height: 25% } [size~="h-30%"] { height: 30% } [size~="h-35%"] { height: 35% } [size~="h-40%"] { height: 40% } [size~="h-45%"] { height: 45% } [size~="h-50%"] { height: 50% } [size~="h-55%"] { height: 55% } [size~="h-60%"] { height: 60% } [size~="h-65%"] { height: 65% } [size~="h-70%"] { height: 70% } [size~="h-75%"] { height: 75% } [size~="h-80%"] { height: 80% } [size~="h-85%"] { height: 85% } [size~="h-90%"] { height: 90% } [size~="h-95%"] { height: 95% } [size~="h-100%"] { height: 100% } [size~=min-width-0] { min-width: 0; } [size~=min-width-1] { min-width: 1px; } [size~=min-width-2] { min-width: 2px; } [size~=min-width-3] { min-width: 3px; } [size~=min-width-4] { min-width: 4px; } [size~=min-width-5] { min-width: 5px; } [size~=min-width-6] { min-width: 6px; } [size~=min-width-7] { min-width: 7px; } [size~=min-width-8] { min-width: 8px; } [size~=min-width-9] { min-width: 9px; } [size~=min-width-10] { min-width: 10px; } [size~=min-width-11] { min-width: 11px; } [size~=min-width-12] { min-width: 12px; } [size~=min-width-13] { min-width: 13px; } [size~=min-width-14] { min-width: 14px; } [size~=min-width-15] { min-width: 15px; } [size~=min-width-16] { min-width: 16px; } [size~=min-width-17] { min-width: 17px; } [size~=min-width-18] { min-width: 18px; } [size~=min-width-19] { min-width: 19px; } [size~=min-width-20] { min-width: 20px; } [size~=min-width-21] { min-width: 21px; } [size~=min-width-22] { min-width: 22px; } [size~=min-width-23] { min-width: 23px; } [size~=min-width-24] { min-width: 24px; } [size~=min-width-25] { min-width: 25px; } [size~=min-width-26] { min-width: 26px; } [size~=min-width-27] { min-width: 27px; } [size~=min-width-28] { min-width: 28px; } [size~=min-width-29] { min-width: 29px; } [size~=min-width-30] { min-width: 30px; } [size~=min-width-40] { min-width: 40px; } [size~=min-width-50] { min-width: 50px; } [size~=min-width-135] { min-width: 135px; } [size~=min-width-220] { min-width: 220px; } [size~=min-width-290] { min-width: 290px; } [size~=min-width-300] { min-width: 300px; } [size~=min-width-650] { min-width: 650px; } [size~="min-width-5%"] { min-width: 5% } [size~="min-width-10%"] { min-width: 10% } [size~="min-width-15%"] { min-width: 15% } [size~="min-width-20%"] { min-width: 20% } [size~="min-width-25%"] { min-width: 25% } [size~="min-width-30%"] { min-width: 30% } [size~="min-width-35%"] { min-width: 35% } [size~="min-width-40%"] { min-width: 40% } [size~="min-width-45%"] { min-width: 45% } [size~="min-width-50%"] { min-width: 50% } [size~="min-width-55%"] { min-width: 55% } [size~="min-width-60%"] { min-width: 60% } [size~="min-width-65%"] { min-width: 65% } [size~="min-width-70%"] { min-width: 70% } [size~="min-width-75%"] { min-width: 75% } [size~="min-width-80%"] { min-width: 80% } [size~="min-width-85%"] { min-width: 85% } [size~="min-width-90%"] { min-width: 90% } [size~="min-width-95%"] { min-width: 95% } [size~="min-width-100%"] { min-width: 100% } [size~=min-height-0] { min-height: 0; } [size~=min-height-1] { min-height: 1px; } [size~=min-height-2] { min-height: 2px; } [size~=min-height-3] { min-height: 3px; } [size~=min-height-4] { min-height: 4px; } [size~=min-height-5] { min-height: 5px; } [size~=min-height-6] { min-height: 6px; } [size~=min-height-7] { min-height: 7px; } [size~=min-height-8] { min-height: 8px; } [size~=min-height-9] { min-height: 9px; } [size~=min-height-10] { min-height: 10px; } [size~=min-height-11] { min-height: 11px; } [size~=min-height-12] { min-height: 12px; } [size~=min-height-13] { min-height: 13px; } [size~=min-height-14] { min-height: 14px; } [size~=min-height-15] { min-height: 15px; } [size~=min-height-16] { min-height: 16px; } [size~=min-height-17] { min-height: 17px; } [size~=min-height-18] { min-height: 18px; } [size~=min-height-19] { min-height: 19px; } [size~=min-height-20] { min-height: 20px; } [size~=min-height-21] { min-height: 21px; } [size~=min-height-22] { min-height: 22px; } [size~=min-height-23] { min-height: 23px; } [size~=min-height-24] { min-height: 24px; } [size~=min-height-25] { min-height: 25px; } [size~=min-height-26] { min-height: 26px; } [size~=min-height-27] { min-height: 27px; } [size~=min-height-28] { min-height: 28px; } [size~=min-height-29] { min-height: 29px; } [size~=min-height-30] { min-height: 30px; } [size~=min-height-40] { min-height: 40px; } [size~=min-height-307] { min-height: 307px; } [size~=min-height-450] { min-height: 450px; } [size~=min-height-1000] { min-height: 1000px; } [size~="min-height-5%"] { min-height: 5% } [size~="min-height-10%"] { min-height: 10% } [size~="min-height-15%"] { min-height: 15% } [size~="min-height-20%"] { min-height: 20% } [size~="min-height-25%"] { min-height: 25% } [size~="min-height-30%"] { min-height: 30% } [size~="min-height-35%"] { min-height: 35% } [size~="min-height-40%"] { min-height: 40% } [size~="min-height-45%"] { min-height: 45% } [size~="min-height-50%"] { min-height: 50% } [size~="min-height-55%"] { min-height: 55% } [size~="min-height-60%"] { min-height: 60% } [size~="min-height-65%"] { min-height: 65% } [size~="min-height-70%"] { min-height: 70% } [size~="min-height-75%"] { min-height: 75% } [size~="min-height-80%"] { min-height: 80% } [size~="min-height-85%"] { min-height: 85% } [size~="min-height-90%"] { min-height: 90% } [size~="min-height-95%"] { min-height: 95% } [size~="min-height-100%"] { min-height: 100% } [size~=w-auto] { width: auto; } [size~=h-auto] { height: auto; } [margin^=auto] { margin: 0 auto; } [margin^="0"] { margin: 0; } [margin^="0-important"] { margin: 0!important; } [margin^="1"] { margin: 1px; } [margin^="2"] { margin: 2px; } [margin^="3"] { margin: 3px; } [margin^="4"] { margin: 4px; } [margin^="5"] { margin: 5px; } [margin^="6"] { margin: 6px; } [margin^="7"] { margin: 7px; } [margin^="8"] { margin: 8px; } [margin^="10"] { margin: 10px; } [margin^="11"] { margin: 11px; } [margin^="12"] { margin: 12px; } [margin^="13"] { margin: 13px; } [margin^="14"] { margin: 14px; } [margin^="15"] { margin: 15px; } [margin^="16"] { margin: 16px; } [margin^="17"] { margin: 17px; } [margin^="18"] { margin: 18px; } [margin^="19"] { margin: 19px; } [margin^="20"] { margin: 20px; } [margin^="21"] { margin: 21px; } [margin^="22"] { margin: 22px; } [margin^="23"] { margin: 23px; } [margin^="24"] { margin: 24px; } [margin^="25"] { margin: 25px; } [margin^="26"] { margin: 26px; } [margin^="27"] { margin: 27px; } [margin^="28"] { margin: 28px; } [margin^="29"] { margin: 29px; } [margin^="30"] { margin: 30px; } [margin~=top-0] { margin-top: 0; } [margin~=top-1] { margin-top: 1px; } [margin~=top-2] { margin-top: 2px; } [margin~=top-3] { margin-top: 3px; } [margin~=top-4] { margin-top: 4px; } [margin~=top-5] { margin-top: 5px; } [margin~=top-6] { margin-top: 6px; } [margin~=top-7] { margin-top: 7px; } [margin~=top-8] { margin-top: 8px; } [margin~=top-10] { margin-top: 10px; } [margin~=top-11] { margin-top: 11px; } [margin~=top-12] { margin-top: 12px; } [margin~=top-13] { margin-top: 13px; } [margin~=top-14] { margin-top: 14px; } [margin~=top-15] { margin-top: 15px; } [margin~=top-16] { margin-top: 16px; } [margin~=top-17] { margin-top: 17px; } [margin~=top-18] { margin-top: 18px; } [margin~=top-19] { margin-top: 19px; } [margin~=top-20] { margin-top: 20px; } [margin~=top-21] { margin-top: 21px; } [margin~=top-22] { margin-top: 22px; } [margin~=top-23] { margin-top: 23px; } [margin~=top-24] { margin-top: 24px; } [margin~=top-25] { margin-top: 25px; } [margin~=top-26] { margin-top: 26px; } [margin~=top-27] { margin-top: 27px; } [margin~=top-28] { margin-top: 28px; } [margin~=top-29] { margin-top: 29px; } [margin~=top-30] { margin-top: 30px; } [margin~=top-50] { margin-top: 50px; } [margin~=top-100] { margin-top: 100px; } [margin~=left-auto] { margin-left: auto; } [margin~=left-0] { margin-left: 0; } [margin~=left-1] { margin-left: 1px; } [margin~=left-2] { margin-left: 2px; } [margin~=left-3] { margin-left: 3px; } [margin~=left-4] { margin-left: 4px; } [margin~=left-5] { margin-left: 5px; } [margin~=left-6] { margin-left: 6px; } [margin~=left-7] { margin-left: 7px; } [margin~=left-8] { margin-left: 8px; } [margin~=left-10] { margin-left: 10px; } [margin~=left-11] { margin-left: 11px; } [margin~=left-12] { margin-left: 12px; } [margin~=left-13] { margin-left: 13px; } [margin~=left-14] { margin-left: 14px; } [margin~=left-15] { margin-left: 15px; } [margin~=left-16] { margin-left: 16px; } [margin~=left-17] { margin-left: 17px; } [margin~=left-18] { margin-left: 18px; } [margin~=left-19] { margin-left: 19px; } [margin~=left-20] { margin-left: 20px; } [margin~=left-21] { margin-left: 21px; } [margin~=left-22] { margin-left: 22px; } [margin~=left-23] { margin-left: 23px; } [margin~=left-24] { margin-left: 24px; } [margin~=left-25] { margin-left: 25px; } [margin~=left-26] { margin-left: 26px; } [margin~=left-27] { margin-left: 27px; } [margin~=left-28] { margin-left: 28px; } [margin~=left-29] { margin-left: 29px; } [margin~=left-30] { margin-left: 30px; } [margin~=bottom-0] { margin-bottom: 0; } [margin~=bottom-1] { margin-bottom: 1px; } [margin~=bottom-2] { margin-bottom: 2px; } [margin~=bottom-3] { margin-bottom: 3px; } [margin~=bottom-4] { margin-bottom: 4px; } [margin~=bottom-5] { margin-bottom: 5px; } [margin~=bottom-6] { margin-bottom: 6px; } [margin~=bottom-7] { margin-bottom: 7px; } [margin~=bottom-8] { margin-bottom: 8px; } [margin~=bottom-10] { margin-bottom: 10px; } [margin~=bottom-11] { margin-bottom: 11px; } [margin~=bottom-12] { margin-bottom: 12px; } [margin~=bottom-13] { margin-bottom: 13px; } [margin~=bottom-14] { margin-bottom: 14px; } [margin~=bottom-15] { margin-bottom: 15px; } [margin~=bottom-16] { margin-bottom: 16px; } [margin~=bottom-17] { margin-bottom: 17px; } [margin~=bottom-18] { margin-bottom: 18px; } [margin~=bottom-19] { margin-bottom: 19px; } [margin~=bottom-20] { margin-bottom: 20px; } [margin~=bottom-21] { margin-bottom: 21px; } [margin~=bottom-22] { margin-bottom: 22px; } [margin~=bottom-23] { margin-bottom: 23px; } [margin~=bottom-24] { margin-bottom: 24px; } [margin~=bottom-25] { margin-bottom: 25px; } [margin~=bottom-26] { margin-bottom: 26px; } [margin~=bottom-27] { margin-bottom: 27px; } [margin~=bottom-28] { margin-bottom: 28px; } [margin~=bottom-29] { margin-bottom: 29px; } [margin~=bottom-30] { margin-bottom: 30px; } [margin~=bottom-50] { margin-bottom: 50px; } [margin~=bottom-100] { margin-bottom: 100px; } [margin~=right-auto] { margin-right: auto; } [margin~=right-0] { margin-right: 0; } [margin~=right-1] { margin-right: 1px; } [margin~=right-2] { margin-right: 2px; } [margin~=right-3] { margin-right: 3px; } [margin~=right-4] { margin-right: 4px; } [margin~=right-5] { margin-right: 5px; } [margin~=right-6] { margin-right: 6px; } [margin~=right-7] { margin-right: 7px; } [margin~=right-8] { margin-right: 8px; } [margin~=right-10] { margin-right: 10px; } [margin~=right-11] { margin-right: 11px; } [margin~=right-12] { margin-right: 12px; } [margin~=right-13] { margin-right: 13px; } [margin~=right-14] { margin-right: 14px; } [margin~=right-15] { margin-right: 15px; } [margin~=right-16] { margin-right: 16px; } [margin~=right-17] { margin-right: 17px; } [margin~=right-18] { margin-right: 18px; } [margin~=right-19] { margin-right: 19px; } [margin~=right-20] { margin-right: 20px; } [margin~=right-21] { margin-right: 21px; } [margin~=right-22] { margin-right: 22px; } [margin~=right-23] { margin-right: 23px; } [margin~=right-24] { margin-right: 24px; } [margin~=right-25] { margin-right: 25px; } [margin~=right-26] { margin-right: 26px; } [margin~=right-27] { margin-right: 27px; } [margin~=right-28] { margin-right: 28px; } [margin~=right-29] { margin-right: 29px; } [margin~=right-30] { margin-right: 30px; } [margin~=right-40] { margin-right: 40px; } [padding~="1"] { padding: 1px; } [padding~="2"] { padding: 2px; } [padding~="3"] { padding: 3px; } [padding~="4"] { padding: 4px; } [padding~="5"] { padding: 5px; } [padding~="6"] { padding: 6px; } [padding~="7"] { padding: 7px; } [padding~="8"] { padding: 8px; } [padding~="10"] { padding: 10px; } [padding~="11"] { padding: 11px; } [padding~="12"] { padding: 12px; } [padding~="13"] { padding: 13px; } [padding~="14"] { padding: 14px; } [padding~="15"] { padding: 15px; } [padding~="16"] { padding: 16px; } [padding~="17"] { padding: 17px; } [padding~="18"] { padding: 18px; } [padding~="19"] { padding: 19px; } [padding~="20"] { padding: 20px; } [padding~="21"] { padding: 21px; } [padding~="22"] { padding: 22px; } [padding~="23"] { padding: 23px; } [padding~="24"] { padding: 24px; } [padding~="25"] { padding: 25px; } [padding~="26"] { padding: 26px; } [padding~="27"] { padding: 27px; } [padding~="28"] { padding: 28px; } [padding~="29"] { padding: 29px; } [padding~="30"] { padding: 30px; } [padding~=top-0] { padding-top: 0; } [padding~=top-1] { padding-top: 1px; } [padding~=top-2] { padding-top: 2px; } [padding~=top-3] { padding-top: 3px; } [padding~=top-4] { padding-top: 4px; } [padding~=top-5] { padding-top: 5px; } [padding~=top-6] { padding-top: 6px; } [padding~=top-7] { padding-top: 7px; } [padding~=top-8] { padding-top: 8px; } [padding~=top-10] { padding-top: 10px; } [padding~=top-11] { padding-top: 11px; } [padding~=top-12] { padding-top: 12px; } [padding~=top-13] { padding-top: 13px; } [padding~=top-14] { padding-top: 14px; } [padding~=top-15] { padding-top: 15px; } [padding~=top-16] { padding-top: 16px; } [padding~=top-17] { padding-top: 17px; } [padding~=top-18] { padding-top: 18px; } [padding~=top-19] { padding-top: 19px; } [padding~=top-20] { padding-top: 20px; } [padding~=top-21] { padding-top: 21px; } [padding~=top-22] { padding-top: 22px; } [padding~=top-23] { padding-top: 23px; } [padding~=top-24] { padding-top: 24px; } [padding~=top-25] { padding-top: 25px; } [padding~=top-26] { padding-top: 26px; } [padding~=top-27] { padding-top: 27px; } [padding~=top-28] { padding-top: 28px; } [padding~=top-29] { padding-top: 29px; } [padding~=top-30] { padding-top: 30px; } [padding~=top-32] { padding-top: 32px; } [padding~=top-60] { padding-top: 60px; } [padding~=left-0] { padding-left: 0; } [padding~=left-1] { padding-left: 1px; } [padding~=left-2] { padding-left: 2px; } [padding~=left-3] { padding-left: 3px; } [padding~=left-4] { padding-left: 4px; } [padding~=left-5] { padding-left: 5px; } [padding~=left-6] { padding-left: 6px; } [padding~=left-7] { padding-left: 7px; } [padding~=left-8] { padding-left: 8px; } [padding~=left-10] { padding-left: 10px; } [padding~=left-11] { padding-left: 11px; } [padding~=left-12] { padding-left: 12px; } [padding~=left-13] { padding-left: 13px; } [padding~=left-14] { padding-left: 14px; } [padding~=left-15] { padding-left: 15px; } [padding~=left-16] { padding-left: 16px; } [padding~=left-17] { padding-left: 17px; } [padding~=left-18] { padding-left: 18px; } [padding~=left-19] { padding-left: 19px; } [padding~=left-20] { padding-left: 20px; } [padding~=left-21] { padding-left: 21px; } [padding~=left-22] { padding-left: 22px; } [padding~=left-23] { padding-left: 23px; } [padding~=left-24] { padding-left: 24px; } [padding~=left-25] { padding-left: 25px; } [padding~=left-26] { padding-left: 26px; } [padding~=left-27] { padding-left: 27px; } [padding~=left-28] { padding-left: 28px; } [padding~=left-29] { padding-left: 29px; } [padding~=left-30] { padding-left: 30px; } [padding~=left-32] { padding-left: 32px; } [padding~=left-40] { padding-left: 40px; } [padding~=bottom-0] { padding-bottom: 0; } [padding~=bottom-1] { padding-bottom: 1px; } [padding~=bottom-2] { padding-bottom: 2px; } [padding~=bottom-3] { padding-bottom: 3px; } [padding~=bottom-4] { padding-bottom: 4px; } [padding~=bottom-5] { padding-bottom: 5px; } [padding~=bottom-6] { padding-bottom: 6px; } [padding~=bottom-7] { padding-bottom: 7px; } [padding~=bottom-8] { padding-bottom: 8px; } [padding~=bottom-10] { padding-bottom: 10px; } [padding~=bottom-11] { padding-bottom: 11px; } [padding~=bottom-12] { padding-bottom: 12px; } [padding~=bottom-13] { padding-bottom: 13px; } [padding~=bottom-14] { padding-bottom: 14px; } [padding~=bottom-15] { padding-bottom: 15px; } [padding~=bottom-16] { padding-bottom: 16px; } [padding~=bottom-17] { padding-bottom: 17px; } [padding~=bottom-18] { padding-bottom: 18px; } [padding~=bottom-19] { padding-bottom: 19px; } [padding~=bottom-20] { padding-bottom: 20px; } [padding~=bottom-21] { padding-bottom: 21px; } [padding~=bottom-22] { padding-bottom: 22px; } [padding~=bottom-23] { padding-bottom: 23px; } [padding~=bottom-24] { padding-bottom: 24px; } [padding~=bottom-25] { padding-bottom: 25px; } [padding~=bottom-26] { padding-bottom: 26px; } [padding~=bottom-27] { padding-bottom: 27px; } [padding~=bottom-28] { padding-bottom: 28px; } [padding~=bottom-29] { padding-bottom: 29px; } [padding~=bottom-30] { padding-bottom: 30px; } [padding~=bottom-32] { padding-bottom: 32px; } [padding~=right-0] { padding-right: 0; } [padding~=right-1] { padding-right: 1px; } [padding~=right-2] { padding-right: 2px; } [padding~=right-3] { padding-right: 3px; } [padding~=right-4] { padding-right: 4px; } [padding~=right-5] { padding-right: 5px; } [padding~=right-6] { padding-right: 6px; } [padding~=right-7] { padding-right: 7px; } [padding~=right-8] { padding-right: 8px; } [padding~=right-10] { padding-right: 10px; } [padding~=right-11] { padding-right: 11px; } [padding~=right-12] { padding-right: 12px; } [padding~=right-13] { padding-right: 13px; } [padding~=right-14] { padding-right: 14px; } [padding~=right-15] { padding-right: 15px; } [padding~=right-16] { padding-right: 16px; } [padding~=right-17] { padding-right: 17px; } [padding~=right-18] { padding-right: 18px; } [padding~=right-19] { padding-right: 19px; } [padding~=right-20] { padding-right: 20px; } [padding~=right-21] { padding-right: 21px; } [padding~=right-22] { padding-right: 22px; } [padding~=right-23] { padding-right: 23px; } [padding~=right-24] { padding-right: 24px; } [padding~=right-25] { padding-right: 25px; } [padding~=right-26] { padding-right: 26px; } [padding~=right-27] { padding-right: 27px; } [padding~=right-28] { padding-right: 28px; } [padding~=right-29] { padding-right: 29px; } [padding~=right-30] { padding-right: 30px; } [padding~=right-32] { padding-right: 32px; } [padding~=right-40] { padding-right: 40px; } [color^=jam-licensing] { color: #67b7bf; } [color^=white] { color: #FFF; } [color^=red] { color: red; } [color^=orange] { color: orange; } [color^=gray-0] { color: #f5f5f5; } [color^=gray-1] { color: #f2f2f2; } [color^=gray-2] { color: #e5e5e5; } [color^=gray-3] { color: #d8d8d8; } [color^=gray-4] { color: #cbcbcb; } [color^=gray-5] { color: #bebebe; } [color^=gray-6] { color: #b1b1b1; } [color^=gray-7] { color: #a4a4a4; } [color^=gray-8] { color: #979797; } [color^=gray-9] { color: #8a8a8a; } [color^=gray-10] { color: #7d7d7d; } [color^=gray-11] { color: #707070; } [color^=gray-12] { color: #636363; } [color^=gray-13] { color: #565656; } [color^=gray-14] { color: #494949; } [color^=gray-15] { color: #3c3c3c; } [color^=gray-16] { color: #2f2f2f; } [color^=gray-17] { color: #222; } [color^=gray-18] { color: #151515; } [color^=gray-19] { color: #080808; } [border~=none] { border: none; } [border~=w-1] { border: 1px solid; } [border~=w-2] { border: 2px solid; } [border~=w-3] { border: 3px solid; } [border~=w-4] { border: 4px solid; } [border~=w-5] { border: 5px solid; } [border~=w-6] { border: 6px solid; } [border~=w-7] { border: 7px solid; } [border~=w-8] { border: 8px solid; } [border~=w-9] { border: 9px solid; } [border~=w-10] { border: 10px solid; } [border^=jam-music] { border-color:; } [border^=jam-licensing], [border~=jamlicensing] { border-color: #67b7bf; } [border~="r100%"] { border-radius: 100% } [border~=r1] { border-radius: 1px; } [border~=r2] { border-radius: 2px; } [border~=r3] { border-radius: 3px; } [border~=r4] { border-radius: 4px; } [border~=r5] { border-radius: 5px; } [border~=r6] { border-radius: 6px; } [border~=r7] { border-radius: 7px; } [border~=r8] { border-radius: 8px; } [border~=r9] { border-radius: 9px; } [border~=r10] { border-radius: 10px; } [background^=jam-music] { background-color:; } [background^=jam-licensing] { background-color: #67b7bf; } [background^=black] { background-color: #000; } [background^=red] { background-color: red; } [background^=orange] { background-color: orange; } [background^=gray-0] { background-color: #f5f5f5; } [background^=gray-1] { background-color: #f2f2f2; } [background^=gray-2] { background-color: #e5e5e5; } [background^=gray-3] { background-color: #d8d8d8; } [background^=gray-4] { background-color: #cbcbcb; } [background^=gray-5] { background-color: #bebebe; } [background^=gray-6] { background-color: #b1b1b1; } [background^=gray-7] { background-color: #a4a4a4; } [background^=gray-8] { background-color: #979797; } [background^=gray-9] { background-color: #8a8a8a; } [background^=gray-10] { background-color: #7d7d7d; } [background^=gray-11] { background-color: #707070; } [background^=gray-12] { background-color: #636363; } [background^=gray-13] { background-color: #565656; } [background^=gray-14] { background-color: #494949; } [background^=gray-15] { background-color: #3c3c3c; } [background^=gray-16] { background-color: #2f2f2f; } [background^=gray-17] { background-color: #222; } [background^=gray-18] { background-color: #151515; } [background^=gray-19] { background-color: #080808; } [position^=relative] { position: relative; } [position^=absolute] { position: absolute; } [position^=sticky], [position^=sticky-desktop] { position: -webkit-sticky; position: sticky; } @media only screen and (max-width:1110px) { [position^=sticky-desktop] { position: initial; } } [position^=float-right] { float: right; } [position*=top-2] { top: 2px; } [position*=top-30] { top: 30px; } [position*=right-0] { right: 0; } [position*=right-minus-10] { right: -10px; } [position*=bottom-0] { bottom: 0; } [position*=left-0] { left: 0; } [hover~=licensing]:hover, [hover~=licensing]:hover>* { color: #67b7bf; } @media only screen and (max-width:750px) { [responsive~="750-reset-background"] { background-color: initial; } } .entry .more:after, .entry .more:before, .section-secondary .cc:after, .section-secondary .cc:before, .section-secondary:after, .section-secondary:before { content: " "; display: table; } .entry .more:after, .section-secondary .cc:after, .section-secondary:after { clear: both; } .section-header .select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } #p-year-in-review header, .entity_visual .avatar { background-size: cover; background-position: center center; } .player_background_img { -webkit-filter: blur(60px); filter: blur(60px); filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='60'); } .entry .feature .background:before, .hero-mobile_cover:after, .p-welcome .main .bg:before, .player_background:after, .post_entity:before, .tile_body:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .16; filter: alpha(opacity=16); background-color: #000; content: ""; z-index: 1; } #skeleton-notifications-followers, #skeleton-notifications-generic, #skeleton-overlay, #skeleton-player-full { position: fixed; max-width: 100%; right: 0; overflow-x: hidden; } .dispatcher .link-wrap:active, .dispatcher .link-wrap:hover, .form-search_suggestions a:active, .form-search_suggestions a:hover { background-color: #f0f0f0; } #skeleton-overlay, #skeleton-player-full { height: 100%; top: 0; left: 0; overflow-y: scroll; } .entry .type .text:focus, .form-control:focus { border-color: rgba(255, 31, 89, .7); outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 31, 89, .3); } .avatar, .entity_visual, .hero-cover { position: relative; width: 100%; padding-bottom: 100% } .loader, .player, .player_background, .player_background_img, .post_entity_content { position: relative; width: 100%; height: 100% } .avatar>div, .entity.entity--artist .entity_visual, .entity.entity--user .entity_visual, .entity_visual .avatar { width: 100%; height: 100%; border-radius: 100% } .range .thumb-path>div, .tile_body_content { display: table; width: 100%; height: 100% } #o-download .informational, #p-year-in-review header .body>div, .app-bar_wrap, .btn-social, .entity-overlay, .entity-secondary-menu .layout, .entity_information, .entry, .entry .expand-replies, .hero-plain_structure, .notifications .notification, .notifications .notification-target, .overlay-bar, .player-mini, .section-header, .section-tertiary, .track, .track .link-wrap>div { display: table; width: 100% } .edit-image-thumb-layer>div, .form-search { display: table; width: 100%; height: 100% } #o-download .informational>div, .app-bar_wrap>*, .dispatcher .icon, .dispatcher_body, .entity-overlay_body, .entity-secondary-menu .layout_body, .entity_information>div:first-child, .entry .expand-replies>div, .entry .feature .cover, .form-search_suggestions_statistic, .form-search_suggestions_text, .notifications .notification-target>div, .notifications .notification>div, .overlay-bar>*, .player-mini>*, .section-header_left, .section-header_mono, .section-header_right, .track .link-wrap, .track.track--playlist-deleted>*, .track_actions, .track_chart-position, .track_duration, .track_information, .track_tags { display: table-cell; vertical-align: middle; } .entry .feature .information, .hero-plain_structure>div { display: table-cell; vertical-align: bottom; } .entry .type>div, .entry>div { display: table-cell; vertical-align: top; } #p-year-in-review header .body>div>div, .btn-social>div, .edit-image-thumb-layer>div>div, .form-search_input, .form-search_left, .form-search_right, .p-welcome .licensing_content, .p-welcome .licensing_logo, .p-welcome .main .content, .tile_body_content_descriptive, .tile_body_content_standalone-title, .track.track--playlist-edition .track_handle { display: table-cell; text-align: center; vertical-align: middle; } .entity-overlay_body, .entity-secondary-menu .layout_body, .entity_information>div:first-child, .entry .feature .information, .overlay-bar_information, .player-mini_track_information>:first-child, .track_information { width: 100%; max-width: 50px; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: auto; margin-right: auto; color: inherit; } #p-year-in-review header .body, .edit-image-thumb-layer, .edit-image-thumb-layer:before, .entity_visual .avatar, .entity_visual .playlist-cover-grid, .entity_visual>div, .entry .feature .background, .entry .feature .content, .hero-cover>div, .hero-desktop_cover, .hero-desktop_wrap, .hero-mobile_cover>div, .p-welcome .main .bg, .post_entity:before, .post_entity>:first-child, .post_entity>:last-child, .range .thumb-path, .tile_body:before, .tile_body>:first-child, .tile_body>:last-child { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .avatar>div, .pivot-bar ul, .player-mini_volume_layer, .post .quick-play, .social-links li .icon, .track_play img { position: absolute; top: 0; left: 0; } .player_progress_current { position: absolute; bottom: 0; left: 0; } .licensing-img-insert-desktop>div, .p-welcome .licensing { position: absolute; top: 0; right: 0; } .player_progress_running { position: absolute; bottom: 0; right: 0; } .pivot-bar li.is-active a:before, .pivot-bar:before { position: absolute; bottom: 0; right: 0; left: 0; } .btn-action:after { position: absolute; bottom: 0; right: 0; left: 0; top: 0; } .btn-icon.is-active:after, .loader>div { position: absolute; left: 50%; top: 50% } #skeleton-content-veil { position: fixed; height: 100%; top: 0; left: 0; right: 0; } #skeleton-bar-new, #skeleton-bars { top: 0; right: 0; left: 0; } #skeleton-content-messages, #skeleton-player-mini, #skeleton-secondary-menu-mobile, #skeleton-toast { position: fixed; right: 0; bottom: 0; left: 0; } .btn-like .icon, .btn-like span { display: inline-block; vertical-align: middle; } .pivot-bar li { display: inline-block; vertical-align: top; } .player-mini_volume_layer { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .player-mini .player-volume_mute { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .app-bar .avatar-button, .app-bar-new .avatar-button, .app-bar-new2 .avatar-button, .btn, .btn-fixed_btn, .btn-icon, .btn-like, .btn-link, .btn-pill, .btn-secondary-menu, .btn-social, .btn-store, .btn-tag, .highlighted, .list-entity-overlay button, a.link-action:link { position: relative; display: inline-block; vertical-align: top; text-align: center; text-decoration: none; z-index: 0; } .app-bar .avatar-button:hover, .app-bar-new .avatar-button:hover, .app-bar-new2 .avatar-button:hover, .btn-fixed_btn:hover, .btn-icon:hover, .btn-like:hover, .btn-link:hover, .btn-pill:hover, .btn-secondary-menu:hover, .btn-social:hover, .btn-store:hover, .btn-tag:hover, .btn:hover, .highlighted:hover, .list-entity-overlay button:hover, a.link-action:hover:link { cursor: pointer; } .btn-fixed_btn:after, .btn-fixed_btn:before, .btn-pill:after, .btn-pill:before, .btn-social:after, .btn-social:before, .btn-tag:before, .btn:after, .btn:before, .highlighted:before { position: absolute; z-index: -2; content: ""; border-radius: 3px; } .btn, .btn-fixed_btn, .btn-pill.btn--hybrid span, .btn-social>div:last-child, .highlighted { text-transform: uppercase; line-height: 1.6; color: #FFF!important; letter-spacing: 1px; } .btn.btn--discreet--tag:before, .btn.btn--discreet:before { background-color: #bfbfbf; } .btn.btn--discreet--tag:after, .btn.btn--discreet:after { background-color: transparent; } .btn.btn--discreet--tag:active:before, .btn.btn--discreet--tag:hover:before, .btn.btn--discreet:active:before, .btn.btn--discreet:hover:before { background-color: #999; } .btn-fixed_btn:before, .btn-pill:before, .btn:before, .highlighted:before { background-color: #262626; } .btn-fixed_btn:after, .btn-pill:after, .btn:after, .highlighted:after { background-color: transparent; } .btn-fixed_btn:active:before, .btn-fixed_btn:hover:before, .btn-pill:active:before, .btn-pill:hover:before, .btn:active:before, .btn:hover:before, .highlighted:active:before, .highlighted:hover:before { background-color: #000; } .btn-fixed_btn.btn--brand:before, .btn-pill.btn--brand:before, .btn.btn--brand:before { background-color:; } .btn-fixed_btn.btn--brand:after, .btn-pill.btn--brand:after, .btn.btn--brand:after { background-color: transparent; } .btn-fixed_btn.btn--brand:active:before, .btn-fixed_btn.btn--brand:hover:before, .btn-pill.btn--brand:active:before, .btn-pill.btn--brand:hover:before, .btn.btn--brand:active:before, .btn.btn--brand:hover:before { background-color: #d20036; } .btn.btn--licensing-2:before, .btn.btn--licensing:before { background-color: #67b7bf; } .btn.btn--licensing-2:after, .btn.btn--licensing:after { background-color: transparent; } .btn.btn--licensing-2:active:before, .btn.btn--licensing-2:hover:before, .btn.btn--licensing:active:before, .btn.btn--licensing:hover:before { background-color: #409199; } .btn.btn--licensing-white { color: #67b7bf!important; } .btn.btn--licensing-white:before { background-color: #FFF; } .btn.btn--licensing-white:after { background-color: transparent; } .btn.btn--licensing-white:active:before, .btn.btn--licensing-white:hover:before { background-color: #000; } .btn.btn--licensing-white:hover { color: #FFF!important; } .btn.btn--licensing-white:hover::before { background-color: #409199; } .btn.btn--highlight:before, .highlighted:before { background-color: #f07a25; } .btn.btn--highlight:after, .highlighted:after { background-color: transparent; } .btn.btn--highlight:active:before, .btn.btn--highlight:hover:before, .highlighted:active:before, .highlighted:hover:before { background-color: #bc560d; } .btn-pill.btn--facebook:before, .btn-social.btn--facebook:before { background-color: #5f78ab; } .btn-pill.btn--facebook:after, .btn-social.btn--facebook:after { background-color: transparent; } .btn-pill.btn--facebook:active:before, .btn-pill.btn--facebook:hover:before, .btn-social.btn--facebook:active:before, .btn-social.btn--facebook:hover:before { background-color: #41557c; } .btn-pill.btn--twitter:before, .btn-social.btn--twitter:before { background-color: #4099FF; } .btn-pill.btn--twitter:after, .btn-social.btn--twitter:after { background-color: transparent; } .btn-pill.btn--twitter:active:before, .btn-pill.btn--twitter:hover:before, .btn-social.btn--twitter:active:before, .btn-social.btn--twitter:hover:before { background-color: #0071f3; } .btn-pill.btn--google:before, .btn-social.btn--google:before { background-color: #dd4b39; } .btn-pill.btn--google:after, .btn-social.btn--google:after { background-color: transparent; } .btn-pill.btn--google:active:before, .btn-pill.btn--google:hover:before, .btn-social.btn--google:active:before, .btn-social.btn--google:hover:before { background-color: #ac2d1e; } .btn-pill.btn--apple:before, .btn-social.btn--apple:before { background-color: #000; } .btn-pill.btn--apple:after, .btn-social.btn--apple:after { background-color: transparent; } .btn-pill.btn--apple:active:before, .btn-pill.btn--apple:hover:before, .btn-social.btn--apple:active:before, .btn-social.btn--apple:hover:before { background-color: #000; } .btn-pill.btn--vk:before, .btn-social.btn--vk:before { background-color: #507299; } .btn-pill.btn--vk:after, .btn-social.btn--vk:after { background-color: transparent; } .btn-pill.btn--vk:active:before, .btn-pill.btn--vk:hover:before, .btn-social.btn--vk:active:before, .btn-social.btn--vk:hover:before { background-color: #364d67; } .btn-pill.btn--instagram:before { background-color: #e0176c; } .btn-pill.btn--instagram:after { background-color: transparent; } .btn-pill.btn--instagram:active:before, .btn-pill.btn--instagram:hover:before { background-color: #9b104b; } .btn.is-disabled:active:before, .btn.is-disabled:before, .btn.is-disabled:hover:before, .btn[disabled]:active:before, .btn[disabled]:before, .btn[disabled]:hover:before { background-color: #bfbfbf!important; } .btn.btn--bordered:before { border-color: #262626; } .btn.btn--bordered:after { background-color: transparent; } .btn.btn--bordered:active:before, .btn.btn--bordered:hover:before { background-color: #262626; } .btn.btn--bordered.btn--brand { color: black!important; } .btn.btn--bordered.btn--brand:before { border-color: #00000; } .btn.btn--bordered.btn--brand:after { background-color: transparent; } .btn.btn--bordered.btn--brand:active:before, .btn.btn--bordered.btn--brand:hover:before { background-color: #00000; } .btn.btn--bordered.btn--white { color: #f9f9f9!important; } .btn.btn--bordered.btn--white:before { border-color: #f9f9f9; } .btn.btn--bordered.btn--white:after { background-color: transparent; } .btn.btn--bordered.btn--white:active:before, .btn.btn--bordered.btn--white:hover:before { background-color: #f9f9f9; } .btn.btn--bordered.btn--lightgrey-brand { color: #d1d1d1!important; } .btn.btn--bordered.btn--lightgrey-brand:before { border-color: #d1d1d1; } .form-group-submit, form hr { border-top: 1px solid #e8e8e8; } .btn.btn--bordered.btn--lightgrey-brand:after { background-color: transparent; } .btn.btn--bordered.btn--lightgrey-brand:active:before, .btn.btn--bordered.btn--lightgrey-brand:hover:before { background-color: #d1d1d1; } .btn.btn--bordered.btn--lightgrey-brand::before { top: 8px; bottom: 8px; } .btn-icon, .btn-icon:link, .btn-icon:visited, a.link-action:link, a.link-action:visited:link { color: #4d4d4d; } .btn-icon:active, .btn-icon:hover, a.link-action:active:link, a.link-action:hover:link { color: #00000; } .btn-icon.btn--discreet, .btn-icon.btn--discreet:link, .btn-icon.btn--discreet:visited, .btn-like, .btn-like:link, .btn-like:visited { color: #999; } .btn-icon.btn--discreet:active, .btn-icon.btn--discreet:hover, .btn-like:active, .btn-like:hover { color: #00000; } .btn-icon.btn--overlay, .btn-icon.btn--overlay:active, .btn-icon.btn--overlay:hover, .btn-icon.btn--overlay:link, .btn-icon.btn--overlay:visited, .btn-pill, .btn-pill:active, .btn-pill:hover, .btn-pill:link, .btn-pill:visited, .btn-social, .btn-social:active, .btn-social:hover, .btn-social:link, .btn-social:visited { color: #FFF; } .btn-icon .icon+.icon, .btn-pill .icon+.icon, .is-on.btn-icon .icon, .is-on.btn-pill .icon, .is-toggled.btn-icon .icon, .is-toggled.btn-pill .icon { display: none; } .is-on.btn-icon .icon+.icon, .is-on.btn-pill .icon+.icon, .is-toggled.btn-icon .icon+.icon, .is-toggled.btn-pill .icon+.icon { display: inline; } .is-on.btn-icon, .is-on.btn-icon:hover, .is-on.btn-pill, .is-on.btn-pill:hover { color: #00000; } .btn-social:after, .btn:after { z-index: -3; } .btn-social.is-active:after, .btn.btn--lg.is-active:after { -webkit-animation: btn-lg-active-outer .8s linear; animation: btn-lg-active-outer .8s linear; } @-webkit-keyframes btn-lg-active-outer { 0% { top: 8px; right: 0; bottom: 8px; left: 0; opacity: 0; filter: alpha(opacity=0); } 25% { top: 0; right: -8px; bottom: 0; left: -8px; opacity: .2; filter: alpha(opacity=20); } 100% { top: 0; right: -8px; bottom: 0; left: -8px; opacity: 0; filter: alpha(opacity=0); } } @keyframes btn-lg-active-outer { 0% { top: 8px; right: 0; bottom: 8px; left: 0; opacity: 0; filter: alpha(opacity=0); } 25% { top: 0; right: -8px; bottom: 0; left: -8px; opacity: .2; filter: alpha(opacity=20); } 100% { top: 0; right: -8px; bottom: 0; left: -8px; opacity: 0; filter: alpha(opacity=0); } } .btn-fixed_btn.is-active:after, .btn-pill.is-active:after { -webkit-animation: btn-active-inner .8s linear; animation: btn-active-inner .8s linear; } @-webkit-keyframes btn-active-inner { 0% { -webkit-transform: scale(.5); transform: scale(.5); opacity: 0; filter: alpha(opacity=0); } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: .3; filter: alpha(opacity=30); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; filter: alpha(opacity=0); } } @keyframes btn-active-inner { 0% { -webkit-transform: scale(.5); transform: scale(.5); opacity: 0; filter: alpha(opacity=0); } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: .3; filter: alpha(opacity=30); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; filter: alpha(opacity=0); } } .entity-overlay_cover_img, .entity-secondary-menu .layout_cover_img, .entity_visual_image, .entry .feature .cover>div img, .hero-desktop_cover img, .player-mini_cover img, .player_background_img, .playlist-cover-grid>li img, .post_entity>:first-child img, .row--list-image img, .tile_body>:first-child img, .track_play img { width: 100%; height: auto; } .avatar img, .entity_visual_image.entity_visual_image--avatar, .entry .avatar img { width: 100%; height: auto; border-radius: 100% } .post_entity_background.post_entity_background--fitted img { max-width: 100%; min-height: 100%; width: auto; } .entity .btn-pill, .tile .button-icon-round--play { position: absolute; z-index: 2; } .logo.logo--color { fill: #00000; } .logo.logo--dark { fill: #262626; } .hero-entity-description, .player_entity-information>*, .post_entity_content>div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tile_body_content_descriptive_title, .tile_body_content_standalone-title { -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .track.track--playlist-edition, .unselectable-text { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #skeleton-player-mini, .chosen-container { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .tile_body_content_descriptive, .tile_body_content_standalone-title { color: #FFF; font-size: 14px; font-size: 1rem; font-family: futurademi, Arial, sans-serif; -webkit-text-shadow: 0 1px 8px #000; -moz-text-shadow: 0 1px 8px #000; -ms-text-shadow: 0 1px 8px #000; -o-text-shadow: 0 1px 8px #000; text-shadow: 0 1px 8px #000; } .list-link.list-link--small a, a.small, p.small { font-size: 12px; font-size: .85714rem; } p.xsmall { font-size: .78571rem; } .dispatcher_body_title, .section-header .select select, .section-header h1, legend { font-size: 11px; font-size: .78571rem; letter-spacing: 1px; line-height: 1.3636; text-transform: uppercase; } .entity-overlay_body_title, .entity-secondary-menu .layout_body_title, .entity_information_title { margin-bottom: .42857rem; text-transform: capitalize; font-weight: 600; font-family: futurabook, Arial, sans-serif; } .entity-overlay_body_title, .entity-secondary-menu .layout_body_title { font-size: 13px; font-size: .92857rem; } .entity_information_title { font-size: 12px; font-size: .85714rem; } .player-mini_track_information_play_source a, .player-mini_track_information_title, .track_information_title { font-size: 13px; font-size: .92857rem; margin-bottom: .28571rem; font-family: futurabook, Arial, sans-serif; font-weight: 600; } .entity-overlay_body_secondary, .entity-secondary-menu .layout_body_secondary, .entity_information_secondary, .track_information_artist { font-size: 10px; font-size: .71429rem; font-family: futurabook, Arial, sans-serif; text-transform: uppercase; } #p-jobs .no-positions, #p-jobs .positions .location, #p-jobs .positions .type, .btn-icon .notification-count, .btn-like, .section-secondary .stats { font-size: 9px; font-size: .64286rem; } .btn-tag, .entry .expand-replies, .entry .info .date, .entry .type .remaining-chars, .p-welcome .licensing, .player-mini_track_duration, .post_entity_content_tag, .track_tags { font-size: 10px; font-size: .71429rem; } .btn, .btn-fixed_btn, .btn-pill.btn--hybrid span, .btn-social>div:last-child, .highlighted, a.link-action:link { font-size: 10px; font-size: .71429rem; font-family: futurabold, Arial, sans-serif; } #p-legal .clauses p, .author, .dispatcher_body_description, .edit-image-cover a span, .edit-image-thumb-layer .text, .help-block, .post_body p, .tile_body_content_descriptive_description, .toasts p, .track_duration { font-size: 11px; font-size: .78571rem; } #p-legal .clauses li li, .author a, .beta-badge, .post_body p a { font-size: 11px; font-size: .78571rem; font-family: futurabold, Arial, sans-serif; } #p-creative-commons .conditions li, #p-privacy-policy, #p-terms-of-use, #p-year-in-review .entity p, .app-bar .avatar-button_username, .app-bar .user-menu a, .app-bar-new .avatar-button_username, .app-bar-new .user-menu a, .app-bar-new2 .avatar-button_username, .app-bar-new2 .user-menu a, .btn-link, .entry .source, .entry .type .text, .form-search input, .form-search_suggestions_statistic, .messages_message_text, .notifications .notification-target, .pivot-bar a, .player-mini_track_information_play_source, .player-mini_track_information_text-by, .player_progress_current, .player_progress_running, .section-secondary .date, .section-secondary .stats .count, .social-links li, .t-static .bullet-list, .t-static .company-information, .track.track--playlist-deleted>div:nth-child(2), p.small { font-size: 12px; font-size: .85714rem; font-family: futurabook, Arial, sans-serif; } #p-legal .clauses li, #p-year-in-review .entity_for, .btn-action, .empty-message, .form-group .as-label, .form-group label:not(.radio-inline), .form-inline .as-label, .form-inline label:not(.radio-inline), .notifications .notification-target span { font-size: 12px; font-size: .85714rem; font-family: futurabold, Arial, sans-serif; } .btn-secondary-menu, .section-tertiary { font-size: 13px; font-size: .92857rem; font-family: futurabook, Arial, sans-serif; } .entry .text .title, .section-tertiary .heading { font-size: 14px; font-size: 1rem; font-family: futurademi, Arial, sans-serif; } a.a--search { font-size: 18px; font-size: 1.28571rem; font-family: futurabold, Arial, sans-serif; } a.a--search span:first-child { font-size: 24px; font-size: 1.71429rem; font-family: futurademi, Arial, sans-serif; } .overlay-bar_information_prefix { font-size: 9px; font-size: .64286rem; font-family: futurabook, Arial, sans-serif; } .entry .feature .author, .navigation .language select, .navigation .primary .btn--brand, .navigation .primary .btn--lightgrey-brand, .navigation .secondary, .player_entity-information_author { font-size: 10px; font-size: .71429rem; font-family: futurabook, Arial, sans-serif; } .player-mini_track_information_artist { font-size: 11px; font-size: .78571rem; font-family: futurabook, Arial, sans-serif; } .navigation .primary .primary-title>span, .navigation .primary a, .post_entity_content_author, .post_entity_content_name>span { font-size: 12px; font-size: .85714rem; font-family: futurabook, Arial, sans-serif; } .overlay-bar_information_title { font-size: 12px; font-size: .85714rem; font-family: futurabold, Arial, sans-serif; } .entry .feature .title, .player_entity-information_title { font-size: 13px; font-size: .92857rem; font-family: futurabook, Arial, sans-serif; } .post_entity_content_name { font-size: 14px; font-size: 1rem; font-family: futurabold, Arial, sans-serif; } #p-year-in-review .entity_attr { font-size: 10px; font-size: .71429rem; font-family: futurabook, Arial, sans-serif; } #p-year-in-review .entity_month, #p-year-in-review .jump-to span, .p-welcome .main .content .button, .redirection-container .licensing-redirect .content .cta-catalog, .redirection-container .licensing-redirect .content .cta-in-store, .redirection-container .music-redirect .content .cta-music, .redirection-container-one-image .licensing-redirect .content .cta-catalog, .redirection-container-one-image .licensing-redirect .content .cta-in-store, .redirection-container-one-image .music-redirect .content .cta-music { font-size: 14px; font-size: 1rem; font-family: futurabook, Arial, sans-serif; } #p-year-in-review .entity_title span { font-size: 16px; font-size: 1.14286rem; font-family: futurabold, Arial, sans-serif; } #p-year-in-review .jump-to, #p-year-in-review h2 { font-size: 18px; font-size: 1.28571rem; font-family: futurabook, Arial, sans-serif; } #p-year-in-review .entity_title, .redirection-container-one-image .licensing-redirect .content .cta-link .cta-free-trial, .redirection-container-one-image .licensing-redirect .content .cta-link a, .redirection-container-one-image .music-redirect .content .cta-music { font-size: 18px; font-size: 1.28571rem; font-family: futurabold, Arial, sans-serif; } #p-year-in-review header h1 { font-size: 24px; font-size: 1.71429rem; font-family: futurabook, Arial, sans-serif; } .p-welcome .main .content .heading { font-size: 24px; font-size: 1.71429rem; font-family: futurabold, Arial, sans-serif; } .social-links .web a:link { color: #4d4d4d; } .social-links .web a:hover, .social-links .web a:visited { color: #272727; } .social-links .facebook a, .social-links .facebook a:link { color: #5f78ab; } .social-links .facebook a:hover, .social-links .facebook a:visited { color: #41557c; } .social-links .twitter a:link { color: #4099FF; } .social-links .twitter a:hover, .social-links .twitter a:visited { color: #0071f3; } .social-links .google a:link { color: #dd4b39; } .social-links .google a:hover, .social-links .google a:visited { color: #ac2d1e; } .social-links .apple a:hover, .social-links .apple a:link, .social-links .apple a:visited { color: #000; } .entry .feature .background>div, .post_entity_background>div { width: 100%; top: 50%; margin: auto 0; position: absolute; bottom: 50% } .entry .feature .background>div>div, .post_entity_background>div>div { width: 100%; top: -1000px; margin: auto 0; position: absolute; bottom: -1000px; display: block; } .entry .feature .background>div>div>div, .post_entity_background>div>div>div { display: table; width: 100%; height: 100% } .entry .feature .background>div>div>div>div, .post_entity_background>div>div>div>div { display: table-cell; vertical-align: middle; } .entry .feature .background>div img, .post_entity_background>div img { width: 100%; height: auto!important; display: block; } #p-jobs .positions>li, .dispatcher>li, .form-search_suggestions>li, .list-secondary-menu>li, .list-track>li { border-bottom: 1px solid #d1d1d1; } #p-jobs .positions>li:last-child, .dispatcher>li:last-child, .form-search_suggestions>li:last-child, .list-secondary-menu>li:last-child, .list-track>li:last-child { border-bottom: none; } .entry .actions .thumbs, .list-button-icon-fat { font-size: 0; display: inline-block; } .entry .actions .thumbs>li, .list-button-icon-fat>li { display: inline-block; } .entry .actions .thumbs>li { border-right: 1px solid #d1d1d1; } .entry .actions .thumbs>li:last-child { border-right: none; } .list-link>li { display: block; } .hero-entity-description .tags>li, .list-link-inline>li { display: inline; } .hero-entity-description .tags>li:after, .list-link-inline>li:after { content: ", " } .hero-entity-description .tags>li:last-child:after, .list-link-inline>li:last-child:after { content: "" } .post_entity, .tile_body { position: relative; padding-bottom: 100%; z-index: auto; } #skeleton-overlay, #skeleton-player-full, #skeleton-player-mini { padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); } .post_entity:before, .post_entity>:first-child, .post_entity>:last-child, .tile_body:before, .tile_body>:first-child, .tile_body>:last-child { display: block; } .post_entity>:last-child:not(:first-child), .post_entity>:only-child, .tile_body>:last-child:not(:first-child), .tile_body>:only-child { z-index: 2; } #skeleton-navigation { position: fixed; display: block; height: 100%; top: 0; bottom: 0; left: -300px; width: 300px; -webkit-overflow-scrolling: touch; overflow-x: hidden; z-index: 30; transition: left .15s linear; } #skeleton-navigation.is-visible { left: 0; height: 100%; background-color: #262626; } #skeleton-bar-new, #skeleton-bars { background-color: #e8e8e8; z-index: 10; } #skeleton-topbar-and-content { padding-left: 0; } #skeleton-bars { height: 48px; position: static; } #skeleton-bars.fixfixed { position: absolute; } #skeleton-bar-new { height: auto; position: fixed; padding-left: 0; padding-right: 16px; } #skeleton-bar-new.fixfixed { position: absolute; } #skeleton-bar-new.sticky { position: -webkit-sticky; position: sticky; top: 0; } #skeleton-content-messages { z-index: 10; } #skeleton-content-wrap { z-index: 0; padding: env(safe-area-inset-top) env(safe-area-inset-right) calc(env(safe-area-inset-bottom)+72px) env(safe-area-inset-left); } #skeleton-content-wrap>.container-fluid.no-query>.licensing-links, #skeleton-content-wrap>.container-fluid.no-query>.results-container, #skeleton-content-wrap>.container-fluid>.redirection-container-one-image { display: none; } #skeleton-content-wrap>.container-fluid.no-query>.redirection-container-one-image { display: block; } #skeleton-player-mini { bottom: -50px; visibility: hidden; z-index: 10; transition: all .3s linear; user-select: none; } #skeleton-player-mini.is-visible { visibility: visible; bottom: 0; } #skeleton-player-full { overflow: hidden; top: 100%; visibility: hidden; z-index: 40; transition: all .15s linear; } #skeleton-player-full.is-visible { visibility: visible; top: 0; } #skeleton-overlay { visibility: hidden; z-index: 50; background-color: #fff; overflow-y: auto; overflow-x: hidden; } #skeleton-overlay .overlay-content { padding: env(safe-area-inset-top) env(safe-area-inset-right) calc(env(safe-area-inset-bottom)+96px) env(safe-area-inset-left); } #skeleton-overlay .overlay-skip { text-align: right; } #skeleton-overlay.is-visible { visibility: visible; } #skeleton-notifications-followers, #skeleton-notifications-generic { width: 450px; height: auto; visibility: hidden; z-index: 45; overflow: visible; top: 48px; left: initial; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; background-color: #FFF; box-shadow: 0 3px 10px -2px rgba(0, 0, 0, .6); } #skeleton-notifications-followers.is-visible, #skeleton-notifications-generic.is-visible { visibility: visible; } #skeleton-notifications-followers.empty .notifications, #skeleton-notifications-generic.empty .notifications { display: none; } #skeleton-notifications-followers.empty .empty-message, #skeleton-notifications-generic.empty .empty-message { display: block; } #skeleton-toast { bottom: 96px; opacity: 0; filter: alpha(opacity=0); visibility: hidden; z-index: 60; transition: all .15s linear; } #skeleton-toast.is-visible { visibility: visible; opacity: 1; filter: alpha(opacity=100); } #skeleton-content-veil { opacity: 0; filter: alpha(opacity=0); background-color: #000; visibility: hidden; z-index: 20; } #skeleton-content-veil.is-visible { visibility: visible; opacity: .95; filter: alpha(opacity=95); } #skeleton-content-veil, #skeleton-secondary-menu-mobile { transition: all .15s linear; padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); } #skeleton-secondary-menu-mobile { bottom: -100%; visibility: hidden; z-index: 21; background-color: #FFF; } #skeleton-secondary-menu-mobile.is-visible { visibility: visible; bottom: 0; } @media only screen and (min-width:993px) { #skeleton-navigation { left: 0; width: 180px; } #skeleton-topbar-and-content { padding-left: 180px; } #skeleton-bar-new, #skeleton-bars { padding-left: 0; position: static; } #skeleton-bar-new>.container-fluid, #skeleton-bars>.container-fluid { padding-right: 32px; } #skeleton-content-messages { left: 180px; } #skeleton-content-wrap { position: static; } #skeleton-content-wrap>.container-fluid { padding: 0 32px; } #skeleton-content-wrap>.container-fluid.no-query { padding: 0; } #skeleton-content-wrap>.container-fluid.no-query .licensing-links, #skeleton-content-wrap>.container-fluid.no-query .results-container { display: none; } #skeleton-content-wrap>.container-fluid.no-query>.redirection-container-one-image { display: -webkit-box; display: -ms-flexbox; display: flex; } #skeleton-player-mini { visibility: visible; bottom: 0; padding-left: 180px; } } @media only screen and (max-width:768px) { #skeleton-notifications-followers, #skeleton-notifications-generic { width: 100%; left: 0!important; margin-right: 0!important; position: fixed; height: calc(100vh - 48px); } #skeleton-notifications-followers.empty, #skeleton-notifications-generic.empty { height: auto; } } html.has-player #skeleton-content-wrap { padding-bottom: 120px; } html.has-player #skeleton-content-messages { bottom: 48px; } html.noscroll { overflow: hidden; } .pivot { position: relative; width: 100% } .pivot .page { position: absolute; display: none; width: 100%; top: 0; left: 100% } .pivot .page.is-current { position: relative; display: block; left: 0; } body { height: 100% } .col-community-left, .col-community-right { padding-top: 32px; } @media only screen and (min-width:992px) { body .is-mini-player #skeleton-notifications-followers, body .is-mini-player #skeleton-notifications-generic { bottom: 50px; } .l-form-2-col-md>div:first-child { padding-right: 24px; } .l-form-2-col-md>div:last-child { padding-left: 24px; } .col-community-left { padding-right: 24px; border-right: 1px solid #d1d1d1; } .col-community-right { padding-left: 24px; border-left: 1px solid #d1d1d1; left: -1px; } } .container, .container-fluid { padding-left: 16px; padding-right: 16px; clear: both; } .container-fluid>.no-padding-x, .container>.no-padding-x { margin-left: -16px; margin-right: -16px; } @media only screen and (min-width:1334px) { .container.mod { margin-left: 0; padding-left: 32px; padding-right: 32px; width: auto; max-width: 1500px; } } .row--list-grid { margin: -8px; } .row--list-grid>[class*=col-] { padding: .57143rem; } .container-wrap-emphasize { background-color: #f0f0f0; padding-bottom: 48px; } @media only screen and (min-width:1334px) { .col-wide-gap { padding-right: 48px; } } @media only screen and (min-width:1646px) { .col-xl-force-8-split { width: 12.5% } } @media only screen and (max-width:992px) { .container { padding: 48px 0 72px; } } .form-group .as-label, .form-group label:not(.radio-inline), .form-inline .as-label, .form-inline label:not(.radio-inline) { line-height: 2; } .help-block { color: #999; } .help-block:empty { margin: 0; } .form-group-submit, fieldset { margin-top: 2.28571rem; } legend { margin-bottom: 1.14286rem; } .icon.form-control-feedback { position: absolute; width: 34px; height: 34px; line-height: 34px; font-size: 12px; } .form-control-inline { min-width: 0; width: auto; display: inline-block; } .croppie-container .cr-original-image, .form-global-error:empty { display: none; } .form-group-submit { padding-top: .57143rem; text-align: right; } .form-global-error { color: #FFF; font-size: 12px; padding: 8px 12px; margin-top: 32px; background-color: #cc2929; } form hr { margin: 24px 0; } .croppie-container { width: 100%; height: 100% } .croppie-container .cr-image { z-index: -1; position: absolute; top: 0; left: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; max-height: none; max-width: none; } .croppie-container .cr-boundary { position: relative; overflow: hidden; margin: 0 auto; z-index: 1; width: 100%; height: 100%; background-color: #f0f0f0; } .croppie-container .cr-viewport { position: absolute; border: 2px solid #fff; margin: auto; top: 0; bottom: 0; right: 0; left: 0; box-shadow: 0 0 2000px 2000px rgba(255, 255, 255, .9); z-index: 0; } .croppie-container .cr-vp-circle { border-radius: 50% } .croppie-container .cr-overlay { z-index: 1; position: absolute; cursor: move; } .croppie-container .cr-slider-wrap { text-align: center; } .croppie-result { position: relative; overflow: hidden; } .croppie-result img { position: absolute; } .croppie-container .cr-image, .croppie-container .cr-overlay, .croppie-container .cr-viewport { -webkit-transform: translateZ(0); transform: translateZ(0); } .cr-slider { -webkit-appearance: none; width: 300px; max-width: 100% } .cr-slider::-webkit-slider-runnable-track { width: 100%; height: 3px; background: rgba(0, 0, 0, .5); border: 0; border-radius: 3px; } .cr-slider::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top: -6px; } .cr-slider:focus { outline: 0; } .cr-slider::-moz-range-track { width: 100%; height: 3px; background: rgba(0, 0, 0, .5); border: 0; border-radius: 3px; } .cr-slider::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top: -6px; } .cr-slider:-moz-focusring { outline: #fff solid 1px; outline-offset: -1px; } .form-search input:focus, .section-header .select:focus { outline-width: 0; } .cr-slider::-ms-track { width: 100%; height: 5px; background: 0 0; border-color: transparent; border-width: 6px 0; color: transparent; } .cr-slider::-ms-fill-lower { background: rgba(0, 0, 0, .5); border-radius: 10px; } .cr-slider::-ms-fill-upper { background: rgba(0, 0, 0, .5); border-radius: 10px; } .cr-slider::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top: 1px; } .cr-slider:focus::-ms-fill-lower { background: rgba(0, 0, 0, .5); } .cr-slider:focus::-ms-fill-upper { background: rgba(0, 0, 0, .5); } .cr-rotate-controls { position: absolute; bottom: 5px; left: 5px; z-index: 1; } .cr-rotate-controls button { border: 0; background: 0 0; } .cr-rotate-controls i:before { display: inline-block; font-style: normal; font-weight: 900; font-size: 22px; } .cr-rotate-l i:before { content: '↺' } .cr-rotate-r i:before { content: '↻' } .chosen-container { position: relative; display: inline-block; vertical-align: middle; user-select: none; } .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; width: 100%; background: #fff; } .chosen-container.chosen-with-drop .chosen-drop { left: 0; } .chosen-container a { cursor: pointer; } .chosen-container .chosen-single .group-name, .chosen-container .search-choice .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 400; color: #999; } .chosen-container .chosen-single .group-name:after, .chosen-container .search-choice .group-name:after { content: ":"; padding-left: 2px; vertical-align: top; } .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; border: 1px solid #aaa; background-color: #fff; background-clip: padding-box; color: #444; text-decoration: none; white-space: nowrap; } .chosen-container-single .chosen-default { color: #999; } .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; font-size: 1px; } .chosen-container-single .chosen-single abbr:hover, .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; height: 100% } .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100% } .chosen-container-single .chosen-search { z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; } .chosen-container-single .chosen-search input[type=text] { margin: 1px 0; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; } .chosen-container .chosen-results { color: #444; position: relative; overflow-x: hidden; overflow-y: auto; max-height: 240px; -webkit-overflow-scrolling: touch; } .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; word-wrap: break-word; -webkit-touch-callout: none; } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } .chosen-container .chosen-results li.highlighted { color: #fff; } .chosen-container .chosen-results li.no-results { color: #777; display: list-item; background: #f4f4f4; } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: 700; cursor: default; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } .chosen-container .chosen-choices { position: relative; overflow: hidden; margin: 0; padding: 0 5px; width: 100%; height: auto; border: 1px solid #aaa; background-color: #fff; background-image: linear-gradient(#eee 1%, #fff 15%); cursor: text; } .chosen-container .chosen-choices li { float: left; list-style: none; } .chosen-container .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } .chosen-container .chosen-choices li.search-field input[type=text] { padding: 0; outline: 0; border: 0!important; background: 0 0!important; box-shadow: none; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container .chosen-choices li.search-choice { position: relative; margin: 3px 5px 3px 0; background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; cursor: default; } .chosen-container .chosen-choices li.search-choice span { word-wrap: break-word; } .chosen-container .chosen-choices li.search-choice .search-choice-close { position: absolute; display: block; } .chosen-container .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .chosen-container .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); color: #666; } .chosen-container .chosen-choices li.search-choice-focus { background: #d4d4d4; } .chosen-container .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .chosen-container .chosen-results { margin: 0; padding: 0; } .chosen-container .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; } .chosen-container-active .chosen-single { border: 1px solid #5897fb; } .chosen-container-active.chosen-with-drop .chosen-single { border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-image: linear-gradient(#eee 20%, #fff 80%); } .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: 0 0; } .chosen-container-active .chosen-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, .3); } .chosen-container-active .chosen-choices li.search-field input[type=text] { color: #222!important; } .chosen-disabled { opacity: .5!important; cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close, .chosen-disabled .chosen-single { cursor: default; } .chosen-rtl { text-align: right; } .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } .chosen-rtl .chosen-single div { right: auto; left: 3px; } .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } .chosen-rtl .chosen-choices li { float: right; } .chosen-rtl .chosen-choices li.search-field input[type=text] { direction: rtl; } .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .chosen-rtl .chosen-drop, .chosen-rtl.chosen-container-single-nosearch .chosen-search { left: 9999px; } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; } .chosen-rtl .chosen-search input[type=text] { padding: 4px 5px 4px 20px; direction: rtl; } .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; } .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi), only screen and (min-resolution:1.5dppx) { .chosen-container .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span, .chosen-container-single .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-rtl .chosen-search input[type=text] { background-image: url(chosen-sprite@2x.png)!important; background-size: 52px 37px!important; background-repeat: no-repeat!important; } } .chosen-container { font-size: 12.25px; font-size: .875rem; } .chosen-container .chosen-drop { font-size: 11.38px; font-size: .8125rem; border: 1px solid #00000; box-shadow: 0 0 6px #ff85a5; padding-top: 4px; text-align: left; } .chosen-container-single .chosen-single { background: #FFF; border-radius: 0; padding: .5rem 1rem .625rem .5rem; line-height: inherit; box-shadow: none; height: 31.5px; height: 2.25rem; border-color: #ccc; } .chosen-container-single .chosen-single abbr { background: url(../images/chosen-sprite.png) -42px 1px no-repeat; } .chosen-container-single .chosen-single div { width: 16px; } .chosen-container-single .chosen-single div b { background: url(../images/sprites/chosen-sprite.png) 0 7px no-repeat; } .chosen-container-single .chosen-search { position: relative; } .chosen-container-single .chosen-search:after { position: absolute; z-index: 1; display: block; top: .75rem; right: 1rem; width: 12px; height: 12px; font-size: 12px; font-family: jamendo-licensing-icons; content: "" } .chosen-container-single .chosen-search input[type=text] { background: 0 0; padding: .5rem 2rem .5rem .5rem; } .chosen-search input[type=text] { background: 0 0!important; } .chosen-container-active .chosen-single { border-color: #00000; box-shadow: 0 0 6px #ff85a5; } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #00000; background: #FFF; box-shadow: 0 0 6px #ff85a5; } .chosen-container .chosen-results li.highlighted { background-color: #00000; background-image: none; } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 7px; } .chosen-rtl .chosen-search input[type=text] { background: url(../images/sprites/chosen-sprite.png) -30px -20px no-repeat; } .chosen-container .chosen-choices li.search-choice { border: none; max-width: 100%; border-radius: 4px; background-color: #ff527f; background-image: none; box-shadow: none; color: #FFF; line-height: 24px; padding: 0 24px 0 6px; } .chosen-container .chosen-choices li.search-choice .search-choice-close { top: 0; right: 0; width: 24px; height: 24px; background: 0 0; font-family: jamendo-licensing-icons; font-size: 8px; color: #FFF; text-decoration: none; line-height: 3; text-align: center; cursor: pointer; } .btn.btn--licensing-2, .button-cart, .button-cart .button-cart-text-container .pricing span, a:link.link-color { font-family: futurademi, Arial, sans-serif; } a, a.link-wrap { font-size: inherit; } .chosen-container .chosen-choices li.search-choice .search-choice-close:before { content: "" } .chosen-container .chosen-choices li.search-field input[type=text] { height: 30px; margin: 0; padding-left: 6px; padding-top: 2px; color: #737373!important; } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi), only screen and (min-resolution:1.5dppx) { .chosen-container .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span, .chosen-container-single .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-rtl .chosen-search input[type=text] { background: 0 0!important; } } a { text-decoration: underline; } .btn-action, .btn-action:active, .btn-action:focus, .btn-action:hover, .btn-action:visited, .button-cart, .button-cart:hover, a.a--search, a.link-wrap, a:link.link-color { text-decoration: none; } a:active, a:link { color: #00000; } a:visited { color: #ff6c92; } a:focus, a:hover { color: #d20036; } a:link.link-action { padding: .85714rem; text-transform: uppercase; line-height: 1.6; letter-spacing: 1px; } a:link.link-color { color: #00000; } a.link-wrap { color: inherit; outline: 0; } a.a--search { padding: .57143rem; color: #4d4d4d; display: inline-block; background-color: #e8e8e8; line-height: 24px; } a.a--search:active, a.a--search:hover { background-color: #dedede; } a.a--search span { display: inline-block; vertical-align: middle; } a.a--search span:first-child { color: #00000; } .list-link-search { margin-top: -8px; margin-bottom: 8px; } .list-link-search>li { display: inline-block; margin: 0 .57143rem 0 0; } .list-link-search>li:last-child { margin-right: 0; } .btn { padding: 16px 12px; } .btn:before { top: 12px; right: 0; bottom: 12px; left: 0; } .btn span { text-transform: initial; } .btn.btn--licensing-2 { font-size: 12px; } .btn.btn--discreet--tag.selected:before, .btn.btn--discreet--tag:active:before, .btn.btn--discreet--tag:hover:before { background-color: #bfbfbf; } .btn.btn--bordered { color: #262626!important; } .btn.btn--bordered:active, .btn.btn--bordered:hover { color: #FFF!important; } .btn.btn--bordered:before { border-width: 1px; border-style: solid; background-color: transparent; } .btn.btn--bordered.btn--white:active, .btn.btn--bordered.btn--white:hover { color: #00000!important; } .btn.btn--bordered.btn--lightgrey-brand:active, .btn.btn--bordered.btn--lightgrey-brand:hover { color: #FFF!important; } .btn.btn--bordered.btn--lightgrey-brand:active::before, .btn.btn--bordered.btn--lightgrey-brand:hover::before { background-color: #00000; border-color: #00000; } .btn.btn--lg:before { top: 8px; right: 0; bottom: 8px; left: 0; } .btn.btn--block { width: 100% } .btn.btn-xs { padding: 12px 5px; } .btn.is-disabled, .btn[disabled] { pointer-events: none; } .btn.is-disabled:hover, .btn[disabled]:hover { cursor: not-allowed; } .btn:after { top: 12px; right: 0; bottom: 12px; left: 0; background-color: #737373; } .btn.is-active:after { -webkit-animation: btn-is-active .8s linear; animation: btn-is-active .8s linear; } @-webkit-keyframes btn-is-active { 0% { top: 12px; right: 0; bottom: 12px; left: 0; opacity: 0; filter: alpha(opacity=0); } 25% { top: 4px; right: -8px; bottom: 4px; left: -8px; opacity: .3; filter: alpha(opacity=30); } 100% { top: 4px; right: -8px; bottom: 4px; left: -8px; opacity: 0; filter: alpha(opacity=0); } } @keyframes btn-is-active { 0% { top: 12px; right: 0; bottom: 12px; left: 0; opacity: 0; filter: alpha(opacity=0); } 25% { top: 4px; right: -8px; bottom: 4px; left: -8px; opacity: .3; filter: alpha(opacity=30); } 100% { top: 4px; right: -8px; bottom: 4px; left: -8px; opacity: 0; filter: alpha(opacity=0); } } .button-cart { border-radius: .25rem; min-height: 42px; min-height: 3rem; background-color: #00000; padding: 0 .75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; text-transform: uppercase; color: #FFF; font-size: 13px; width: 250px; transition: .15s ease-in; overflow: hidden; } .button-cart::before { content: ''; position: absolute; z-index: 1; width: 30px; height: calc(100%+4px); top: -2px; left: -40px; bottom: 0; right: 0; background: #FFF; opacity: .4; transition-timing-function: ease-out; -webkit-transform: skew(-20deg); transform: skew(-20deg); } .button-cart.bordered.on-blue-background.disabled:before, .button-cart.bordered.on-blue-background.is-processing:before, .button-cart.bordered.on-blue-background:disabled:before, .button-cart.bordered.on-blue-background[disabled]:before, fieldset[disabled] .button-cart.bordered.on-blue-background:before { content: none; } .button-cart:hover { background-color: #f1003e; cursor: pointer; transition-delay: .14s; } .button-cart:hover::before { transition-duration: .17s; left: calc(100%+10px); } .button-cart:hover .icon { color: #FFF; } .button-cart.is-active { -webkit-animation: button-is-active .4s linear; animation: button-is-active .4s linear; } @-webkit-keyframes button-is-active { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes button-is-active { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } } .button-cart.lightgray { background-color: #d8d8d8; } .button-cart.data { width: inherit; text-transform: inherit; font-weight: inherit; } .button-cart .process { width: auto; left: 0; right: 0; position: absolute; top: 0; display: none; z-index: 1; overflow: hidden; } .button-cart .process-fill { width: 100%; height: 100%; display: block; background-color: #000; opacity: .2; filter: alpha(opacity=20); border-radius: .25rem; } .button-cart.is-processing { pointer-events: none; cursor: not-allowed; } .button-cart.is-processing .process { display: block; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-name: buttonIsLoading; animation-name: buttonIsLoading; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; height: 100% } .button-cart.disabled, .button-cart:disabled, .button-cart[disabled], fieldset[disabled] .button-cart { cursor: not-allowed; pointer-events: initial; -webkit-filter: grayscale(1); opacity: .5; filter: alpha(opacity=50); } .button-cart .button-cart-text-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; line-height: 1.1; z-index: 2; text-align: center; } .button-cart .button-cart-text-container.left { text-align: left; } .button-cart .button-cart-text-container p { margin: 0; padding: 0; color: #fff; white-space: initial; font-size: 12px; } .button-cart .button-cart-text-container p .secondary { display: block; text-transform: none; font-size: 11px; } .button-cart .button-cart-text-container p.reset { font-size: inherit; } .button-cart .button-cart-text-container .pricing { font-size: 11px; white-space: initial; } .button-cart .button-cart-text-container .pricing span { font-size: 19px; } .button-cart:focus { outline: 0; } .button-cart[icon-paypall] i picture { display: block; height: 100%; width: 100%; background-size: 80%; background-repeat: no-repeat; background-position: center; background-image: url(https://images.jamendo.com/jamendolicensing/static/vector-imgs/paypall-icon.svg); } .button-cart[icon] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .button-cart[icon] .button-cart-text-container { max-width: calc(100% - 46px); width: 100% } @media only screen and (max-width:480px) { .button-cart[icon] .button-cart-text-container { max-width: 100% } .button-cart[icon] i:not(.icon-chevron-down) { display: none; } } .button-cart[icon][arrow] .button-cart-text-container p { white-space: nowrap; } .button-cart[icon][delete] .button-cart-text-container { max-width: calc(100% - 32px); } @media only screen and (max-width:480px) { .button-cart[icon][delete] .button-cart-text-container { max-width: 100% } } .button-cart[icon][delete] i { font-size: 20px; height: 20px; width: 20px; } .button-cart[icon][select] .button-cart-text-container { max-width: calc(100% - 28px); } @media only screen and (max-width:480px) { .button-cart[icon][select] .button-cart-text-container { max-width: 100% } } .button-cart[icon][select] i { font-size: 17px; height: 17px; width: 17px; } .button-cart[icon][pdf] .button-cart-text-container { text-transform: capitalize; max-width: calc(100% - 36px); } .button-cart[icon][pdf] i { color: #999; width: 28px; height: 28px; font-size: 28px; } .button-cart.bordered .button-cart-text-container p, .button-cart.white, .button-cart.white .button-cart-text-container p { color: #00000; } .button-cart[pack] .button-cart-text-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; white-space: nowrap; } .button-cart[pack] .button-cart-text-container i { font-size: 22px; height: 22px; width: 22px; margin: -4px 4px 0; } .button-cart.small { min-height: 31.5px; min-height: 2.25rem; height: 31.5px; height: 2.25rem; } .button-cart.small .button-cart-text-container .pricing span { font-size: 16px; } .button-cart.text-smaller .button-cart-text-container, .button-cart.transparent.text-smaller .button-cart-text-container p { font-size: 10px; } .button-cart.wide { width: 100% } .button-cart.white { background-color: #FFF; } .button-cart.bordered { border-width: 1px; border-style: solid; color: #00000; background-color: transparent; border-color: #00000; transition: 50ms ease-in; } .button-cart.bordered:hover { color: #FFF; background-color: #00000; } .button-cart.bordered:hover::before { transition-delay: .1s; transition-duration: .2s; } .button-cart.bordered:hover .button-cart-text-container p { color: #FFF; transition-delay: 0s; } .button-cart.bordered.white { color: #FFF; border-color: #FFF; } .button-cart.bordered.white .button-cart-text-container p { color: #FFF; } .button-cart.bordered.white:hover { border-color: #00000; } .button-cart.bordered.gray-5 { color: #bebebe; border-color: #bebebe; } .button-cart.bordered.gray-5 .button-cart-text-container p { color: #bebebe; } .button-cart.bordered.gray-5:hover { border-color: #00000; } .button-cart.bordered.gray-5:hover .button-cart-text-container p { color: #FFF; } .button-cart.bordered.gray-7 { color: #a4a4a4; border-color: #a4a4a4; } .button-cart.bordered.gray-7 .button-cart-text-container p { color: #a4a4a4; } .button-cart.bordered.gray-7.active, .button-cart.bordered.gray-7:hover { border-color: #94d3da; background-color: #94d3da; } .button-cart.bordered.gray-7.active .button-cart-text-container p, .button-cart.bordered.gray-7.active i, .button-cart.bordered.gray-7:hover .button-cart-text-container p, .button-cart.bordered.gray-7:hover i { color: #FFF; } .button-cart.bordered.on-blue-background { background-color: #4bd2e2; border-width: 0; } .button-cart.bordered.on-blue-background:hover { background-color: #FFF; } .button-cart.bordered.on-blue-background:hover div p, .button-cart.bordered.on-blue-background:hover i { color: #00000; } .button-cart.bordered.on-blue-background.disabled:hover .button-cart-text-container p, .button-cart.bordered.on-blue-background.disabled:hover i, .button-cart.bordered.on-blue-background.is-processing:hover .button-cart-text-container p, .button-cart.bordered.on-blue-background.is-processing:hover i, .button-cart.bordered.on-blue-background:disabled:hover .button-cart-text-container p, .button-cart.bordered.on-blue-background:disabled:hover i, .button-cart.bordered.on-blue-background[disabled]:hover .button-cart-text-container p, .button-cart.bordered.on-blue-background[disabled]:hover i, fieldset[disabled] .button-cart.bordered.on-blue-background:hover .button-cart-text-container p, fieldset[disabled] .button-cart.bordered.on-blue-background:hover i { color: #FFF; } .button-cart.bordered.on-blue-background .process { position: absolute; width: auto; top: 0; left: 0; right: 0; display: none; z-index: 1; overflow: hidden; } .button-cart.bordered.on-blue-background .process-fill { width: 100%; height: 100%; display: block; background-color: #000; opacity: .2; filter: alpha(opacity=20); border-radius: .25rem; } .button-cart.bordered.on-blue-background.is-processing { cursor: not-allowed; pointer-events: initial; } .button-cart.bordered.on-blue-background.is-processing .button-cart-text-container, .button-cart.bordered.on-blue-background.is-processing i { z-index: 2; } .button-cart.bordered.on-blue-background.is-processing .process { display: block; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-name: buttonIsLoading; animation-name: buttonIsLoading; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; height: 100% } .button-cart.bordered.on-blue-background.is-processing .process .process-fill { opacity: .1; } .button-cart.bordered.on-blue-background.is-processing:hover { background-color: transparent; border-color: #FFF; } .button-cart.bordered.on-blue-background.is-processing.disabled, .button-cart.bordered.on-blue-background.is-processing:disabled, .button-cart.bordered.on-blue-background.is-processing[disabled], fieldset[disabled] .button-cart.bordered.on-blue-background.is-processing { background-color: #d3d3d3; } .button-cart.bordered.on-blue-background.disabled, .button-cart.bordered.on-blue-background:disabled, .button-cart.bordered.on-blue-background[disabled], fieldset[disabled] .button-cart.bordered.on-blue-background { cursor: not-allowed; pointer-events: initial; background-color: #d3d3d3; opacity: 1; filter: alpha(opacity=100); border: none; } .button-cart.transparent .button-cart-text-container p, .button-cart.transparent:hover .icon { color: #00000; } .button-cart.transparent { border-width: 1px; border-style: solid; border-color: transparent; color: #00000; background-color: transparent; } .button-cart.transparent:hover { border-color: #00000; } .button-cart.transparent:hover .button-cart-text-container p { transition-delay: .17s; } .button-cart.big-cta i, .button-cart.transparent.white .button-cart-text-container p, .button-cart.transparent.white:hover .icon { color: #FFF; } .button-cart.transparent.white { color: #FFF; border-color: transparent; } .button-cart.transparent.white:hover { border-color: #FFF; } .button-cart.big-cta { width: 270px; min-height: 54px; } .button-cart.big-cta .button-cart-text-container p { font-size: 16px; letter-spacing: 2px; line-height: 1.25; } .btn-action, .btn-action span { line-height: 1.334; position: relative; } @media only screen and (max-width:480px) { .button-cart[icon][pdf] .button-cart-text-container { max-width: 100% } .button-cart.transparent i:not(.icon-chevron-down) { display: none; } .button-cart.big-cta { width: 100% } } .button-cart.fluo { background-color: #fdef16; } .button-cart.fluo .button-cart-text-container p { color: #e78e03; text-shadow: none; font-family: futurabold, Arial, sans-serif; } .button-cart.fluo:hover { background-color: #ffa200; } .button-cart.fluo:hover .button-cart-text-container p { color: #fdef16; } .button-cart.licensing { background-color: #4bd2e2; } .button-cart.licensing:hover { background-color: #67b7bf; } .btn-action { appearance: none; -moz-appearance: none; -webkit-appearance: none; vertical-align: middle; display: inline-block; z-index: 0; text-transform: uppercase; letter-spacing: 1px; color: #737373; background-color: #f0f0f0; } .btn-action, .btn-action:after { height: 48px; min-width: 48px; border-radius: 24px; padding: 16px; } .btn-action i, .btn-action span { z-index: 2; } .btn-action span { vertical-align: top; margin-left: 8px; } .btn-action:focus { outline: 0; } .btn-action.small, .btn-action.small:after { height: 36px; min-width: 36px; border-radius: 18px; padding: 10px; } .btn-action:after { background-color: #000; content: ''; opacity: 0; } .btn-action:hover { cursor: pointer; } .btn-action:hover:after { opacity: .05; } .btn-action.highlight { color: #FFF; background-color: #00000; } .btn-action.overlay { background-color: #FFF; } .btn-action .icon+.icon, .btn-action span+span, .btn-action.is-on span, .btn-action.is-toggled span { display: none; } .btn-action.is-on span+span, .btn-action.is-toggled span+span { display: inline; } .btn-action.is-toggled .icon { display: none; } .btn-action.is-toggled .icon+.icon { display: inline; } .btn-action.is-on { color: #00000; } .btn-action.facebook:hover { color: #FFF; background-color: #5f78ab; } .btn-action.instagram:hover { color: #FFF; background: radial-gradient(circle at bottom left, #ffda75 15%, #ff3a49 43%, #ff3a49 40%, #e518a1 50%, #6634e1 90%); } .btn-store, .social-cta { background-repeat: no-repeat; } .btn-action.twitter:hover { color: #FFF; background-color: #4099FF; } .btn-action.website:hover { color: #FFF; background-color: #707070; } .btn-store { display: inline-block; background-image: url(https://images.jamendo.com/jamendomusic/static/apps/sprite-badge-apps.png?v1.1); } .btn-store.btn--windows { width: 154px; height: 40px; } .btn-store.btn--windows.btn--fr { background-position: 0 0; } .btn-store.btn--windows.btn--de { background-position: 0 -40px; } .btn-store.btn--windows.btn--it { background-position: 0 -80px; } .btn-store.btn--windows.btn--pl { background-position: 0 -120px; } .btn-store.btn--windows.btn--pt { background-position: 0 -160px; } .btn-store.btn--windows.btn--ru { background-position: 0 -200px; } .btn-store.btn--windows.btn--es { background-position: 0 -240px; } .btn-store.btn--windows.btn--en { background-position: 0 -280px; } .btn-store.btn--ios { width: 135px; height: 40px; } .btn-store.btn--ios.btn--fr { background-position: -154px 0; } .btn-store.btn--ios.btn--de { background-position: -154px -40px; } .btn-store.btn--ios.btn--it { background-position: -154px -80px; } .btn-store.btn--ios.btn--pl { background-position: -154px -120px; } .btn-store.btn--ios.btn--pt { background-position: -154px -160px; } .btn-store.btn--ios.btn--ru { background-position: -154px -200px; } .btn-store.btn--ios.btn--es { background-position: -154px -240px; } .btn-store.btn--ios.btn--en { background-position: -154px -280px; } .btn-store.btn--android { width: 129px; height: 45px; } .btn-store.btn--android.btn--fr { background-position: -289px 0; } .btn-store.btn--android.btn--de { background-position: -289px -45px; } .btn-store.btn--android.btn--it { background-position: -289px -90px; } .btn-store.btn--android.btn--pl { background-position: -289px -135px; } .btn-store.btn--android.btn--pt { background-position: -289px -180px; } .btn-store.btn--android.btn--ru { background-position: -289px -225px; } .btn-store.btn--android.btn--es { background-position: -289px -270px; } .btn-store.btn--android.btn--en { background-position: -289px -315px; } .logo, .social-cta { background-position: center; } .btn-fixed { position: fixed; right: 17px; bottom: 0; left: 0; z-index: 9999; } .btn-fixed_btn { padding: 16px 12px; width: 100% } .btn-fixed_btn:after, .btn-fixed_btn:before { border-radius: 0; top: 0; right: 0; bottom: 0; left: 0; } .btn-fixed_btn:after { z-index: -1; background-color: #FFF; -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); } @media only screen and (max-width:767px) { .btn-fixed { padding: 0; right: 0; } .btn-fixed>div { margin: 0; } .btn-fixed>div>div { padding: 0; } } .btn-icon { width: 32px; height: 48px; } .btn-icon::-moz-focus-inner { border: 0; outline: 0; } .btn-icon .icon { display: inline; line-height: 48px; } .btn-icon .notification-count { padding: 3px; color: #FFF; position: absolute; top: 8px; right: 4px; background-color: #00000; border-radius: 2px; text-align: center; line-height: 1; } .btn-icon:after { background-color: #737373; } .btn-icon.btn--overlay.is-active:after, .btn-pill:after { background-color: #FFF; } .btn-icon.is-active:after { border-radius: 100%; opacity: 0; filter: alpha(opacity=0); margin: -28px 0 0 -28px; height: 56px; width: 56px; z-index: -2; content: ""; -webkit-animation: btn-icon-is-active .8s linear; animation: btn-icon-is-active .8s linear; } @-webkit-keyframes btn-icon-is-active { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: .2; filter: alpha(opacity=20); } 100% { opacity: 0; filter: alpha(opacity=0); } } @keyframes btn-icon-is-active { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: .2; filter: alpha(opacity=20); } 100% { opacity: 0; filter: alpha(opacity=0); } } .btn-like { height: 32px; padding: 0 16px; } .btn-like .icon { margin-right: 8px; } .btn-like.is-on { color: #00000; } .btn-link { color: #262626; text-decoration: underline; line-height: 1; padding: 18px 12px; } .author a, .btn-secondary-menu { text-decoration: none; } .btn-link:hover { color: #000; } .btn-link.btn--brand { color: #00000; } .btn-link.btn--brand:hover { color: #d20036; } .btn-link.is-disabled, .btn-link[disabled] { color: #bfbfbf!important; pointer-events: none; } .btn-link.is-disabled:hover, .btn-link[disabled]:hover { color: #bfbfbf!important; cursor: not-allowed; } .button-checkbox label, .player-volume input[type=range]:hover, .range input[type=range]:hover, .social-cta { cursor: pointer; } .btn-pill { width: 48px; height: 48px; } .btn-pill:after, .btn-pill:before { border-radius: 24px; top: 2px; right: 2px; bottom: 2px; left: 2px; } .btn-pill:after { z-index: -1; -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); } .btn-pill .icon { display: inline; line-height: 48px; } .btn-pill.btn--sm:after, .btn-pill.btn--sm:before { top: 12px; right: 12px; bottom: 12px; left: 12px; } .btn-pill.btn--xs:after, .btn-pill.btn--xs:before { top: 16px; right: 16px; bottom: 16px; left: 16px; } .btn-social:after, .btn-social:before { top: 8px; bottom: 8px; left: 0; right: 0; } .btn-pill.btn--xs .icon { font-size: 8px; } .btn-pill.btn--hybrid { width: auto; padding: 0 16px; } .btn-pill.btn--hybrid span { line-height: 48px; vertical-align: top; margin-left: 6px; } .btn-social { padding: 8px 0; } .btn-social>div { padding: 8px 10px; } .btn-social>div:first-child { line-height: 1; border-right: 1px solid #FFF; color: #FFF; } .btn-social>div:last-child { width: 100% } .btn-social:after { background-color: #737373; } .social-cta { width: 180px; height: 43px; background-size: cover; background-color: #FFF; border-radius: 5px; } .icon-donation, .logo { background-repeat: no-repeat; background-size: contain; } .social-cta.facebook { background-image: url(https://images.jamendo.com/jamendomusic/static/svg/facebook.svg); } .social-cta.google { background-image: url(https://images.jamendo.com/jamendomusic/static/svg/google-btn.svg); } .social-cta.apple { background-color: #000; } .social-cta.apple.signin { background-image: url(https://images.jamendo.com/jamendomusic/static/png/appleid_signin_button_64x268.png); } .social-cta.apple.signin.large { width: 100%; height: 32px; border-radius: 3px; background-image: url(https://images.jamendo.com/jamendomusic/static/png/appleid_signin_button_32x375.png); } .social-cta.apple.signup { background-image: url(https://images.jamendo.com/jamendomusic/static/png/appleid_signup_button_64x268.png); } .social-cta.apple.signup.large { width: 100%; height: 32px; border-radius: 3px; background-image: url(https://images.jamendo.com/jamendomusic/static/png/appleid_signup_button_32x375.png); } .btn-secondary-menu { padding: 16px 16px 16px 48px; position: relative; display: block; width: 100%; text-align: left; color: #737373; line-height: 16px; } .btn-secondary-menu:link, .btn-secondary-menu:visited { color: #737373; } .btn-secondary-menu:active, .btn-secondary-menu:hover { background-color: #f9f9f9; } .btn-secondary-menu .icon { position: absolute; left: 16px; top: 16px; } .btn-secondary-menu.is-on .icon { color: #00000; } .btn-tag { padding: .57143rem; text-transform: lowercase; line-height: 1.6; color: #4d4d4d!important; } .btn-tag:before { top: 6px; right: 0; bottom: 6px; left: 0; border: 1px solid #bfbfbf; } .btn-tag:hover { color: #00000!important; } .btn-tag:hover:before { border-color: #00000; } .button-checkbox { display: inline-block; } .button-checkbox input[type=radio], .button-checkbox input[type=checkbox], .button-checkbox.bordered input[type=radio], .button-checkbox.bordered input[type=checkbox] { display: none; } .button-checkbox input[type=radio]:checked+label, .button-checkbox input[type=checkbox]:checked+label { background-color: #FFF; color: #00000; } .button-checkbox label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; padding: .5rem 1.5rem; border-radius: .25rem; color: #FFF; line-height: 2.1; background-color: #00000; border: 2px solid #00000; text-align: center; margin: 0 auto; } .button-checkbox.bordered label { background-color: #FFF; color: #00000; } .button-checkbox.bordered input[type=radio]:checked+label, .button-checkbox.bordered input[type=checkbox]:checked+label { background-color: #00000; color: #FFF; } .button-checkbox.bordered input[type=radio]:checked~.content-displaying, .button-checkbox.bordered input[type=checkbox]:checked~.content-displaying { display: block; } .button-checkbox.no-border label { background-color: transparent; color: #00000; border: none; padding: 0; text-align: left; } .button-checkbox.no-border input[type=radio], .button-checkbox.no-border input[type=checkbox] { display: none; } .button-checkbox.no-border input[type=radio]:checked+label, .button-checkbox.no-border input[type=checkbox]:checked+label { background-color: transparent!important; color: #00000; } .button-checkbox.no-border input[type=radio]:checked~.content-displaying, .button-checkbox.no-border input[type=checkbox]:checked~.content-displaying { display: block; } .button-checkbox.small label { padding: 0 .5rem; } .button-checkbox.discreet label { color: #737373; border: 1px solid #bfbfbf; font-size: 14px; font-weight: 300; line-height: 1.5; padding: 0; min-width: 30px; min-height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .button-checkbox.discreet input[type=radio], .button-checkbox.discreet input[type=checkbox] { display: none; } .button-checkbox.discreet input[type=radio]:checked+label, .button-checkbox.discreet input[type=checkbox]:checked+label { background-color: #00000; color: #FFF; border: 1px solid #00000; } .button-checkbox.discreet input[type=radio]:checked~.content-displaying, .button-checkbox.discreet input[type=checkbox]:checked~.content-displaying { display: block; } .button-checkbox.icon-data label { background-color: transparent; overflow: visible; padding: 0; border: 0; border-radius: 0; } .button-checkbox.icon-data label .icon-data { transition-duration: .2s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .button-checkbox.icon-data:hover label .icon-data { color: #00000; } .button-checkbox.icon-data:active label .icon-data { transition-duration: .1s; -webkit-transform: perspective(24px) translate3d(0, 0, -6px); transform: perspective(24px) translate3d(0, 0, -6px); } .button-checkbox.icon-data input[type=radio]:checked+label, .button-checkbox.icon-data input[type=checkbox]:checked+label { background-color: transparent; } .button-checkbox.icon-data.switch input[type=radio]:checked+label .icon-data, .button-checkbox.icon-data.switch input[type=checkbox]:checked+label .icon-data, .button-checkbox.icon-data.switch label .icon-data:last-of-type { display: none; } .button-checkbox.icon-data.switch input[type=radio]:checked+label .icon-data:last-of-type, .button-checkbox.icon-data.switch input[type=checkbox]:checked+label .icon-data:last-of-type, .button-checkbox.icon-data.switch label span .icon-data:last-of-type { display: inline-block; } .button-checkbox.icon-data.switch input[type=radio]:checked+label span, .button-checkbox.icon-data.switch input[type=checkbox]:checked+label span, .button-checkbox.icon-data.switch label span:last-of-type { display: none; } .button-checkbox.icon-data.switch input[type=radio]:checked+label span:last-of-type, .button-checkbox.icon-data.switch input[type=checkbox]:checked+label span:last-of-type { display: inline-block; } .button-checkbox.icon-data.warning-color label .icon-data { color: #FFF; } .button-checkbox.icon-data.warning-color input[type=radio]:checked+label .icon-data, .button-checkbox.icon-data.warning-color input[type=checkbox]:checked+label .icon-data, .button-checkbox.icon-data.warning-color:hover label .icon-data { color: #ed795a; } .button-checkbox.center { display: block; margin: 2rem auto; } .button-checkbox.half-width label { width: 50% } @media only screen and (max-width:480px) { .button-checkbox.half-width label { width: 100% } } .button-checkbox.expand label .icon-data { display: inline-block; position: relative; transition: -webkit-transform .3s; transition: transform .3s; } .button-checkbox.expand label .icon-data::before { position: absolute; top: 4px; right: -3px; } .button-checkbox.expand .content-checkbox, .button-checkbox.expand .content-displaying { max-height: 0; transition: max-height .6s cubic-bezier(0, 1, 0, 1); display: block; overflow: hidden; } .button-checkbox.expand input[type=radio], .button-checkbox.expand input[type=checkbox] { display: none; } .button-checkbox.expand input[type=radio]:checked+label, .button-checkbox.expand input[type=checkbox]:checked+label { background-color: #FFF; color: #00000; } .button-checkbox.expand input[type=radio]:checked+label .icon-data, .button-checkbox.expand input[type=checkbox]:checked+label .icon-data { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate(7px, -1px) rotate(90deg); transform: translate(7px, -1px) rotate(90deg); } .button-checkbox.expand input[type=radio]:checked+label .icon-data::before, .button-checkbox.expand input[type=checkbox]:checked+label .icon-data::before { right: -6px; } .button-checkbox.expand input[type=radio]:checked~.content-displaying, .button-checkbox.expand input[type=checkbox]:checked~.content-displaying { max-height: 999px; transition: max-height .6s cubic-bezier(1, 0, 1, 0); } .button-checkbox[refine] { width: 100% } .button-checkbox[refine] label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .button-checkbox[refine] label span { color: #737373; font-size: 16px; text-transform: none; font-weight: #00000; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .button-checkbox[refine] label .icon-data::before { position: absolute; top: 0; right: 0; } .button-checkbox[refine] label .icon-data.icon-refine { width: 1.5rem; height: 1.5rem; font-size: 1.5rem; margin-right: .5rem; } .button-checkbox[refine] input[type=radio]:checked+label .icon-data, .button-checkbox[refine] input[type=checkbox]:checked+label .icon-data { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate(0, -1px) rotate(90deg); transform: translate(0, -1px) rotate(90deg); color: #00000; } .button-checkbox[refine] input[type=radio]:checked+label .icon-data::before, .button-checkbox[refine] input[type=checkbox]:checked+label .icon-data::before { right: 0; } .button-checkbox[refine] input[type=radio]:checked+label .icon-data.icon-refine, .button-checkbox[refine] input[type=checkbox]:checked+label .icon-data.icon-refine { color: #00000; } .button-checkbox.pop-in-expand { outline: 0; } .button-checkbox.pop-in-expand .pop-in-wrapper { display: none; overflow: visible; outline: 0; z-index: 0; -webkit-animation: move-from-top-opacity .2s ease-out; animation: move-from-top-opacity .2s ease-out; } @-webkit-keyframes move-from-top-opacity { 0% { top: 50px; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); } 100% { top: 100%; opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes move-from-top-opacity { 0% { top: 50px; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); } 100% { top: 100%; opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in { margin-left: 0; margin-top: 7px; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in>* { font-family: "Proxima Nova" } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul { padding: .5rem 0; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul li { line-height: 2; padding: 0 8px; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul li a { display: block; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul li a:hover { background-color: #000; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in.white-rounded-shadow ul li { padding: 0; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in.white-rounded-shadow ul li a { text-decoration: none; text-transform: none; text-align: left; color: #4d4d4d; margin: 2px 10px; padding: 5px 0 5px 10px; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in.white-rounded-shadow ul li a:hover { background-color: #d3d3d3; } .button-checkbox.pop-in-expand input[type=radio], .button-checkbox.pop-in-expand input[type=checkbox] { display: none; } .button-checkbox.pop-in-expand input[type=radio]:checked+label, .button-checkbox.pop-in-expand input[type=checkbox]:checked+label { color: #00000; } .button-checkbox.pop-in-expand input[type=radio]:checked~.pop-in-wrapper, .button-checkbox.pop-in-expand input[type=checkbox]:checked~.pop-in-wrapper { display: block; } .checkbox-multi-display .content { display: inline-block; } .checkbox-multi-display .content label { width: 160px; } .checkbox-multi-display .content label .icon-data { display: inline-block; position: relative; transition: -webkit-transform .3s; transition: transform .3s; } .checkbox-multi-display .content label .icon-data::before { position: absolute; top: 4px; right: -3px; } .checkbox-multi-display input[type=radio], .checkbox-multi-display input[type=checkbox] { display: none; } .checkbox-multi-display input[type=radio]~section .content-displaying, .checkbox-multi-display input[type=checkbox]~section .content-displaying { max-height: 0; transition: max-height .6s cubic-bezier(0, 1, 0, 1); display: block; overflow: hidden; } .icon, .icon-data { position: relative; display: inline-block; font-family: jamendo-licensing-icons; font-style: normal; font-weight: 400; text-transform: none; line-height: 1; } .checkbox-multi-display input[type=radio]:checked~section .content-displaying, .checkbox-multi-display input[type=checkbox]:checked~section .content-displaying { max-height: 999px; transition: max-height .6s cubic-bezier(1, 0, 1, 0); } .checkbox-multi-display input[type=radio]:checked~section label, .checkbox-multi-display input[type=checkbox]:checked~section label { background-color: #FFF; color: #00000; } .checkbox-multi-display input[type=radio]:checked~section label .icon, .checkbox-multi-display input[type=checkbox]:checked~section label .icon { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate(7px, -1px) rotate(90deg); transform: translate(7px, -1px) rotate(90deg); } .checkbox-multi-display input[type=radio]:checked~section label .icon::before, .checkbox-multi-display input[type=checkbox]:checked~section label .icon::before { right: -6px; } .icon { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; width: 16px; height: 16px; } .entry .feature .author, .post_entity_content_author { text-transform: uppercase; } .icon-add:before { content: "" } .icon-add-to-playlist:before { content: "" } .icon-add-to-queue:before { content: "" } .icon-alert-full:before { content: "" } .icon-alert-line:before { content: "" } .icon-archive:before { content: "" } .icon-arrow-bullet:before { content: "" } .icon-breadcrumb:before { content: "" } .icon-camera:before { content: "" } .icon-cart:before { content: "" } .icon-cart-new:before { content: "" } .icon-cart-new2:before { content: "" } .icon-cart-new-add:before { content: "" } .icon-cc:before { content: "" } .icon-cc-by:before { content: "" } .icon-cc-nc:before { content: "" } .icon-cc-nd:before { content: "" } .icon-cc-sa:before { content: "" } .icon-certificate:before { content: "" } .icon-check:before { content: "" } .icon-checkbox-checked-bordered:before { content: "" } .icon-checkbox-checked-plain:before { content: "" } .icon-checkbox-unchecked:before { content: "" } .icon-chevron-down:before { content: "" } .icon-chevron-left:before { content: "" } .icon-chevron-new2:before { content: "" } .icon-chevron-right:before { content: "" } .icon-chevron-up:before { content: "" } .icon-clockwise:before { content: "" } .icon-close:before { content: "" } .icon-comment:before { content: "" } .icon-copy:before { content: "" } .icon-counterclockwise:before { content: "" } .icon-credit-card-back:before { content: "" } .icon-credit-card-front:before { content: "" } .icon-cross-delete:before { content: "" } .icon-date:before { content: "" } .icon-download:before { content: "" } .icon-download-thin:before { content: "" } .icon-duration:before { content: "" } .icon-edit:before { content: "" } .icon-error-4xx:before { content: "" } .icon-error-5xx:before { content: "" } .icon-external-link:before { content: "" } .icon-facebook:before { content: "" } .icon-filter:before { content: "" } .icon-flag:before { content: "" } .icon-follow:before { content: "" } .icon-globe:before { content: "" } .icon-google:before { content: "" } .icon-go-to:before { content: "" } .icon-handle:before { content: "" } .icon-heart:before { content: "" } .icon-heart-on:before { content: "" } .icon-hexagon:before { content: "" } .icon-hexagon-mask:before { content: "" } .icon-hexagon-on:before { content: "" } .icon-history:before { content: "" } .icon-home:before { content: "" } .icon-info-full-new2:before { content: "" } .icon-info-new2:before { content: "" } .icon-information:before { content: "" } .icon-instagram:before { content: "" } .icon-licence-l:before { content: "" } .icon-licence-p:before { content: "" } .icon-licence-std:before { content: "" } .icon-link:before { content: "" } .icon-linkedin:before { content: "" } .icon-lock:before { content: "" } .icon-mail:before { content: "" } .icon-menu:before { content: "" } .icon-menu-secondary:before { content: "" } .icon-menu-tradingdesk:before { content: "" } .icon-messenger:before { content: "" } .icon-music-note:before { content: "" } .icon-mute:before { content: "" } .icon-my-music-tradingdesk:before { content: "" } .icon-my-music-tradingdesk2:before { content: "" } .icon-next:before { content: "" } .icon-pause:before { content: "" } .icon-pdf:before { content: "" } .icon-phone:before { content: "" } .icon-picture:before { content: "" } .icon-play:before { content: "" } .icon-playlist-access:before { content: "" } .icon-play-next:before { content: "" } .icon-previous:before { content: "" } .icon-queue:before { content: "" } .icon-queue-access:before { content: "" } .icon-radio-checked-chevron:before { content: "" } .icon-radio-checked-chevron-plain:before { content: "" } .icon-radio-checked-round:before { content: "" } .icon-radio-unchecked:before { content: "" } .icon-reddit:before { content: "" } .icon-refine:before { content: "" } .icon-remove:before { content: "" } .icon-remove-from-playlist:before { content: "" } .icon-repeat:before { content: "" } .icon-repeat-one:before { content: "" } .icon-repost:before { content: "" } .icon-sad:before { content: "" } .icon-search:before { content: "" } .icon-send:before { content: "" } .icon-share:before { content: "" } .icon-share-video:before { content: "" } .icon-shuffle:before { content: "" } .icon-similar:before { content: "" } .icon-sort:before { content: "" } .icon-sound:before { content: "" } .icon-streaming:before { content: "" } .icon-thumbs-down:before { content: "" } .icon-thumbs-up:before { content: "" } .icon-too-old:before { content: "" } .icon-trash:before { content: "" } .icon-twitter:before { content: "" } .icon-undo:before { content: "" } .icon-user:before { content: "" } .icon-user-new2:before { content: "" } .icon-video:before { content: "" } .icon-vk:before { content: "" } .icon-volume:before { content: "" } .icon-warning:before { content: "" } .icon-wrong:before { content: "" } .icon-youtube:before { content: "" } .icon-apple:before { content: "" } .icon-add-to-playlist-s:before { content: "" } .icon-add-to-queue-s:before { content: "" } .icon-close-s:before { content: "" } .icon-comment-s:before { content: "" } .icon-date-s:before { content: "" } .icon-download-s:before { content: "" } .icon-duration-s:before { content: "" } .icon-external-link-s:before { content: "" } .icon-flag-s:before { content: "" } .icon-follow-s:before { content: "" } .icon-handle-s:before { content: "" } .icon-heart-on-s:before { content: "" } .icon-lock-s:before { content: "" } .icon-menu-secondary-s:before { content: "" } .icon-pause-s:before { content: "" } .icon-picture-s:before { content: "" } .icon-playlist-access-s:before { content: "" } .icon-queue-access-s:before { content: "" } .icon-repost-s:before { content: "" } .icon-send-s:before { content: "" } .icon-share-s:before { content: "" } .icon-sort-s:before { content: "" } .icon-thumbs-down-s:before { content: "" } .icon-thumbs-up-s:before { content: "" } .icon-play-s:before { content: "" } .icon-user-s:before { content: "" } .icon-data-add:before { content: "" } .icon-data-add-to-playlist:before { content: "" } .icon-data-add-to-queue:before { content: "" } .icon-data-alert-full:before { content: "" } .icon-data-alert-line:before { content: "" } .icon-data-archive:before { content: "" } .icon-data-arrow-bullet:before { content: "" } .icon-data-breadcrumb:before { content: "" } .icon-data-camera:before { content: "" } .icon-data-cart:before { content: "" } .icon-data-cart-new:before { content: "" } .icon-data-cart-new2:before { content: "" } .icon-data-cart-new-add:before { content: "" } .icon-data-cc:before { content: "" } .icon-data-cc-by:before { content: "" } .icon-data-cc-nc:before { content: "" } .icon-data-cc-nd:before { content: "" } .icon-data-cc-sa:before { content: "" } .icon-data-certificate:before { content: "" } .icon-data-check:before { content: "" } .icon-data-checkbox-checked-bordered:before { content: "" } .icon-data-checkbox-checked-plain:before { content: "" } .icon-data-checkbox-unchecked:before { content: "" } .icon-data-chevron-down:before { content: "" } .icon-data-chevron-left:before { content: "" } .icon-data-chevron-new2:before { content: "" } .icon-data-chevron-right:before { content: "" } .icon-data-chevron-up:before { content: "" } .icon-data-clockwise:before { content: "" } .icon-data-close:before { content: "" } .icon-data-comment:before { content: "" } .icon-data-copy:before { content: "" } .icon-data-counterclockwise:before { content: "" } .icon-data-credit-card-back:before { content: "" } .icon-data-credit-card-front:before { content: "" } .icon-data-cross-delete:before { content: "" } .icon-data-date:before { content: "" } .icon-data-download:before { content: "" } .icon-data-download-thin:before { content: "" } .icon-data-duration:before { content: "" } .icon-data-edit:before { content: "" } .icon-data-error-4xx:before { content: "" } .icon-data-error-5xx:before { content: "" } .icon-data-external-link:before { content: "" } .icon-data-facebook:before { content: "" } .icon-data-filter:before { content: "" } .icon-data-flag:before { content: "" } .icon-data-follow:before { content: "" } .icon-data-globe:before { content: "" } .icon-data-google:before { content: "" } .icon-data-go-to:before { content: "" } .icon-data-handle:before { content: "" } .icon-data-heart:before { content: "" } .icon-data-heart-on:before { content: "" } .icon-data-hexagon:before { content: "" } .icon-data-hexagon-mask:before { content: "" } .icon-data-hexagon-on:before { content: "" } .icon-data-history:before { content: "" } .icon-data-home:before { content: "" } .icon-data-info-full-new2:before { content: "" } .icon-data-info-new2:before { content: "" } .icon-data-information:before { content: "" } .icon-data-instagram:before { content: "" } .icon-data-licence-l:before { content: "" } .icon-data-licence-p:before { content: "" } .icon-data-licence-std:before { content: "" } .icon-data-link:before { content: "" } .icon-data-linkedin:before { content: "" } .icon-data-lock:before { content: "" } .icon-data-mail:before { content: "" } .icon-data-menu:before { content: "" } .icon-data-menu-secondary:before { content: "" } .icon-data-menu-tradingdesk:before { content: "" } .icon-data-messenger:before { content: "" } .icon-data-music-note:before { content: "" } .icon-data-mute:before { content: "" } .icon-data-my-music-tradingdesk:before { content: "" } .icon-data-my-music-tradingdesk2:before { content: "" } .icon-data-next:before { content: "" } .icon-data-pause:before { content: "" } .icon-data-pdf:before { content: "" } .icon-data-phone:before { content: "" } .icon-data-picture:before { content: "" } .icon-data-play:before { content: "" } .icon-data-playlist-access:before { content: "" } .icon-data-play-next:before { content: "" } .icon-data-previous:before { content: "" } .icon-data-queue:before { content: "" } .icon-data-queue-access:before { content: "" } .icon-data-radio-checked-chevron:before { content: "" } .icon-data-radio-checked-chevron-plain:before { content: "" } .icon-data-radio-checked-round:before { content: "" } .icon-data-radio-unchecked:before { content: "" } .icon-data-reddit:before { content: "" } .icon-data-refine:before { content: "" } .icon-data-remove:before { content: "" } .icon-data-remove-from-playlist:before { content: "" } .icon-data-repeat:before { content: "" } .icon-data-repeat-one:before { content: "" } .icon-data-repost:before { content: "" } .icon-data-sad:before { content: "" } .icon-data-search:before { content: "" } .icon-data-send:before { content: "" } .icon-data-share:before { content: "" } .icon-data-share-video:before { content: "" } .icon-data-shuffle:before { content: "" } .icon-data-similar:before { content: "" } .icon-data-sort:before { content: "" } .icon-data-sound:before { content: "" } .icon-data-streaming:before { content: "" } .icon-data-thumbs-down:before { content: "" } .icon-data-thumbs-up:before { content: "" } .icon-data-too-old:before { content: "" } .icon-data-trash:before { content: "" } .icon-data-twitter:before { content: "" } .icon-data-undo:before { content: "" } .icon-data-user:before { content: "" } .icon-data-user-new2:before { content: "" } .icon-data-video:before { content: "" } .icon-data-vk:before { content: "" } .icon-data-volume:before { content: "" } .icon-data-warning:before { content: "" } .icon-data-wrong:before { content: "" } .icon-data-youtube:before { content: "" } .icon-data-apple:before { content: "" } .icon-data-add-to-playlist-s:before { content: "" } .icon-data-add-to-queue-s:before { content: "" } .icon-data-close-s:before { content: "" } .icon-data-comment-s:before { content: "" } .icon-data-date-s:before { content: "" } .icon-data-download-s:before { content: "" } .icon-data-duration-s:before { content: "" } .icon-data-external-link-s:before { content: "" } .icon-data-flag-s:before { content: "" } .icon-data-follow-s:before { content: "" } .icon-data-handle-s:before { content: "" } .icon-data-heart-on-s:before { content: "" } .icon-data-lock-s:before { content: "" } .icon-data-menu-secondary-s:before { content: "" } .icon-data-pause-s:before { content: "" } .icon-data-picture-s:before { content: "" } .icon-data-playlist-access-s:before { content: "" } .icon-data-queue-access-s:before { content: "" } .icon-data-repost-s:before { content: "" } .icon-data-send-s:before { content: "" } .icon-data-share-s:before { content: "" } .icon-data-sort-s:before { content: "" } .icon-data-thumbs-down-s:before { content: "" } .icon-data-thumbs-up-s:before { content: "" } .icon-data-play-s:before { content: "" } .icon-data-user-s:before { content: "" } .icon[class$="-s"] { font-size: 12px; width: 12px; height: 12px; } .icon--24 { font-size: 24px; width: 24px; height: 24px; } .icon--32 { font-size: 32px; width: 32px; height: 32px; } .icon--48 { font-size: 48px; width: 48px; height: 48px; } .icon--72 { font-size: 72px; width: 72px; height: 72px; } .icon-donation { background-image: url(https://images.jamendo.com/jamendomusic/static/svg/donation-icon.svg); width: 24px; height: 24px; position: absolute; top: 13px; left: 12px; } .icon-donation.is-on { background-image: url(https://images.jamendo.com/jamendomusic/static/svg/donation-icon-is-on.svg); } .loader { z-index: auto; display: block; } .loader.loader--block { width: 100%; height: 80px; } .loader.loader--invert i { color: #FFF; } .loader>div { margin-top: -24px; margin-left: -24px; width: 48px; height: 48px; } .loader i { position: absolute; top: 16px; left: 16px; color: #00000; } .loader i:nth-child(1) { z-index: 2; -webkit-animation: loader1 1s linear infinite; animation: loader1 1s linear infinite; } .loader i:nth-child(2) { z-index: 1; -webkit-animation: loader2 1s ease infinite .15s; animation: loader2 1s ease infinite .15s; } @-webkit-keyframes loader1 { 0%, 25%, 50% { -webkit-transform: scale(1); transform: scale(1); } 15%, 40% { -webkit-transform: scale(1.6); transform: scale(1.6); } } @keyframes loader1 { 0%, 25%, 50% { -webkit-transform: scale(1); transform: scale(1); } 15%, 40% { -webkit-transform: scale(1.6); transform: scale(1.6); } } @-webkit-keyframes loader2 { 0%, 51% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(3); transform: scale(3); } } @keyframes loader2 { 0%, 51% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(3); transform: scale(3); } } .loader-action { display: inline-block; width: 48px; width: 3.42857rem; height: 48px; height: 3.42857rem; } .logo { pointer-events: none; height: 50px; width: 128px; background-image: url(https://images.jamendo.com/jamendomusic/static/svg/jamendo-music-logo-white.svg); } .logo.logo--sm { height: 40px; width: 100px; } .logo.logo--lg { height: 65px; width: 166px; } .logo.logo--licensing { height: 50px; width: 143px; } .logo.logo--licensing.logo--sm { height: 35px; width: 100px; } .logo.logo--licensing.logo--lg { height: 65px; width: 186px; } .highlighted { padding: 16px 12px; pointer-events: none; white-space: nowrap; } .highlighted:before { top: 12px; right: 0; bottom: 12px; left: 0; } .highlighted.lg:before { top: 8px; right: 0; bottom: 8px; left: 0; } .highlighted.block { width: 100% } .highlighted.xs { padding: 12px 5px; } .author { word-break: break-all; color: #bfbfbf; } .author a:link, .author a:visited { color: #737373; } .author a:active, .author a:hover { color: #00000; } .avatar { display: block; } .avatar.bordered>div { border: 2px solid #FFF; } .desktop-secondary-menu { visibility: hidden; position: absolute; z-index: 5; white-space: nowrap; background-color: #FFF; border: 1px solid #d1d1d1; opacity: 0; filter: alpha(opacity=0); transition: all .3s linear; top: 100%; right: 0; } .desktop-secondary-menu-wrap { position: relative; overflow: visible; } .entry .feature, .entry .feature .cover { overflow: hidden; } .desktop-secondary-menu.is-visible { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .desktop-secondary-menu.bottom-left { left: 0; right: initial; } .desktop-secondary-menu.top-left { bottom: 100%; top: initial; right: initial; left: 0; } .desktop-secondary-menu.top-right { bottom: 100%; top: initial; } .edit-image-thumb-layer { color: #FFF; z-index: 1; } .edit-image-thumb-layer>div>div { padding: 16px; } .edit-image-thumb-layer .text { display: none; text-decoration: underline; color: #FFF; } .edit-image-thumb-layer:before { opacity: .2; filter: alpha(opacity=20); content: ''; background-color: #000; z-index: -1; } .edit-image-thumb-layer.circle, .edit-image-thumb-layer.circle:before { border-radius: 100% } .edit-image-thumb-layer:hover .icon { color: #FFF; } @media only screen and (min-width:992px) { .edit-image-thumb-layer: hover .text { display: inline-block; } .edit-image-thumb-layer:hover .icon { display: none; } .edit-image-thumb-layer:hover:before { opacity: .16; filter: alpha(opacity=16); } } .entity { position: relative; } .entity_menu { position: absolute; bottom: 0; right: 0; } .entity_information { background-color: #f9f9f9; } .entity_information>div:first-child { padding: 0 2.28571rem 0 .85714rem; height: 60px; } .entity_information_title { width: 100%; overflow: hidden; text-overflow: ellipsis; display: inline; } .entity_information_secondary { display: inline-block; margin-top: 8px; } .entity_information_secondary>span { display: inline-block; margin-bottom: 4px; } .entity.entity--artist .entity_information, .entity.entity--user .entity_information { background-color: transparent; text-align: center; } .entity.entity--artist .entity_information>div, .entity.entity--user .entity_information>div { padding: 0 .85714rem; } .entity.not-in-grid { width: 200px; } .entity-overlay { color: #4d4d4d; } .entity-overlay .icon-check { position: absolute; top: 18px; right: 16px; color: #6c6; } .entity-overlay_cover { width: 70px; width: 5rem; } .entity-overlay_cover_img { display: block; } .entity-overlay_body { padding: 0 3.42857rem 0 1.14286rem; background-color: #f0f0f0; text-align: left; } .entity-overlay_body_secondary, .entity-overlay_body_title { display: inline-block; } .entity-overlay.entity-overlay--option { position: relative; } .entity-overlay.entity-overlay--option .entity-overlay_cover, .entity-overlay.entity-overlay--option .playlist-cover-grid { width: 50px; width: 3.57143rem; } .entity-overlay.entity-overlay--option .playlist-cover-grid { height: 50px; height: 3.57143rem; } .entity-overlay.entity-overlay--option .entity-overlay_body { background-color: transparent; } .entity-overlay.entity-overlay--option:hover .entity-overlay_body, .entry .feature.discreet { background-color: #f0f0f0; } .entity-secondary-menu { padding: 1.14286rem; border-bottom: 1px solid #bfbfbf; } .entity-secondary-menu .layout { color: #4d4d4d; } .entity-secondary-menu .layout_cover { position: absolute; width: 50px; width: 3.57143rem; } .entity-secondary-menu .layout_cover_img { display: block; } .entity-secondary-menu .layout_body { padding: 0 1.14286rem 0 4.71429rem; text-align: left; height: 50px; } .entity-secondary-menu .layout_body_secondary, .entity-secondary-menu .layout_body_title { display: inline; } .entry { position: relative; margin: 0 0 1.71429rem; } .entry>div:first-of-type { width: 48px; padding-right: 1.14286rem; } .entry>div:last-of-type { width: 100%; padding-right: 0; } .entry .avatar { width: 48px; height: 48px; } .entry .info { line-height: 16px; line-height: 1.14286rem; } .entry .info .author { word-break: break-all; font-size: 12px; } .entry .info .author a { float: left; } .entry .info .author span { float: left; margin-right: .25rem; } .entry .info .author span:first-child { margin-right: 0; } .entry .info .author:after { content: ":"; position: relative; left: -.3em; } .entry .info .date { float: right; padding-left: .85714rem; color: #bfbfbf; } .entry .source { color: #999; } .entry .source a:link, .entry .source a:visited { color: #737373; } .entry .source a:active, .entry .source a:focus, .entry .source a:hover { color: #00000; } .entry .text { padding: .57143rem 0; line-height: 1.4; } .entry .text .title { margin-bottom: .85714rem; } .entry .text p { -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .entry .more .link-action { margin-top: -.57143rem; margin-right: -.85714rem; float: right; } .entry .feature { height: 100px; position: relative; margin: 8px 0 16px; z-index: 0; color: #FFF; } .entry .feature .background { z-index: -1; } .entry .feature .content { display: table; z-index: 1; } .entry .feature .cover>div { margin-left: 12px; width: 76px; height: 76px; border: 1px solid #FFF; } .entry .feature .information { padding: 0 12px 12px; } .entry .feature .source { line-height: 1.9; } .entry .feature .title { line-height: 1.2; } .entry .feature .author { line-height: 1; } .entry .feature .play { position: absolute; top: 26px; left: 26px; z-index: 2; } @media only screen and (min-width:768px) { .entry .feature: not(.discreet) { height: 178px; } .entry .feature:not(.discreet) .cover>div { margin-left: 24px; width: 130px; height: 130px; } .entry .feature:not(.discreet) .information { padding: 0 16px 24px 24px; } .entry .feature:not(.discreet) .play { top: 65px; left: 65px; } .entry .feature:not(.discreet) .title { font-size: 18px; } .entry .feature:not(.discreet) .author { font-size: 12px; } } .entry .feature.discreet .source { color: #bfbfbf; } .entry .feature.discreet .author, .entry .feature.discreet .title { color: #4d4d4d; } .entry .actions>button { height: 32px; height: 2.28571rem; } .entry .actions .thumbs { margin-left: -1.14286rem; float: left; } .entry .actions .reply { border-left: 1px solid #d1d1d1; } .entry .actions .secondary { float: right; } .entry .actions .btn-menu { height: 32px; } .entry .actions .btn-menu .icon { left: 6px; line-height: 32px; } .entry .type { min-height: 48px; display: table; } .entry .type>div:first-child { width: 100% } .entry .type .send, .entry .type .text { border: 1px solid #bfbfbf; color: #737373; height: 48px; } .entry .type .text { padding: 6px; line-height: 1.5; width: 100%; margin: 0; } .entry .type .text:focus, .entry .type .text:not(:empty) { height: 190px; outline: 0; } .entry .type .send { width: 48px; border-left: none; background-color: #f9f9f9; } .entry .type .send .icon { top: 1px; } .entry .type .send:hover { background-color: #f0f0f0; cursor: pointer; } .entry .type .remaining-chars { color: #999; } .entry.compose>div:first-child { width: 64px; } .entry.compose>div:last-child { padding-left: 0; width: 100% } .entry.compose>div textarea { resize: vertical; } .entry .expand-replies.count-only>div:nth-child(2) { padding-right: 0; } .entry .expand-replies.count-only>div:nth-child(3), .entry .expand-replies.expand-only>div:nth-child(1) { display: none; } .entry .expand-replies.expand-only>div:nth-child(2) { padding-left: 0; } .entry .expand-replies>div { white-space: nowrap; } .entry .expand-replies>div:nth-child(2) { width: 100%; padding: 0 12px; } .entry .expand-replies>div:nth-child(2)>div { content: ''; display: block; width: 100%; height: 1px; background-color: #e8e8e8; } .entry:before { position: absolute; content: ''; z-index: -1; top: -12px; bottom: -12px; left: -16px; right: -16px; display: block; } .entry.is-blinking:before { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: entryBlink; animation-name: entryBlink; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes entryBlink { 0%, 100% { background-color: #FFF; } 25% { background-color: #e8e8e8; } } @keyframes entryBlink { 0%, 100% { background-color: #FFF; } 25% { background-color: #e8e8e8; } } .form-search { position: relative; height: 48px; z-index: 0; overflow: visible; } .form-search input { color: #262626; width: 100%; border: none; background-color: transparent; } .form-search [type=reset] { visibility: hidden; } .form-search [type=reset].is-visible { visibility: visible; } .form-search [type=reset], .form-search_left { color: #999; } .form-search_left, .form-search_right { width: 48px; } .form-search_suggestions { top: 48px; top: 3.42857rem; border: 1px solid #d1d1d1; left: 0; right: 0; position: absolute; display: none; } .form-search_suggestions a { display: table; background-color: #FFF; } .list-button, .list-button>li { display: inline-block; } .form-search_suggestions_statistic, .form-search_suggestions_text { height: 48px; height: 3.42857rem; padding: 0 1.14286rem; } .form-search_suggestions_text { width: 100% } .form-search_suggestions_statistic { color: #737373; white-space: nowrap; } .form-search .icon-search { top: 3px; } .list-button { height: 48px; height: 3.42857rem; white-space: nowrap; vertical-align: top; } .list-button>li:first-child { margin-left: .57143rem; } .list-button-icon-fat { text-align: center; display: block; margin: 0 -.28571rem; } .list-view-action li, .player-controls li { display: inline-block; } .list-button-icon-fat li { margin: 0 4px; } .list-link li { margin-bottom: .57143rem; } .list-link.list-link--small li { margin-bottom: 0; } .list-track.list-track--no-cover .track { padding: 0; } .list-track>li { transition: background-color .18s; } .list-track>li button { z-index: 1; } .list-track>li:hover { background-color: #f9f9f9; } .list-track>li.featured:hover { background-color: #fbebe1; } .list-view-action { padding: .85714rem 0; background-color: #f9f9f9; text-align: center; } .list-view-action li { margin: 0 .42857rem; } .list-entity-overlay button { margin-bottom: .28571rem; } .list-entry .entry { border-bottom: #f0f0f0 1px solid; } .list-entry .entry:last-child { margin-bottom: 0; border-bottom: none; } .player-controls_repeat, .player-controls_shuffle { width: 48px; width: 3.42857rem; } .player-controls.is-radio .player-controls_next .icon, .player-controls.is-radio .player-controls_previous .icon, .player-controls_repeat .icon, .player-controls_shuffle .icon { opacity: .4; filter: alpha(opacity=40); } .player-controls.is-repeat .player-controls_repeat .icon, .player-controls.is-repeat-one .player-controls_repeat .icon, .player-controls.is-shuffle .player-controls_shuffle .icon { opacity: 1; filter: alpha(opacity=100); } .player-volume_range_track, .track.track--playlist-edition.is-removed .track_handle, .track.track--playlist-edition.is-removed .track_information, .track.track--playlist-edition.is-removed .track_play { opacity: .5; filter: alpha(opacity=50); } .player-controls .icon-repeat-one, .player-controls .player-controls_play .icon-play, .player-controls.is-pause .player-controls_play .icon-pause, .player-controls.is-repeat-one .player-controls_repeat .icon-repeat, .player-controls.is-stop .player-controls_play .icon-pause { display: none; } .player-controls .player-controls_play .icon-pause, .player-controls.is-pause .player-controls_play .icon-play, .player-controls.is-repeat-one .player-controls_repeat .icon-repeat-one, .player-controls.is-stop .player-controls_play .icon-play { display: inline; } .player .player-controls .player-controls_play { width: 64px; width: 4.57143rem; } .player .player-controls .player-controls_play .icon { font-size: 32px; font-size: 2.28571rem; width: 32px; width: 2.28571rem; height: 32px; height: 2.28571rem; } .player .player-controls .player-controls_next, .player .player-controls .player-controls_previous { width: 56px; width: 4rem; } .player .player-controls .player-controls_next .icon, .player .player-controls .player-controls_previous .icon, .player-mini .player-controls .player-controls_play .icon { font-size: 24px; font-size: 1.71429rem; width: 24px; width: 1.71429rem; height: 24px; height: 1.71429rem; } .player-mini .player-controls .player-controls_next, .player-mini .player-controls .player-controls_play, .player-mini .player-controls .player-controls_previous { width: 36px; width: 2.57143rem; } .player-volume { height: 48px; height: 3.42857rem; bottom: 64px; bottom: 4.57143rem; } .player-volume_max, .player-volume_mute { margin: 8px; } .player-volume_range { display: inline-block; position: relative; height: 48px; height: 3.42857rem; width: 176px; width: 12.57143rem; } .player-volume_range>* { position: absolute; left: 0; right: 0; } .player-volume_range_fill, .player-volume_range_track { top: 21px; top: 1.5rem; bottom: 21px; bottom: 1.5rem; background-color: #FFF; } .player-volume_range_fill { width: 100% } .player-volume input[type=range] { -webkit-appearance: none; background-color: transparent; width: 100%; height: 48px; height: 3.42857rem; } .player-volume input[type=range]:focus { outline: 0; } .player-volume input[type=range]::-ms-track { width: 100%; cursor: pointer; background: 0 0; border-color: transparent; } .player-volume input[type=range]::-moz-range-track { background-color: transparent; } .player-volume input[type=range]::-webkit-slider-thumb { -webkit-appearance: none!important; background: 0 0; width: 0; height: 48px; height: 3.42857rem; } .player-volume input[type=range]::-moz-range-thumb { -moz-appearance: none; appearance: none; width: 0; height: 48px; height: 3.42857rem; background-color: transparent; border-color: transparent; } .player-volume input[type=range]::-ms-thumb { width: 0; height: 48px; height: 3.42857rem; } .playlist-cover-grid { width: 100%; display: inline-block; overflow: hidden; font-size: 0; } .playlist-cover-grid>li { float: left; width: 50%; height: 50% } .post { position: relative; z-index: 0; } .post h1, .post h2, .post h3 { display: inline; } .post .quick-play { z-index: 2; } .post .link-wrap { position: relative; z-index: 0; display: block; } .post_entity { padding-bottom: 75% } .post_entity_background { overflow: hidden; } .post_entity_content>div { position: absolute; left: 16px; left: 1.14286rem; right: 16px; right: 1.14286rem; bottom: 16px; bottom: 1.14286rem; color: #FFF; } .post_entity_content_tag { line-height: 1; } .post_bar, .post_body { background-color: #f0f0f0; } .post_body { padding: 1.14286rem; } .post_body p a { text-decoration: none; color: #00000; } .range { position: relative; height: 24px; z-index: 0; } .range>div { position: absolute; z-index: -1; } .range .bar-path { width: 100% } .range .bar { width: 0% } .range .thumb-path>div>div { display: table-cell; position: relative; } .range .thumb-path>div>div:first-child { width: 100% } .range.range--track .bar, .range.range--track .bar-path { transition: -webkit-transform .2s linear; transition: transform .2s linear; top: 11px; bottom: 11px; } .range.range--track:hover .bar, .range.range--track:hover .bar-path { -webkit-transform: scaleY(2); transform: scaleY(2); } .range.range--track .bar-path { background-color: #4d4d4d; } .range.range--track .bar { background-color: #00000; } .range input[type=range] { -webkit-appearance: none; margin: 0; background-color: transparent; width: 100%; height: 24px; } .section-header .select+.select, .section-header h1+.select { margin-left: 4px; } .range input[type=range]:focus { outline: 0; } .range input[type=range]:disabled { cursor: default; } .section-header .select select:hover, .section-header .select:hover { cursor: pointer; } .range input[type=range]::-ms-track { width: 100%; cursor: pointer; background: 0 0; border-color: transparent; } .range input[type=range]::-ms-tooltip { display: none; } .range input[type=range]::-moz-range-track { background-color: transparent; } .range input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 10px; height: 10px; border-radius: 100%; background-color: #FFF; } .range input[type=range]::-moz-range-thumb { -moz-appearance: none; appearance: none; width: 10px; height: 10px; border-radius: 100%; background-color: #FFF; } .range input[type=range]::-ms-thumb { -ms-appearance: none; appearance: none; width: 10px; height: 10px; border-radius: 100%; background-color: #FFF; } .section-no-header { margin-top: 32px; } @media only screen and (min-width:1334px) { .section-no-header { margin-top: 48px; } } .section-footer { text-align: right; margin-top: 20px; height: 24px; overflow-y: visible; } .section-footer .btn { margin-top: -12px; } .section-footer.cta { text-align: left; } .list-track+.section-footer { margin-top: 12px; } .section-header { margin-top: 18px; height: 48px; position: relative; color: #737373; } .section-header_left>div, .section-header_right>div { display: inline-block; background-color: #FFF; } .section-header_left { width: 100% } .section-header_left>div { padding-right: 12px; } .section-header_line { display: block; width: 100%; position: absolute; top: 50%; left: 0; border-top: 1px solid #e8e8e8; z-index: -1; } .app-bar .avatar-button .user-menu-pin, .app-bar-new .avatar-button .user-menu-pin, .app-bar-new2 .avatar-button .user-menu-pin { left: 10px; } .section-header_right { white-space: nowrap; } .section-header_right>div { padding-left: 12px; } .section-header h1 { color: inherit; } .section-header h1.reset { color: inherit; font-size: inherit; text-transform: inherit; } .section-header .select { position: relative; display: inline-block; z-index: 2; } .section-header .select select { border-radius: 3px; padding: 5px 32px 4px 6px; border: 1px solid #bfbfbf; text-transform: uppercase; background: 0 0; line-height: 1.2727; color: inherit; outline: 0; font-family: futurabook, Arial, sans-serif; } .section-header .select select::-ms-expand { display: none; } .section-header .select select:focus { box-shadow: 0 0 5px #bfbfbf; } .section-header .select .icon { top: 50%; margin-top: -6px; position: absolute; right: 10px; z-index: -1; font-size: 12px; color: #bfbfbf; width: 12px; height: 12px; } .section-header.dual-select, .section-header.mono-select { margin-bottom: 8px; } @media only screen and (max-width:767px) { .section-header.dual-select .section-header_left>div { padding-right: 0; width: 100% } .section-header.dual-select .section-header_left>div:after, .section-header.dual-select .section-header_left>div:before { content: " "; display: table; } .section-header.dual-select .section-header_left>div:after { clear: both; } .section-header.dual-select .select { width: 49%; float: left; } .section-header.dual-select .select+.select { margin-left: 0; } .section-header.dual-select .select:first-child { margin-right: 1% } .section-header.dual-select .select:last-child { margin-left: 1% } .section-header.dual-select select { width: 100% } } @media only screen and (min-width:992px) { .section-header { margin-top: 20px; } } .section-header.section-header-first { height: 32px; padding-top: 16px; } .section-header+.section-header { margin-top: 0; } .section-secondary .date .icon { margin-right: 8px; } .section-secondary .date, .section-secondary .numbers, .section-secondary .stats { padding: 8px 0 0; } .section-secondary .stats { text-align: left; text-transform: uppercase; line-height: 1; } .section-secondary .stats li { display: inline-block; margin: 0 8px 0 0; } .section-secondary .cc { margin-top: 36px; } .section-secondary .cc li { display: inline-block; float: right; margin-left: 8px; color: #bfbfbf; } .section-secondary .cc .icon { font-size: 24px; width: 24px; height: 24px; } @media only screen and (min-width:992px) { .section-secondary .numbers { display: table; width: 100% } .section-secondary .numbers .date { font-size: 11px; } .section-secondary .numbers .stats { font-size: 9px; } .section-secondary .numbers .date, .section-secondary .numbers .stats { display: table-cell; } .section-secondary .stats { font-size: 10px; font-size: .71429rem; text-align: right; } .section-secondary .stats li { margin: 0 0 0 8px; } .section-secondary .stats .count { font-size: 14px; font-size: 1rem; } } @media only screen and (min-width:1334px) { .section-secondary .date, .section-secondary .stats { padding-top: 40px; } } .section-tertiary { padding: 48px 0; color: #999; text-align: center; } .section-tertiary .s_wrap { display: inline-block; width: 100% } .section-tertiary .s__content, .section-tertiary .s__glyph { vertical-align: middle; text-align: center; } .app-bar .avatar-button_avatar, .app-bar .avatar-button_username, .app-bar .separator, .app-bar-new .avatar-button_avatar, .app-bar-new .avatar-button_username, .app-bar-new2 .avatar-button_avatar, .app-bar-new2 .avatar-button_username, .btn-action-list li, .edit-image-cover a span, .navigation .wrap>div:first-child>div { vertical-align: top; } .section-tertiary .glyph { display: inline-block; margin: 0 0 16px; } .section-tertiary .text { margin: 8px 0 4px; } .section-tertiary .actions { vertical-align: top; margin: 10px -6px -6px; } .section-tertiary .actions li { display: inline; margin: 0 6px; font-size: 0; } .section-tertiary .action { margin: 10px 0 -6px; } .section-tertiary .btn { padding-top: 10px; padding-bottom: 10px; } .section-tertiary .btn:before { top: 6px; bottom: 6px; } .section-tertiary.as-incentive { background-color: #f9f9f9; padding: 32px; } .section-tertiary.as-incentive .s_wrap { display: block; } .section-tertiary.as-incentive .glyph { width: 48px; height: 48px; padding: 16px; border-radius: 100%; background-color: #e8e8e8; } @media only screen and (min-width:1334px) { .section-tertiary.as-incentive: not(.compact) { padding: 48px; } .section-tertiary.as-incentive:not(.compact) .s__content, .section-tertiary.as-incentive:not(.compact) .s__glyph { display: table-cell; text-align: left; } .section-tertiary.as-incentive:not(.compact) .s__glyph { width: 80px; padding-right: 32px; } .section-tertiary.as-incentive:not(.compact) .glyph { margin: 0; } } .licensing-img-insert-desktop a, .track_information_artist, .track_information_title { display: inline-block; } .section-tertiary.as-error .s_wrap, .section-tertiary.as-no-results .s_wrap, .section-tertiary.as-requirement .s_wrap { max-width: 500px; } .section-tertiary.as-error .heading, .section-tertiary.as-no-results .heading, .section-tertiary.as-requirement .heading { color: #4d4d4d; } .section-tertiary.as-requirement .glyph { color: #00000; } .section-tertiary.as-error .glyph { color: #4d4d4d; } .section-tertiary.as-no-results .glyph { color: #737373; } .section-tertiary.as-form-introduction { text-align: left; } .licensing-img-insert-desktop { position: relative; overflow: visible; font-size: 0; height: 24px; } .licensing-img-insert-desktop>div { right: -32px; border-top: 4px solid #67b7bf; padding: 0 12px; text-align: right; z-index: 1; } .social-links { margin-top: 36px; } .social-links li { margin-bottom: .85714rem; padding-left: 1.71429rem; position: relative; } .social-links li:last-child { margin-bottom: 0; } .social-links .web { color: #4d4d4d; } .social-links .facebook { color: #5f78ab; } .social-links .twitter { color: #4099FF; } .social-links .google { color: #dd4b39; } .social-links .apple { color: #000; } .tile { background-color: #262626; overflow: hidden; } .tile_body_content_descriptive, .tile_body_content_standalone-title { padding: 1.14286rem; text-transform: uppercase; } .tile_body_content_descriptive_title { margin-bottom: .85714rem; } .tile_body_content_descriptive_title span { padding-bottom: .28571rem; display: inline-block; border-bottom: 1px solid #FFF; } .tile_body_content_descriptive_description { text-transform: initial; } .tile_play+a .tile_body .tile_body_content>* { padding: 3.42857rem 0; } .tile.tile--wide .tile_body { padding-bottom: 50% } .track { padding: .57143rem 0 .57143rem .57143rem; } .track_play { width: 48px; height: 48px; z-index: auto; position: relative; } .track_play img { z-index: -10; width: 50px; height: 50px; } .section_licensing button, .track.featured .track_play { z-index: 1; } .track .link-wrap { width: 100% } .track_information { padding: 0 .57143rem 0 .85714rem; } .track_tags { white-space: nowrap; letter-spacing: 1px; letter-spacing: .07143rem; padding: 0 .85714rem; display: none; } .track_tags li { display: inline-block; } .track_actions.track_actions_add-to-playlist, .track_actions.track_actions_share, .track_tags li:last-child:after { display: none; } .track_tags li:after { content: ", " } .track_duration { padding: 0 1.14286rem 0 .85714rem; display: none; } .track.track--playlist-edition .track_handle:hover, .track.track--playlist-edition .track_information:hover, .track.track--playlist-edition .track_play:hover { cursor: move; } .navigation .language select:hover, .navigation .wrap>div:first-of-type>a .logo:hover, .navigation a:hover, .search-module .chosen-container .search-field input[type=text]:focus+.btn-icon:hover, .search-module .chosen-container .search-field input[type=text]:valid+.btn-icon:hover { cursor: pointer; } .track.track--playlist-edition .track_handle { min-width: 32px; } .track.track--playlist-edition .track_handle .icon { font-size: 12px; font-size: .85714rem; color: #bfbfbf; } .track.track--playlist-edition img { width: 48px; height: 48px; } .track.track--playlist-deleted { background-color: #f9f9f9; } .track.track--playlist-deleted>div { color: #737373; } .track.track--playlist-deleted>div:nth-child(1) { padding-left: 1.07143rem; } .track.track--playlist-deleted>div:nth-child(2) { padding-left: 1.92857rem; width: 100% } @media only screen and (min-width:768px) { .post_body { min-height: 97px; } .track_actions.track_actions_add-to-playlist, .track_actions.track_actions_share { display: inline; } .track_duration { display: table-cell; } } @media only screen and (min-width:992px) { .track_tags { display: table-cell; } } .track.featured { background-color: #fef5ef; } .track.featured .track_actions .desktop-secondary-menu-wrap { display: none; } .track.featured .list-button li:hover { background-color: #fbebe1; } @media only screen and (max-width:480px) { .track.featured>a>div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .track.featured>a>div .track_information { display: block; margin: 0; max-width: 120px; } .track.featured>a>div .highlighted { display: block; margin: -6px 0 -12px 12px; } .track.featured .track_actions { white-space: nowrap; } .track.featured .track_actions ul li:nth-of-type(4) { display: none; } .track.featured .track_actions .desktop-secondary-menu-wrap { display: inline-block; } .track.featured .track_actions .desktop-secondary-menu-wrap .desktop-secondary-menu { top: calc(100%+9px); } .licensing-links { height: 67px; } .licensing-links>a { display: none; } } .licensing-links { position: absolute; right: 0; color: #FFF; background-color: #67b7bf; text-transform: uppercase; text-align: center; padding: 0 16px; max-height: 65px; min-width: 450px; } .licensing-links>p { text-align: center; line-height: .5; padding-top: 12px; } @media only screen and (max-width:1334px) { .licensing-links { margin-left: -32px; margin-right: -32px; min-width: auto; max-height: none; position: relative; } } @media only screen and (max-width:992px) { .licensing-links { margin-left: -16px; margin-right: -16px; } } @media only screen and (max-width:768px) { .licensing-links { visibility: hidden; } } .selection_titles h1 { font-weight: 600; font-size: 17px; text-transform: initial; letter-spacing: 0; } .selection_titles h2 { font-size: 13px; font-weight: 400; margin-bottom: 10px; } .section_licensing { margin-top: 16px; } .section_licensing header, .section_licensing ul { background-color: #ebf6f7; } .section_licensing header { display: block; height: auto; padding: 16px 0 0 16px; } .section_licensing .list-track { padding: 16px 16px 0; } .section_licensing .list-track .track { padding: 8px 0; border-bottom: 1px solid #e8e8e8; transition: background-color .25s; } .section_licensing .list-track .track:first-of-type { padding-top: 8px; } .section_licensing .list-track .track:last-of-type { border: none; padding-bottom: 8px; } .section_licensing .list-track .track .list-button, .section_licensing .list-track .track .list-button li a { background-color: #ebf6f7; transition: background-color .25s; } .section_licensing .list-track .track:hover { background-color: #d5ebec; margin: 0 16px 0 -16px; padding: 8px 16px; width: calc(100%+32px); } .section_licensing .list-track .track:hover:last-of-type { padding-top: 8px; } .section_licensing .list-track .track:hover .list-button, .section_licensing .list-track .track:hover .list-button li a { background-color: #d5ebec; } .section_licensing .section-footer { margin-top: 38px; } .app-bar_wrap { width: 100%; background-color: #e8e8e8; color: #999; } .app-bar_left, .app-bar_right { white-space: nowrap; } .app-bar_right { text-align: right; } .app-bar .user-zone { display: inline-block; margin-right: 16px; } .app-bar .avatar-button { padding: 10px 0; height: 48px; white-space: nowrap; } .app-bar .avatar-button_avatar { width: 28px; display: inline-block; } .app-bar .avatar-button_username { line-height: 28px; color: #737373; letter-spacing: .5px; padding-left: 8px; display: none; } .app-bar .avatar-button.menu-is-opened .user-menu, .app-bar .avatar-button.menu-is-opened .user-menu-pin { visibility: visible; } .app-bar .separator { width: 1px; display: inline-block; background-color: #d1d1d1; height: 36px; margin: 6px 0; } .app-bar .user-menu { visibility: hidden; position: absolute; right: 0; top: 47px; background-color: #FFF; min-width: 150px; border: 1px solid #d1d1d1; } .app-bar .user-menu li { border-bottom: 1px solid #d1d1d1; } .app-bar .user-menu li:last-child { border-bottom: none; } .app-bar .user-menu li:hover { background-color: #f0f0f0; } .app-bar .user-menu a { text-decoration: none; color: #4d4d4d; padding: 16px; display: inline-block; } .app-bar .user-menu-pin { position: absolute; bottom: 0; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #d1d1d1; visibility: hidden; } .app-bar_search { display: none; background-color: #FFF; } .app-bar.is-search .app-bar_wrap { display: none; } .app-bar.is-search .app-bar_search { display: block; } @media only screen and (min-width:1334px) { .app-bar_left { width: 50% } .app-bar .avatar-button_username { display: inline-block; } .app-bar .user-zone { margin-right: 0; } } .menu-for-app-bar { display: inline-block; width: 300px; height: 140px; background: #000; color: #fff; text-align: center; padding: 0 10px; } @media only screen and (min-width:1334px) { .menu-for-app-bar { width: 180px; } } .container-for-app-bar { width: 100%; position: absolute; display: inline-block; } .app-bar-new { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 0 5px; background-color: #e8e8e8; color: #999; } .app-bar-new .list-button:first-child { display: none; } .app-bar-new .list-button:nth-child(2) { -webkit-box-ordinal-group: NaN; -ms-flex-order: initial; order: initial; margin-left: 11px; } .app-bar-new .list-button:nth-child(2) li a { pointer-events: none; color: #999; top: 1px; } .app-bar-new .user-menu, .app-bar-new2 .user-menu { right: 0; top: 47px; min-width: 150px; position: absolute; } .app-bar-new .list-button.social-icons { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 10px; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .app-bar-new .form-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .app-bar-new .user-zone { margin-right: 16px; } .app-bar-new .user-zone .btn { white-space: nowrap; } .app-bar-new .avatar-button { padding: 10px 0; height: 48px; white-space: nowrap; } .app-bar-new .avatar-button_avatar { width: 28px; display: inline-block; } .app-bar-new .avatar-button_username { line-height: 28px; color: #737373; letter-spacing: .5px; padding-left: 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .app-bar-new .form-search_left, .app-bar-new.is-search .list-button.social-icons, .app-bar-new.is-search .list-button:first-child, .app-bar-new.is-search .list-button:first-child li:first-child, .app-bar-new.is-search .list-button:nth-child(2), .app-bar-new.is-search .separator, .app-bar-new.is-search .user-zone { display: none; } .app-bar-new .avatar-button.menu-is-opened .user-menu, .app-bar-new .avatar-button.menu-is-opened .user-menu-pin { visibility: visible; } .app-bar-new .separator { width: 1px; background-color: #d1d1d1; height: 36px; margin: 6px 0; display: none; } .app-bar-new .form-search_input { width: 100% } .app-bar-new.is-search .form-search_input { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% - 35px); } .app-bar-new.is-search .form-search_left { width: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; } .app-bar-new .user-menu { visibility: hidden; background-color: #FFF; border: 1px solid #d1d1d1; } .app-bar-new .user-menu li { border-bottom: 1px solid #d1d1d1; } .app-bar-new .user-menu li:last-child { border-bottom: none; } .app-bar-new .user-menu li:hover { background-color: #f0f0f0; } .app-bar-new .user-menu a { text-decoration: none; color: #4d4d4d; padding: 16px; display: inline-block; } .app-bar-new .user-menu-pin { position: absolute; bottom: 0; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #d1d1d1; visibility: hidden; } .app-bar-new_search { display: none; background-color: #FFF; } @media only screen and (max-width:1334px) { .app-bar-new .list-button: first-child { display: -webkit-box; display: -ms-flexbox; display: flex; } .app-bar-new .list-button:nth-child(2) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .app-bar-new .list-button:nth-child(2) li a { pointer-events: visible; color: #4d4d4d; } .app-bar-new .list-button:nth-child(2) li a:hover { color: red; } .app-bar-new .separator { display: -webkit-box; display: -ms-flexbox; display: flex; } .app-bar-new .avatar-button_username, .app-bar-new .form-search_input { display: none; } } .app-bar-new2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; background-color: #e8e8e8; color: #999; } .app-bar-new2 .bar-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; white-space: nowrap; } .app-bar-new2 .social-and-login-container { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; white-space: nowrap; } .app-bar-new2 .list-button:first-child { display: none; } .app-bar-new2 .list-button:nth-child(2) { display: none; -webkit-box-ordinal-group: NaN; -ms-flex-order: initial; order: initial; } .app-bar-new2 .list-button:nth-child(2) li a { pointer-events: none; color: #999; } .app-bar-new2 .list-button.social-icons { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 10px; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .app-bar-new2 .list-button .btn-icon { color: #999; } .app-bar-new2 .list-button .btn-icon:hover { color: #00000; } .app-bar-new2 .form-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .app-bar-new2 .user-zone { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding-left: 9px; } .app-bar-new2 .user-zone .btn { white-space: nowrap; } .app-bar-new2 .avatar-button { padding: 10px 0; height: 48px; white-space: nowrap; } .app-bar-new2 .avatar-button_avatar { width: 28px; display: inline-block; } .app-bar-new2 .avatar-button_username { line-height: 28px; color: #737373; letter-spacing: .5px; padding-left: 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .app-bar-new2 .form-search_left, .app-bar-new2.is-search .list-button.social-icons, .app-bar-new2.is-search .list-button:first-child, .app-bar-new2.is-search .list-button:first-child li:first-child, .app-bar-new2.is-search .list-button:nth-child(2), .app-bar-new2.is-search .separator, .app-bar-new2.is-search .user-zone { display: none; } .app-bar-new2 .avatar-button.menu-is-opened .user-menu, .app-bar-new2 .avatar-button.menu-is-opened .user-menu-pin { visibility: visible; } .app-bar-new2 .form-search_input { width: 100% } .app-bar-new2.is-search .form-search_input { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% - 35px); } .app-bar-new2.is-search .form-search_left { width: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; } .app-bar-new2 .user-menu { visibility: hidden; background-color: #FFF; border: 1px solid #d1d1d1; } .app-bar-new2 .user-menu li { border-bottom: 1px solid #d1d1d1; } .app-bar-new2 .user-menu li:last-child { border-bottom: none; } .app-bar-new2 .user-menu li:hover { background-color: #f0f0f0; } .app-bar-new2 .user-menu a { text-decoration: none; color: #4d4d4d; padding: 16px; display: inline-block; } .app-bar-new2 .user-menu-pin { position: absolute; bottom: 0; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #d1d1d1; visibility: hidden; } .app-bar-new2_search { display: none; background-color: #FFF; } @media only screen and (max-width:992px) { .app-bar-new2 { padding-left: calc(1%+13px); } .app-bar-new2 .list-button:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; } .app-bar-new2 .list-button>li:first-child { margin-left: -4px; } .app-bar-new2 .list-button:nth-child(2) { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 8px; } .app-bar-new2 .list-button:nth-child(2) li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: visible; color: #999; } .app-bar-new2 .list-button:nth-child(2) li a .icon { font-size: 1.5rem; line-height: 16px; } .app-bar-new2 .list-button>li:last-child { margin-right: 0; margin-left: 6px; } .app-bar-new2 .space-for-responsive-bar { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } .app-bar-new2 .separator { display: -webkit-box; display: -ms-flexbox; display: flex; } .app-bar-new2 .avatar-button_username, .app-bar-new2 .form-search_input, .app-bar-new2 .search-module__left { display: none; } .app-bar-new2 .search-module { position: fixed; min-height: 68px; left: 0; margin: 0; padding-left: calc(1%+15px); padding-right: calc(1%+15px); background-color: #f1f1f1; box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .6); top: -200px; transition: initial; } .app-bar-new2 .search-module.focus { top: 48px; transition: initial; } .app-bar-new2 .search-module .chosen-container .chosen-choices { background-color: #f1f1f1; margin-right: 4px; } .app-bar-new2 { padding-right: 5px; } } .search-module, .search-module.focus { transition-duration: .5s; transition-timing-function: ease-out; } .dispatcher .link-wrap { padding: 1.71429rem; display: table; width: 100% } .dispatcher_body_title { padding-bottom: .57143rem; } .dispatcher .icon { padding-left: 1.71429rem; font-size: 24px; font-size: 1.71429rem; color: #00000; } .hero-entity-description { width: 100%; color: #262626; line-height: 1.5; } .hero-entity-description .primary, .hero-entity-description .tags { display: inline; } .hero-entity-description .tags.inline-block, .hero-entity-description .tags.inline-block>li { display: inline-block; } .hero-entity-description .prefix, .hero-entity-description .tags { font-size: 10px; font-size: .71429rem; color: #999; } .hero-entity-description .prefix { text-transform: uppercase; } .hero-entity-description .prefix .icon { margin-right: .57143rem; } .hero-entity-description .primary { font-size: 16px; font-size: 1.14286rem; } .hero-entity-description .secondary { font-size: 11px; font-size: .78571rem; text-transform: uppercase; } .hero-entity-description .secondary:link { color: #262626; text-decoration: none; } .hero-entity-description .secondary:link:hover { text-decoration: underline; } .hero-entity-description .source-link { font-size: 11px; font-size: .78571rem; } .hero-entity-description .source-link a:link, .hero-entity-description .source-link a:visited { color: #4d4d4d; } .hero-entity-description .source-link a:active, .hero-entity-description .source-link a:hover { color: #262626; } .hero-entity-description .tags a { color: inherit; text-decoration: none; } .hero-entity-description .tags.reset { font-size: inherit; color: inherit; } @media only screen and (max-width:1334px) { .hero-entity-description .tags.inline-block { font-size: 12px; } } .hero-entity-description.overlay .prefix, .hero-entity-description.overlay .primary, .hero-entity-description.overlay .secondary, .hero-entity-description.overlay .tags { color: #FFF; } @media only screen and (min-width:768px) { .hero-entity-description .primary { font-size: 24px; font-size: 1.71429rem; font-weight: 400; } .hero-entity-description .secondary { font-size: 14px; font-size: 1rem; } } .hero-cover { display: block; } .btn-action-list, .btn-action-list li { display: inline-block; } .hero-cover img { max-width: 100% } .btn-action-list li { margin-right: 12px; font-size: 0; } .btn-action-list li:last-child { margin-right: 0; } .btn-action-list li:empty { display: none; } .btn-action-list.small li { margin-right: 8px; } .btn-action-list.small .icon-pause-s, .btn-action-list.small .icon-play-s { top: 1px; } .btn-action-list.small .icon-share { left: -1px; } .btn-expand { width: 36px; height: 36px; float: right; } .btn-expand .icon { font-size: 12px; line-height: 36px; } .edit-image-cover { position: absolute; top: 0; left: 0; z-index: 5; } .edit-image-cover a { color: #FFF; padding: 16px; display: inline-block; text-decoration: none; } .edit-image-cover a span { display: none; color: #FFF; line-height: 18px; text-decoration: underline; } .empty-message, .hero-desktop_cover .edit-image-cover a:hover span, .navigation a, .pivot-bar a, .player_entity-information>*, .results-container .chosen-results .cta-btn { text-decoration: none; } .hero-desktop { width: 100%; position: relative; z-index: 0; color: #FFF; margin-top: 48px; } @media only screen and (min-width:992px) { .edit-image-cover .icon { margin-right: 8px; } .edit-image-cover a:hover span { display: inline-block; } .hero-desktop { margin-top: 0; } } .hero-desktop_cover { z-index: -1; overflow: hidden; position: relative; } .hero-desktop_cover .edit-image-cover { right: 16px; text-align: right; } .hero-desktop_cover .edit-image-cover a { width: 36px; color: #737373; } .hero-desktop_cover .edit-image-cover a .icon { margin: 0; } .hero-desktop_cover .edit-image-cover a span { color: #737373; font-family: futurabook, Arial, sans-serif; } .hero-desktop_cover .edit-image-cover a:hover { width: auto; } @media only screen and (max-width:992px) { .hero-desktop_cover { width: calc(100%+32px); margin-left: -16px; margin-right: -16px; } } .hero-desktop_structure { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 100%; position: relative; margin-top: -5px; min-height: 200px; } .hero-desktop .thumb { padding: 0; margin: 0 25px; height: auto; right: 0; top: 0; position: absolute; } @media only screen and (max-width:768px) { .hero-desktop .thumb { width: 96px; } } .hero-desktop .content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: none; padding: 32px 0 0; } @media only screen and (min-width:1334px) { .hero-desktop_structure { -ms-flex-flow: row; flex-flow: row; } .hero-desktop .content { margin-top: 0; } } .hero-desktop .content>div { padding-right: 12px; } @media only screen and (max-width:550px) { .hero-desktop .content { -ms-flex-flow: column; flex-flow: column; } .hero-desktop .content>div { padding-right: 0; } } .hero-desktop .content>ul { -ms-flex-flow: column; flex-flow: column; width: 200px; min-width: 200px; } @media only screen and (min-width:1334px) { .hero-desktop .content>ul { -ms-flex-flow: row; flex-flow: row; width: auto; } } @media only screen and (max-width:1334px) { .hero-desktop .content>ul li { line-height: 1.3; display: -webkit-box; display: -ms-flexbox; display: flex; } .hero-desktop .content>ul li>div { width: 50% } .hero-desktop .content>ul li>div:first-of-type { text-align: right; margin-right: 3px; } .hero-desktop .content>ul li>div:last-of-type { text-align: left; margin-left: 3px; } .hero-desktop .content>ul li:nth-of-type(2) { margin: 12px 0; } } @media only screen and (max-width:768px) { .hero-desktop .content>ul { width: 146px; min-width: 146px; padding-top: 30px; } .hero-desktop .content>ul li { -ms-flex-flow: column; flex-flow: column; font-size: 12px; } .hero-desktop .content>ul li>div:first-of-type, .hero-desktop .content>ul li>div:last-of-type { width: 100%; text-align: center; margin-left: 0; margin-right: 0; } } @media only screen and (max-width:550px) { .hero-desktop .content>ul { -ms-flex-flow: row; flex-flow: row; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .hero-desktop .content>ul li:nth-of-type(2) { margin: 0 12px; } .hero-desktop .content>ul li>div:first-of-type, .hero-desktop .content>ul li>div:last-of-type { font-size: 12px; } .hero-desktop .content .hero-entity-description h1 { max-width: 73% } } .hero-desktop .content .hero-entity-description { white-space: initial; } .hero-desktop .content .hero-entity-description>* { color: #4d4d4d; } .hero-desktop.hero-is-overlay .hero-desktop_structure .content h1, .messages, .messages_message_text a { color: #FFF; } @media only screen and (max-width:1334px) { .hero-desktop .content .hero-entity-description h1 { font-size: 32px; } } .hero-desktop.no-thumb .content { padding-left: 32px; } .hero-desktop .avatar { width: 150px; margin-top: -50% } .hero-desktop .btn-action-list, .hero-plain_actions { margin-top: 16px; } @media only screen and (min-width:1334px) { .hero-desktop .avatar { width: 200px; } } @media only screen and (max-width:768px) { .hero-desktop .avatar { width: 96px; } } @media only screen and (max-width:390px) { .hero-desktop .content>ul { padding-top: 10px; } .hero-desktop .btn-action-list>li { margin-bottom: 10px; } } .hero-desktop .edit-image-cover { top: 16px; left: 16px; } .hero-desktop.hero-is-overlay .hero-desktop_structure { height: 100% } .hero-desktop.hero-is-overlay .hero-desktop_structure .content { -ms-flex-flow: column; flex-flow: column; padding-bottom: 32px; } .hero-mobile { position: relative; margin-right: -16px; margin-left: -16px; } .hero-mobile_cover { padding-bottom: 33.33333%; overflow: hidden; position: relative; } .hero-mobile_cover img { max-width: 100%; display: block; } .hero-mobile_content { position: relative; padding: 8px 16px 0 120px; z-index: 1; } .hero-mobile_actions { padding: 14px 4px 0 16px; } .hero-mobile .thumb { position: absolute; width: 96px; left: 14px; bottom: 0; } .hero-mobile.no-thumb .hero-mobile_content { padding: 16px 16px 0; } .hero-plain_content { max-width: 50px; } .hero-plain.mobile { padding: 16px 0; } .hero-plain.mobile .hero-plain_cover { width: 96px; } .hero-plain.mobile .hero-plain_content { padding-left: 16px; } .hero-plain.desktop { height: 240px; margin: 32px 0; } .hero-plain.desktop .hero-plain_cover { width: 180px; } .hero-plain.desktop .hero-plain_content { padding-left: 24px; } .hero-plain.desktop .btn-action-list { margin-top: 22px; } @media only screen and (min-width:992px) { .hero-plain.desktop .hero-plain_cover { width: 240px; } } .image-crop { position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .image-crop, .image-crop-get-set { max-width: 600px; } .image-crop-get-set { text-align: center; position: absolute; bottom: 15%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 999; width: 100% } .image-crop .icon-picture, .image-crop .icon-picture-s, .image-crop-rotate-ccw, .image-crop-rotate-cw { position: absolute; bottom: 0; } .messages_message, .messages_message .container { position: relative; } .image-crop .icon-picture-s { left: 80px; bottom: 18px; } .image-crop .icon-picture { right: 0; bottom: 16px; } .image-crop-rotate-ccw { left: 0; } .image-crop-rotate-cw { left: 32px; } .image-crop-input { display: none!important; } .messages:empty, .messages_message:not(:nth-last-child(-n+2)) .messages_message_dismiss, .messages_message:not(:nth-last-child(-n+2)) .messages_message_text, .messages_message:not(:nth-last-child(-n+4)) { display: none; } .image-crop-save { margin-left: 8px; } @media only screen and (min-width:992px) { .image-crop.square, .image-crop.square+.image-crop-get-set { max-width: 400px; } } .croppie-container .cr-slider-wrap { margin: 22px 28px 22px 104px; width: auto; } .messages { background-color: #FFF; margin: 8px; } .messages_message { background-color: #262626; padding: .85714rem; border-top: 1px solid #FFF; } .messages_message_text { padding-right: 3.42857rem; } .navigation a, .navigation a:link, .navigation a:visited { color: #d1d1d1; } .messages_message_dismiss { position: absolute; right: 0; top: 50%; margin-top: -1.71429rem; width: 36px; width: 2.57143rem; height: 36px; height: 2.57143rem; } .messages_message_dismiss .icon { margin-left: -.42857rem; margin-top: -.42857rem; } .messages_message.is-success { background-color: #6c6; } .messages_message.is-warning { background-color: #cc6e29; } .messages_message.is-danger { background-color: #cc2929; } .messages_message.is-cookie-banner { background-color: #191919; } .messages_message:first-child { border-top: none; } .messages_message:not(:nth-last-child(-n+2)) { padding: .14286rem 0; } .navigation { width: 180px; background-color: #262626; height: auto; } .navigation a.is-active .icon, .navigation a.is-active:link, .navigation a.is-active:visited, .navigation a:active, .navigation a:active .icon, .navigation a:hover, .navigation a:hover .icon { color: #FFF; } .navigation .wrap>div:first-of-type>a { display: inline-block; } .navigation .wrap>div:first-of-type>a .logo { margin: 12px 0; } .navigation .primary a { display: block; letter-spacing: 1px; line-height: 2; } .navigation .primary a>* { display: inline; } .navigation .primary .primary-title { line-height: 1.25; } .navigation .primary .primary-title>span { color: #d1d1d1; letter-spacing: 1px; } .navigation .primary .btn--brand, .navigation .primary .btn--lightgrey-brand { line-height: 1.4; padding: 1.8em .3em; } .navigation .primary .icon { margin-right: 12px; color: #737373; } .navigation .licensing-add { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #67b7bf; padding: 10px 6px 5px!important; margin: 16px auto; text-align: center; height: 255px; } .navigation .licensing-add>* { width: 100% } .navigation .licensing-add figure { background-repeat: no-repeat; background-size: contain; background-position: center; } .navigation .licensing-add figure:first-of-type { background-image: url(https://images.jamendo.com/jamendomusic/static/svg/jamendo-licensing-logo-white.svg); height: 36px; margin-top: 5px; } .navigation .licensing-add figure:last-of-type { background-image: url(https://images.jamendo.com/jamendomusic/static/svg/vintage-video.svg); height: 73px; } .navigation .licensing-add p { color: #6ff0ff; line-height: 1.3; font-size: 13px; } .navigation .licensing-add .btn { font-size: 12px; } .navigation .licensing-add .btn:before { background-color: #4bd2e2; } .navigation .licensing-add:hover { background-color: #58abb3; } .navigation .licensing-add:hover p { color: #FFF; } .navigation .licensing-add:hover .btn:before { background-color: #409199; } @media only screen and (max-height:800px) { .navigation .licensing-add { height: 230px; } .navigation .licensing-add figure:last-of-type { height: 60px; } } @media only screen and (max-height:785px) { .navigation .licensing-add { height: 200px; } .navigation .licensing-add figure:first-of-type { height: 34px; } .navigation .licensing-add figure:last-of-type { height: 52px; } } @media only screen and (max-height:755px) { .navigation .licensing-add { height: 160px; } .navigation .licensing-add figure:last-of-type { display: none; } } @media only screen and (max-height:715px) { .navigation .licensing-add { height: 102px; } .navigation .licensing-add figure:first-of-type { display: none; } } @media only screen and (max-height:695px) { .navigation .licensing-add { display: none; } } .navigation .secondary { letter-spacing: .5px; width: 148px; } .navigation .secondary li { display: inline; line-height: 1.5; white-space: nowrap; margin-right: 4px; } .navigation .secondary li:last-child:after { display: none; } .navigation hr { display: block; height: 1px; margin: 16px 0; border: 0; background-color: #3c3c3c; } .navigation .language { position: relative; z-index: 0; } .navigation .language select { letter-spacing: .5px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 5px 0; background: 0 0; color: #999; outline: 0; border: none; z-index: 2; } .navigation .language .icon { position: absolute; top: 50%; right: 0; font-size: 12px; margin-top: -14px; z-index: -1; width: 12px; height: 12px; } .navigation .logo-link { padding: 16px 0; display: inline-block; } .navigation .wrap, .search-module__field { display: -webkit-box; display: -ms-flexbox; } .navigation .wrap { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 16px; height: 100%; min-height: 100vh; } .navigation .wrap>div:last-child>div { vertical-align: bottom; padding-bottom: 16px; } @media only screen and (max-height:902px) { .navigation .wrap.is-logged .licensing-add { height: 230px; } .navigation .wrap.is-logged .licensing-add figure:last-of-type { height: 60px; } } @media only screen and (max-height:887px) { .navigation .wrap.is-logged .licensing-add { height: 200px; } .navigation .wrap.is-logged .licensing-add figure:first-of-type { height: 34px; } .navigation .wrap.is-logged .licensing-add figure:last-of-type { height: 52px; } } @media only screen and (max-height:857px) { .navigation .wrap.is-logged .licensing-add { height: 160px; } .navigation .wrap.is-logged .licensing-add figure:last-of-type { display: none; } } @media only screen and (max-height:817px) { .navigation .wrap.is-logged .licensing-add { height: 102px; } .navigation .wrap.is-logged .licensing-add figure:first-of-type { display: none; } } @media only screen and (max-height:797px) { .navigation .wrap.is-logged .licensing-add { display: none; } } .navigation .social { margin-left: -4px; text-align: center; } .navigation .social li { display: inline-block; } .navigation .social a:link, .navigation .social a:visited { color: #999; width: 34px; height: 27px; } .navigation .social a:link .icon, .navigation .social a:visited .icon { line-height: 27px; } .navigation .social a.btn--apple:before, .navigation .social a.btn--facebook:before, .navigation .social a.btn--google:before, .navigation .social a.btn--instagram:before, .navigation .social a.btn--twitter:before { background-color: transparent; } .navigation .btn-icon.btn--overlay.close--menu { display: none; } html[lang=fr] .entry .info .author:after { left: 0; } @media only screen and (max-width:992px) { .btn-icon.btn--overlay.close--menu { display: inline-block!important; margin: 8px 0 0 8px; width: 48px; height: 48px; } .navigation { width: 300px; height: auto; } .navigation .close { margin: 8px 0 0 8px; width: 48px; height: 48px; } .navigation .wrap { padding: 0 24px 24px; } .navigation .wrap>div>a { display: none; } .navigation .primary a { line-height: 3; } .navigation .primary .btn--brand, .navigation .primary .btn--lightgrey-brand { max-width: 200px; } .navigation .secondary a { line-height: 1; display: block; } .navigation .social { margin-left: -3px; text-align: left; } .navigation .social li { display: inline-block; } .navigation .social li a:link { width: 48px; height: 48px; color: #FFF; } .navigation .social li a:link .icon { line-height: 48px; } .navigation .social a.btn--facebook:before { background-color: #5f78ab; } .navigation .social a.btn--twitter:before { background-color: #4099FF; } .navigation .social a.btn--google:before { background-color: #dd4b39; } .navigation .social a.btn--apple:before { background-color: #000; } .navigation .social a.btn--instagram:before { background-color: #e0176c; } } .empty-message { padding: 24px 12px; color: #262626; text-align: center; font-weight: 300; display: none; } .arrow-top { position: absolute; top: -5px; width: 5px; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #d1d1d1; } .notifications { overflow-y: auto; width: 100%; height: 100%; max-height: 413px; } .notifications .notification { border-bottom: 1px solid #d1d1d1; } .notifications .notification>div { padding: 0 12px; } .notifications .notification>div:nth-child(2) { padding-left: 0; } .notifications .notification-target { color: #737373; } .notifications .notification-target span { color: #262626; } .notifications .notification-target>div { padding: 16px 0; } .notifications .notification-target>div:first-child { width: 36px; } .notifications .notification-target>div:last-child { padding-left: 12px; } .notifications .notification:hover { background-color: #e8e8e8; } .notifications .notification.state-new, .notifications .notification.state-seen, .overlay-bar { background-color: #f0f0f0; } .notifications .notification:last-child { border-bottom: none; } .notifications .notification .btn { white-space: nowrap; } @media only screen and (max-width:768px) { .notifications { width: 100%; height: 100%; max-height: 100%; overflow-y: auto; } .notifications :hover { overflow-y: hidden; } } .overlay-bar { width: 100%; color: #4d4d4d; } .overlay-bar_information { padding: 0 .57143rem; text-transform: uppercase; } .overlay-bar_information_prefix, .overlay-bar_information_title { display: inline; } .overlay-bar_information_prefix { line-height: 1.4; } .overlay-bar.overlay-bar--on-image { background-color: transparent; color: #FFF; } .search-module { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; margin: 3px; padding: 6px 0; min-height: 50px; background-color: #f1f1f1; transition-property: -webkit-box-flex; transition-property: -ms-flex-positive; transition-property: flex-grow; } .search-module.highlight, .search-module.highlight .chosen-container, .search-module.highlight .chosen-container .chosen-choices { background-color: #FFF; } .search-module.highlight .search-module__left { color: #00000; } .search-module.focus { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; transition-property: -webkit-box-flex; transition-property: -ms-flex-positive; transition-property: flex-grow; } .search-module__left, .search-module__right { text-align: center; width: 56px; } .search-module__left button, .search-module__right button { line-height: 1; vertical-align: middle; } .search-module__left button:focus, .search-module__right button:focus { outline: 0; } .search-module__left { color: #999; } .search-module__left .icon { font-size: 1.5rem; line-height: 2rem; } .search-module__field { display: flex; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } .search-module .chosen-container { width: 100%; position: initial; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #f1f1f1; } .search-module .chosen-container .chosen-choices { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; height: auto; border: none; background-image: none; background-color: #f1f1f1; padding: 0; box-shadow: none; } .search-module .chosen-container .chosen-choices li.search-choice { color: #00000; border-width: 2px; border-style: solid; background-color: transparent; } .search-module .chosen-container .chosen-choices li.search-choice .search-choice-close { color: #00000; } .search-module .chosen-container .chosen-choices li.search-choice span { white-space: nowrap; word-wrap: break-word; } .search-module .chosen-container .chosen-choices:not(:empty)+.search-field button { visibility: visible; cursor: pointer; margin-right: 10px; } @media only screen and (max-width:992px) { .search-module .chosen-container .chosen-choices: not(:empty)+.search-field button { margin-right: 0; } } .search-module .chosen-container .search-field { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; position: relative; max-width: 100%; min-width: 314px; height: 25px; margin: 0; } .search-module .chosen-container .search-field .search-field-placeholder, .search-module .chosen-container .search-field input[type=text] { width: calc(100% - 60px); height: 100%; position: absolute; top: 0; font-family: futurabook, Arial, sans-serif; font-size: 13px; padding: 1px 0; background-color: transparent; border: 0; color: #00000; } .search-module .chosen-container .search-field .search-field-placeholder::-ms-clear, .search-module .chosen-container .search-field input[type=text]::-ms-clear { display: none; } .search-module .chosen-container .search-field input[type=text] { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; padding-left: 0; max-width: calc(100% - 4rem); font-weight: 400; width: calc(100% - 60px); outline: 0; } .search-module .chosen-container .search-field input[type=text]+.btn-icon { position: absolute; right: 0; } .search-module .chosen-container .search-field input[type=text]:focus+.btn-icon, .search-module .chosen-container .search-field input[type=text]:valid+.btn-icon { visibility: visible; margin-right: 10px; } .search-module .chosen-container .search-field input[type=text]:not(output):-moz-ui-invalid { box-shadow: none; } .search-module .chosen-container .search-field input::-webkit-input-placeholder { color: #999; opacity: 1; } .search-module .chosen-container .search-field input::-moz-placeholder { color: #999; opacity: 1; } .search-module .chosen-container .search-field input:-ms-input-placeholder { color: #999; opacity: 1; } .search-module .chosen-container .search-field input::placeholder { color: #999; opacity: 1; } .search-module .chosen-container .search-field .search-field-placeholder { color: #999!important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: futurabook, Arial, sans-serif; padding: 2px 0; } .search-module .chosen-container .search-field .btn-icon:focus { outline: 0; } .search-module .chosen-container .search-field .btn-icon .icon { font-size: 1.25rem; line-height: 21px; color: #999; } .search-module .chosen-container .search-field .btn-icon:hover .icon { color: #00000; } .search-module .chosen-container .search-field .btn-icon { visibility: hidden; height: 100%; display: inline-block; vertical-align: middle; color: #999; } .search-module .chosen-container .search-field .btn-icon:hover { color: #00000; } @media only screen and (max-width:992px) { .search-module { width: 100% } .search-module .chosen-container .chosen-choices { margin-right: -5px; } .search-module .chosen-container .search-field { height: 30px; } .results-container { padding-left: 10px; padding-right: 10px; } } .results-container .top-container { margin-left: calc(1%+8px); margin-right: calc(1%+8px); max-width: calc(100% - 450px); min-height: 63px; } .results-container .top-container.empty { visibility: hidden; } .results-container .tags-results { padding-top: 25px; } @media only screen and (max-width:1334px) { .results-container .top-container { max-width: 100%; margin: 0; } .results-container .top-container.empty { display: none; } .results-container .tags-results { padding-top: 10px; margin: 0 9px; } } .results-container .tags-results .single-tag { display: inline-block; margin-left: .25rem; margin-right: .25rem; } .results-container .tags-results .single-tag a { transition: -webkit-transform .1s ease-out; transition: transform .1s ease-out; } .results-container .tags-results .single-tag a:before { transition: background-color .15s ease-out; } .results-container .tags-results .single-tag.highlight a { -webkit-transform: scale(1.1); transform: scale(1.1); } .results-container .tags-results .single-tag.highlight a:before { background-color: #e07d9a; } .results-container .tags-results .single-tag.selected a:before { background-color: #00000; } .results-container .chosen-results { max-height: none; display: inline-block; vertical-align: top; width: 31%; margin: 0 1% } .results-container .chosen-results.empty { display: none; } .results-container .chosen-results.all { width: calc(98%+8px); margin-left: calc(1%+8px); margin-right: calc(1%+8px); } @media only screen and (max-width:768px) { .results-container .chosen-results.all { width: 96% } } .results-container .chosen-results.all>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 16px 0 10px; } .results-container .chosen-results.all .bloc-title { margin: 0 12px; } .results-container .chosen-results.all ul { margin-bottom: 15px; } .results-container .chosen-results.all .active-result { display: inline-block; width: 32.1%; margin: 0 1% 8px 0; } @media only screen and (max-width:1334px) { .results-container .chosen-results.all .active-result { width: 48%; margin: 0 1% 8px 0; } } @media only screen and (max-width:768px) { .results-container .chosen-results.all .active-result { width: 100% } } .results-container .chosen-results.all .cta-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; text-align: center; margin: 0; padding: 5px 14px 5px 5px; } .results-container .chosen-results.all .cta-btn .icon { font-size: 14px; height: 14px; width: 14px; } .results-container .chosen-results .active-result { margin: 0 12px 8px; padding: 0; list-style-type: none; cursor: unset; } .results-container .chosen-results .active-result .break-name { display: inherit; } .results-container .chosen-results .active-result .break-name .upper-name { text-transform: uppercase; } .results-container .chosen-results .active-result .with-play-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .results-container .chosen-results .active-result .with-play-button .track_play { width: 50px; height: 50px; } .results-container .chosen-results .active-result .artist-title, .results-container .chosen-results .active-result .link-wrap { margin-left: 5px; padding: 16px 0 16px 10px; width: calc(100% - 55px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; } .results-container .chosen-results .active-result .artist-title>div, .results-container .chosen-results .active-result .artist-title>div>span, .results-container .chosen-results .active-result .link-wrap>div, .results-container .chosen-results .active-result .link-wrap>div>span { margin-top: -2px; padding-right: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .results-container .chosen-results .active-result.selected .artist-title, .results-container .chosen-results .active-result.selected .link-wrap { color: #FFF; background-color: #00000!important; } .results-container .chosen-results .active-result.highlight .artist-title, .results-container .chosen-results .active-result.highlight .link-wrap { color: #FFF; background-color: #e07d9a; } .results-container .chosen-results .active-result .no-play-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; color: #737373; } .results-container .chosen-results .active-result .no-play-button.selected .artist-title { color: #FFF; background-color: #00000!important; } .results-container .chosen-results .active-result .no-play-button>div { display: -webkit-box; display: -ms-flexbox; display: flex; } .results-container .chosen-results .active-result .no-play-button>div>picture { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; position: relative; } .results-container .chosen-results .active-result .no-play-button>div>picture img { width: 100%; height: auto; } .results-container .chosen-results .bloc-title { color: #999; font-weight: 500; text-transform: uppercase; font-size: 14px; font-size: 1rem; margin: 16px 0 5px 12px; } .results-container .chosen-results .cta-btn { font-size: 12.25px; font-size: .875rem; font-size: 12.6px; font-size: .9rem; margin: 10px 12px 8px; padding: 10px 0; list-style-type: none; line-height: initial; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #999; background-color: #e8e8e8; border-radius: 4px; } .results-container .chosen-results .cta-btn.selected { color: #FFF!important; background-color: #00000!important; } .results-container .chosen-results .cta-btn .icon { margin: 0 5px; } @media only screen and (max-width:1334px) { .results-container .chosen-results { width: 49.75%; margin: 0; } } @media only screen and (max-width:768px) { .results-container .chosen-results { width: 100% } .results-container .chosen-results .active-result:nth-last-of-type(3n) { display: none; } } .pivot-bar { height: 48px; display: block; overflow-x: hidden; position: relative; margin-top: 2px; } .pivot-bar li.is-active a:before, .pivot-bar:before { display: block; height: 2px; content: "" } .pivot-bar:before { background-color: #f0f0f0; } .pivot-bar ul { overflow-x: hidden; white-space: nowrap; } .pivot-bar li.is-active a { color: #00000; } .pivot-bar li.is-active a:before { background-color: #00000; } .pivot-bar a { padding: 0 1.14286rem; position: relative; display: inline-block; color: #4d4d4d; line-height: 48px; text-transform: uppercase; letter-spacing: .5px; } @media only screen and (max-width:991px) { .pivot-bar { margin-right: -16px; margin-left: -16px; margin-top: 30px; } } .player { color: #FFF; overflow: hidden; } .player>* { position: absolute; } .player_cover, .player_entity-information, .player_progress { left: 16px; left: 1.14286rem; right: 16px; right: 1.14286rem; } .player_actions, .player_controls, .player_volume { left: 0; right: 0; text-align: center; font-size: 0; } .player_background { z-index: -1; background-color: #bfbfbf; } .player_background_img { -webkit-transform: translate3d(0, 0, 0); } .player_background:after { background-color: gray; } .player_cover { top: 64px; top: 4.57143rem; bottom: 308px; bottom: 22rem; text-align: center; } .player_cover img { width: auto; height: auto; max-width: 100%; max-height: 100%; display: inline-block; border: 1px solid #FFF; } .player_entity-information { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 36px; height: 2.57143rem; bottom: 256px; bottom: 18.28571rem; } .player_entity-information>* { display: block; text-align: center; } .player_actions li, .player_progress>div { display: inline-block; } .player-mini_track_information_artist:hover, .player-mini_track_information_title:hover, .player-mini_track_information_title:hover>span { text-decoration: underline; } .player_entity-information>:hover { color: #FFF!important; text-decoration: underline; } .player_entity-information_author { text-transform: uppercase; } .player_actions { height: 48px; bottom: 200px; padding: 0; white-space: nowrap; } .player_progress { height: 72px; height: 5.14286rem; bottom: 112px; bottom: 8rem; text-align: center; } .player_progress>div { position: relative; height: 100% } .player_progress_waveform { height: 48px; height: 3.42857rem; } .player_controls { height: 48px; height: 3.42857rem; bottom: 16px; bottom: 1.14286rem; } .player_quick-share { display: none; } .player .entity-actions { font-size: 0; white-space: nowrap; padding: 0; } .player .entity-actions li { display: inline-block; } @media only screen and (min-width:768px) { .player_actions li { float: none!important; } .player_entity-information, .player_progress { left: 48px; left: 3.42857rem; right: 48px; right: 3.42857rem; } .player_cover { top: 112px; top: 8rem; bottom: 404px; bottom: 28.85714rem; } .player_cover img { height: 100%; width: auto; display: inline-block; border: 1px solid #FFF; } .player_entity-information { height: 40px; height: 2.85714rem; bottom: 344px; bottom: 24.57143rem; } .player_entity-information_title { font-size: 18px; font-size: 1.28571rem; } .player_entity-information_author { font-size: 12px; font-size: .85714rem; line-height: 1; } .player_actions { bottom: 280px; bottom: 20rem; } .player_progress { height: 96px; height: 6.85714rem; bottom: 152px; bottom: 10.85714rem; } .player_progress_waveform { height: 72px; height: 5.14286rem; } .player_quick-share { display: block; top: 108px; top: 7.71429rem; right: 44px; right: 3.14286rem; } .player_volume { bottom: 88px; bottom: 6.28571rem; } .player_controls { bottom: 40px; bottom: 2.85714rem; } .player .entity-actions li { float: none!important; } } .player-mini_cover, .player-mini_expand .btn-icon { width: 48px; } @media only screen and (min-width:992px) { .pivot-bar { margin-top: 30px; } .player_cover { top: 96px; top: 6.85714rem; bottom: 332px; bottom: 23.71429rem; } .player_entity-information { bottom: 276px; bottom: 19.71429rem; } .player_actions { bottom: 212px; bottom: 15.14286rem; } .player_progress { height: 72px; height: 5.14286rem; bottom: 128px; bottom: 9.14286rem; } .player_progress_waveform { height: 48px; height: 3.42857rem; } .player_quick-share { top: 92px; top: 6.57143rem; right: 28px; right: 2rem; } .player_volume { bottom: 72px; bottom: 5.14286rem; } .player_controls { bottom: 24px; bottom: 1.71429rem; } } @media only screen and (min-width:1334px) { .player_cover { top: 112px; top: 8rem; bottom: 404px; bottom: 28.85714rem; } .player_entity-information { bottom: 344px; bottom: 24.57143rem; } .player_actions { bottom: 280px; bottom: 20rem; } .player_progress { height: 96px; height: 6.85714rem; bottom: 152px; bottom: 10.85714rem; } .player_progress_waveform { height: 72px; height: 5.14286rem; } .player_quick-share { top: 108px; top: 7.71429rem; right: 44px; right: 3.14286rem; } .player_volume { bottom: 88px; bottom: 6.28571rem; } .player_controls { bottom: 40px; bottom: 2.85714rem; } } @media only screen and (max-height:430px) { .player_cover { display: none; } } @media only screen and (min-width:768px) and (max-width:992px) and (max-height:550px) { .player_cover { display: none; } } @media only screen and (min-width:992px) and (max-height:470px) { .player_cover { display: none; } } @media only screen and (min-width:1334px) and (max-height:550px) { .player_cover { display: none; } } .player-mini { height: 48px; background-color: #2e2e2e; z-index: auto; } .player-mini_expand .icon { color: #999; } .player-mini_cover img { margin-right: 8px; display: block; } .player-mini_track-actions { padding: 0 8px; } .player-mini_track { width: 100% } .player-mini_track_information { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 6px; text-align: left; color: #FFF; margin-bottom: 6px; } .player-mini_track_information>:first-child { line-height: 1.6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; max-width: none; } .player-mini_track_information>:last-child { white-space: nowrap; line-height: 1.5; text-align: right; } .player-mini_track_information_title { font-size: 12px; font-size: .85714rem; cursor: pointer; margin-bottom: 0; max-width: 150px; overflow: hidden; text-overflow: ellipsis; } @media only screen and (min-width:400px) { .player-mini_track_information_title { max-width: 230px; } } @media only screen and (min-width:500px) { .player-mini_track_information_title { max-width: 250px; } } @media only screen and (min-width:768px) { .player-mini_track_information_title { max-width: 210px; } } @media only screen and (min-width:992px) { .player-mini_track_information_title { max-width: 145px; } } @media only screen and (min-width:1100px) { .player-mini_track_information_title { max-width: 185px; } } @media only screen and (min-width:1300px) { .player-mini_track_information_title { max-width: 270px; } } .player-mini_track_information_play_source, .player-mini_track_information_text-by { font-weight: 500; color: #bfbfbf; } .player-mini_track_information_text-by { margin: 0 4px; max-width: 150px; overflow: hidden; text-overflow: ellipsis; } @media only screen and (max-width:768px) { .player-mini_track_information_text-by { margin-left: 0; display: inherit; line-height: initial; } } @media only screen and (min-width:400px) { .player-mini_track_information_text-by { max-width: 230px; } } @media only screen and (min-width:500px) { .player-mini_track_information_text-by { max-width: 250px; } } @media only screen and (min-width:768px) { .player-mini_track_information_text-by { max-width: 210px; } } @media only screen and (min-width:992px) { .player-mini_track_information_text-by { max-width: 145px; } } @media only screen and (min-width:1100px) { .player-mini_track_information_text-by { max-width: 185px; } } @media only screen and (min-width:1300px) { .player-mini_track_information_text-by { max-width: 270px; } } .player-mini_track_information_artist { color: #FFF; text-transform: uppercase; cursor: pointer; overflow: hidden; text-overflow: ellipsis; } .player-mini_track_information_artist:after { content: ""; display: block; } .player-mini_track_information_play_source a { font-size: 12px; font-size: .85714rem; color: #FFF; cursor: pointer; text-decoration: none; } .player-mini_track_information_play_source a:hover { text-decoration: underline; } .player-mini_track_duration { padding-left: 16px; } .player-mini_controls { padding: 0 8px; position: relative; } .player-mini_controls .player-controls_shuffle { width: 32px; } .player-mini_volume { padding: 0 16px 0 0; position: relative; } .player-mini_volume_layer { width: 170px; -webkit-transform-origin: 0 -4px; transform-origin: 0 -4px; background-color: #262626; display: none; } .player-mini .player-volume_range { width: 90px; } @media only screen and (min-width:768px) { .player-mini_track { padding-right: 24px; } .player-mini_track_information { margin-bottom: 0; } .player-mini_track_information_play_source:before { padding: 0 6px 0 7px; content: "|"; display: inline; color: #bfbfbf; font-size: 13px; } .player-mini_track_information_play_source.empty:before { content: "" } .player-mini_controls { padding: 0 16px; border-left: 1px solid #4d4d4d; } } .modal-display-cta header, .toasts p { color: #FFF; } @media only screen and (min-width:992px) { .player-mini_cover img { margin-right: 0; } .player-mini_track-actions { padding: 0; } .player-mini_track { padding-left: 24px; padding-right: 8px; } .player-mini_controls { padding: 0; } .player-mini_volume:before { content: ""; display: block; width: 1px; height: 32px; position: absolute; top: 8px; right: 0; background-color: #4d4d4d; } } @media only screen and (min-width:480px) { .player-mini_cover img { display: none; } } @media only screen and (max-width:1334px) { .player-mini_track_information_text-by>span { margin-left: 3px; } .player-mini_track_information_artist::after, .player-mini_track_information_play_source, .player-mini_track_information_play_source a { display: none; } .player-mini_controls { padding-left: 16px; } } @media only screen and (max-width:768px) { .player-mini_track_information>: first-child { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-flow: column; flex-flow: column; } .player-mini_track_information_title { display: block; margin-bottom: 0; } } .toasts_toast { text-align: center; } .toasts p { display: inline-block; border-radius: 5px; margin-top: .57143rem; padding: .57143rem; background-color: #00000; } } .t-static p { margin-bottom: .85714rem; } .t-static .bullet-list li:before { content: "+ " } .t-static .company-information { padding: 1.14286rem; margin: 1.14286rem 0; background-color: #f0f0f0; border: 1px solid #d1d1d1; } .t-static .company-information .name { display: block; margin-bottom: .28571rem; } .t-static .company-information dl { padding: 1.14286rem 0; } #p-artist-description .card { text-align: center; } #p-artist-description .card .avatar { margin-bottom: 1.14286rem; } #p-creative-commons .introduction { padding-bottom: 2.28571rem; margin: 2.28571rem 0; border-bottom: 1px solid #d1d1d1; text-align: center; } #p-creative-commons .introduction .icon { margin-bottom: .85714rem; color: #999; } #p-creative-commons .introduction p { text-align: left; } #p-creative-commons .conditions li { padding-bottom: .28571rem; margin-bottom: 1.14286rem; display: table; border-bottom: 1px solid #e8e8e8; } #p-creative-commons .conditions li:last-child { border-bottom: none; } #p-creative-commons .conditions li .description, #p-creative-commons .conditions li .icon { display: table-cell; vertical-align: middle; } #p-creative-commons .conditions li .icon { padding-right: 1.14286rem; } #p-faq .q-and-a { margin-top: 2.28571rem; } #p-faq .q-and-a .q { padding: .28571rem 0 .28571rem .85714rem; margin-bottom: .85714rem; color: #00000; border-left: 1px solid #00000; } #p-jobs .positions .link-wrap { display: block; padding: 1.14286rem 0; } #p-jobs .positions li:first-child .link-wrap { padding-top: 0; } #p-jobs .positions .location { color: #999; } #p-jobs .positions .location:before { content: " // " } #p-jobs .no-positions { padding-bottom: 1.14286rem; } #p-jobs .no-positions, #p-jobs .positions .location, #p-jobs .positions .type { letter-spacing: 1px; text-transform: uppercase; } #p-legal .clauses { margin-top: 3.42857rem; } #p-legal .clauses>li { margin-top: 2.28571rem; } #p-legal .clauses li li { margin-top: .85714rem; } #p-legal .clauses p { margin: .57143rem 0; } #p-legal .clauses .heading { display: inline; font-size: inherit; font-weight: inherit; font-style: inherit; } .p-welcome .main { width: 100%; height: 100vh; position: relative; display: table; z-index: 0; } .p-welcome .main .bg { background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: -1; } .p-welcome .main .bg.random-1 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-1-portrait-xs.jpg?v=2); } .p-welcome .main .bg.random-2 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-2-portrait-xs.jpg?v=2); } .p-welcome .main .bg.random-3 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-3-portrait-xs.jpg?v=2); } .p-welcome .main .content { color: #FFF; padding: 24px; } .p-welcome .main .content .button { display: inline-block; padding: 14px 12px; margin-top: 24px; height: 48px; border-radius: 6px; border: 3px solid #FFF; line-height: 1; text-transform: uppercase; } .p-welcome .main .content .button:hover { background-color: #FFF; color: #262626; } .p-welcome .main .logo { margin-bottom: 24px; } .p-welcome .licensing { display: table; height: 60px; padding: 0 16px; border-top: 4px solid #67b7bf; color: #FFF; text-align: center; text-transform: uppercase; z-index: 3; } .p-welcome .licensing_logo { padding-right: 24px; } .p-welcome .licensing .link-wrap>div { height: 50px; } .p-welcome .licensing .headline { margin-top: 12px; } .p-welcome .licensing .btn+.btn { margin-left: 8px; } @media only screen and (min-width:480px) and (orientation:portrait) { .p-welcome .main .bg.random-1 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-1-portrait-sm.jpg?v=2); } .p-welcome .main .bg.random-2 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-2-portrait-sm.jpg?v=2); } .p-welcome .main .bg.random-3 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-3-portrait-sm.jpg?v=2); } } @media only screen and (orientation:landscape) and (min-width:992px) { .p-welcome .main .bg.random-1 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-1-landscape-sm.jpg?v=2); } .p-welcome .main .bg.random-2 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-2-landscape-sm.jpg?v=2); } .p-welcome .main .bg.random-3 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-3-landscape-sm.jpg?v=2); } } @media only screen and (min-width:992px) { .p-welcome .main .bg.random-1 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-1-landscape-md.jpg?v=2); } .p-welcome .main .bg.random-2 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-2-landscape-md.jpg?v=2); } .p-welcome .main .bg.random-3 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-3-landscape-md.jpg?v=2); } .p-welcome .main .content { padding: 48px; } .p-welcome .main .content .heading { font-size: 48px; font-size: 3.42857rem; font-family: Montserrat, Arial, sans-serif; font-weight: 700; } .p-welcome .main .logo { position: absolute; top: 48px; left: 48px; } } @media only screen and (min-width:1334px) { .p-welcome .main .bg.random-1 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-1-landscape-lg.jpg?v=2); } .p-welcome .main .bg.random-2 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-2-landscape-lg.jpg?v=2); } .p-welcome .main .bg.random-3 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-3-landscape-lg.jpg?v=2); } } @media only screen and (max-width:767px) { .redirection-container { -ms-flex-flow: column; flex-flow: column; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; } } .redirection-container .cta-catalog, .redirection-container .cta-communities, .redirection-container .cta-in-store, .redirection-container .cta-link, .redirection-container .cta-music { color: #fff; text-decoration: none; list-style-type: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .redirection-container .logo-licensing, .redirection-container .logo-music { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-music.svg); width: 100%; height: 8vh; min-height: 40px; max-height: 60px; -webkit-box-flex: 10; -ms-flex-positive: 10; flex-grow: 10; -ms-flex-negative: 10; flex-shrink: 10; background-repeat: no-repeat; background-position: center; background-size: contain; } @media only screen and (min-width:1334px) { .redirection-container .logo-licensing, .redirection-container .logo-music { min-height: 60px; } } .redirection-container .logo-licensing { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-licensing.svg); } .redirection-container .image-licensing, .redirection-container .image-music { margin: 1em; width: 30vh; max-width: 80vw; height: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 100; flex-shrink: 100; border-radius: 50%; background-size: contain; background-position: center; background-repeat: no-repeat; } .redirection-container .image-licensing::before, .redirection-container .image-music::before { content: ""; padding-top: 100%; display: block; } @media all and (max-height:720px) { .redirection-container .image-licensing, .redirection-container .image-music { width: 25vh; } } .redirection-container .title-licensing, .redirection-container .title-music { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; min-height: 6em; color: #fff; } .redirection-container .title-licensing>*, .redirection-container .title-music>* { display: block; float: left; } .redirection-container .title-licensing>.main-title, .redirection-container .title-licensing>a, .redirection-container .title-music>.main-title, .redirection-container .title-music>a { clear: both; width: 99%; font-size: 2.25rem; font-weight: 400; line-height: 1.3em; text-decoration: none!important; color: inherit; } .redirection-container .title-licensing .secondary-music, .redirection-container .title-music .secondary-music { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: .5rem; width: 100%; font-size: 1.5rem; line-height: 1.9em; } .redirection-container .title-licensing .secondary-music, .redirection-container .title-licensing .secondary-music *, .redirection-container .title-music .secondary-music, .redirection-container .title-music .secondary-music * { list-style: none!important; } .redirection-container .title-licensing .secondary-music .item, .redirection-container .title-music .secondary-music .item { display: inline-block; margin: 0 .9em; } .redirection-container .title-licensing .secondary-music .item>*, .redirection-container .title-music .secondary-music .item>* { display: block; float: left; clear: none; } @media all and (max-width:1333px) { .redirection-container .title-licensing .secondary-music .item>*, .redirection-container .title-music .secondary-music .item>* { clear: both; width: 100%!important; text-align: center; background-position: center!important; } } .redirection-container .title-licensing .secondary-music .item .label, .redirection-container .title-music .secondary-music .item .label { margin: 0 .7em 0 0; line-height: 2em; font-size: .8em; } .redirection-container .title-licensing .secondary-music .item .icon, .redirection-container .title-music .secondary-music .item .icon { width: 2em; height: 2em; background-repeat: no-repeat; background-position: left center; background-size: contain; } .redirection-container .title-licensing .secondary-music .item .icon::after, .redirection-container .title-licensing .secondary-music .item .icon::before, .redirection-container .title-music .secondary-music .item .icon::after, .redirection-container .title-music .secondary-music .item .icon::before { content: ""; display: none; } .redirection-container .title-licensing .secondary-music .item .icon.icon-streaming, .redirection-container .title-music .secondary-music .item .icon.icon-streaming { background-image: url(https://images.jamendo.com/jamendomusic/welcome/icon-streaming.svg); } .redirection-container .title-licensing .secondary-music .item .icon.icon-download, .redirection-container .title-music .secondary-music .item .icon.icon-download { background-size: 50%; background-image: url(https://images.jamendo.com/jamendomusic/welcome/icon-download.svg); } @media all and (max-width:1333px) { .redirection-container .title-licensing .secondary-music .item .icon, .redirection-container .title-music .secondary-music .item .icon { height: 1em; } .redirection-container .title-licensing .secondary-music .item .icon.icon-download, .redirection-container .title-music .secondary-music .item .icon.icon-download { background-size: contain; } } .redirection-container .licensing-redirect, .redirection-container .music-redirect { position: relative; overflow: hidden; height: 100%; z-index: 0; padding: 24px 0 0; } @media only screen and (max-width:1334px) { .redirection-container .licensing-redirect, .redirection-container .music-redirect { width: 50%!important; } } @media only screen and (max-width:992px) { .redirection-container .licensing-redirect, .redirection-container .music-redirect { width: 100%!important; } } .redirection-container .licensing-redirect .content, .redirection-container .music-redirect .content { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; overflow: hidden; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 24px; color: #fff; } @media only screen and (max-width:767px) { .redirection-container .licensing-redirect .content, .redirection-container .music-redirect .content { padding: 20px 24px 30px; } } @media only screen and (min-width:1334px) { .redirection-container .licensing-redirect .content>*, .redirection-container .music-redirect .content>* { margin-bottom: 3.5vh; } } @media only screen and (min-width:1646px) { .redirection-container .licensing-redirect .content>*, .redirection-container .music-redirect .content>* { margin-bottom: 5.5vh; } } @media all and (max-height:720px) { .redirection-container .licensing-redirect .content>*, .redirection-container .music-redirect .content>* { margin-bottom: 2.5vh; } } @media only screen and (min-width:768px) { .redirection-container .licensing-redirect .content>ul, .redirection-container .music-redirect .content .container-tags { height: 30vh!important; } } .redirection-container .music-redirect { width: 66.6666%; background-color: #00000; } .redirection-container .music-redirect .content .cta-communities { padding-bottom: 25px; margin: .5em 0 0; text-align: center!important; } .redirection-container .music-redirect .content .cta-music { display: inline-block; padding: 14px 12px 10px; margin-top: 24px; height: 48px; border-radius: 6px; border: 3px solid #FFF; line-height: 1.25; font-weight: 500; text-transform: uppercase; } @media only screen and (max-height:840px) { .redirection-container .music-redirect .content .cta-music { margin-top: 30px; } } @media only screen and (max-width:550px) { .redirection-container .music-redirect .content .cta-music { margin-top: 15px; } } .redirection-container .music-redirect .content .cta-music:hover { background-color: #FFF; color: #00000; } .redirection-container .licensing-redirect { width: 33.3333%; background-color: #67b7bf; } .redirection-container .licensing-redirect .content .cta-link { font-size: 21px; font-weight: 300; margin: 0 0 .5em; } .redirection-container .licensing-redirect .content .cta-link>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 50px; } .redirection-container .licensing-redirect .content .cta-link a { color: #fff; text-decoration: none; width: 250px; height: auto; line-height: 1.2em; } .redirection-container .licensing-redirect .content .cta-link img { padding-left: 12px; } @media only screen and (max-width:450px) { .redirection-container .licensing-redirect .content .cta-link>div { -ms-flex-flow: column-reverse; flex-flow: column-reverse; margin: 0; } .redirection-container .licensing-redirect .content .cta-link img { padding-left: 0; margin-bottom: 10px; } } .redirection-container .licensing-redirect .content .cta-catalog, .redirection-container .licensing-redirect .content .cta-in-store { display: block; padding: 14px 12px 10px; height: 48px; border-radius: 6px; border: 3px solid #FFF; line-height: 1.25; text-transform: uppercase; font-weight: 500; } .redirection-container .licensing-redirect .content .cta-catalog:hover, .redirection-container .licensing-redirect .content .cta-in-store:hover { background-color: #FFF; color: #67b7bf; } .redirection-container.search-page { height: calc(100vh - 48px); } .redirection-container.search-page .licensing-redirect, .redirection-container.search-page .music-redirect { padding: 24px 0 72px; } @media only screen and (max-width:767px) { .redirection-container.search-page { height: auto; } .redirection-container.search-page .licensing-redirect { display: none; } } .redirection-container.search-page .content { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .redirection-container.search-page .content>* { margin-bottom: .5vh; } @media all and (min-width:768px) and (max-width:1334px), all and (min-width:768px) and (max-height:720px) { .redirection-container.search-page .image-licensing, .redirection-container.search-page .image-music { display: none; } .redirection-container.search-page .licensing-redirect .content>ul, .redirection-container.search-page .music-redirect .content .container-tags { height: 45vh!important; } } .redirection-container.search-page .music-redirect .content .container-tags { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .redirection-container.search-page .music-redirect .content .container-tags, .redirection-container.search-page .music-redirect .content .container-tags>#js-search-alternatives, .redirection-container.search-page .music-redirect .content .container-tags>#js-search-alternatives>#js-search-communitiesList { height: auto; } .redirection-container.search-page .music-redirect .content .container-tags .section { margin-top: 1.5em; } .redirection-container.search-page .music-redirect .content .container-tags .section .section-header { height: 2.4em; color: #fff; } .redirection-container.search-page .music-redirect .content .container-tags .section .section-header, .redirection-container.search-page .music-redirect .content .container-tags .section .section-header>.section-header_mono { display: block; margin: 0; } .redirection-container.search-page .music-redirect .content .container-tags .section .list-link-search { margin: 0; } .redirection-container.search-page .music-redirect .content .container-tags .section .list-link-search li { margin: .2em .1em; } .redirection-container.search-page .music-redirect .content .container-tags .section .list-link-search li a { margin: 0; padding: .3em .6em; border: 1px solid #fff; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .redirection-container.search-page .music-redirect .content .container-tags .section .list-link-search li a::after, .redirection-container.search-page .music-redirect .content .container-tags .section .list-link-search li a::before { content: ""; display: none!important; } .redirection-container.search-page .music-redirect .content .container-tags .section .list-link-search li a:hover { background: #fff; } .redirection-container-one-image { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; height: 100%; background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-splash-page-1920x1080.jpg); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; background-attachment: fixed; background-color: #ebeae8; } .redirection-container-one-image::before { content: ''; background-color: #000; opacity: .7; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .redirection-container-one-image .cta-catalog, .redirection-container-one-image .cta-communities, .redirection-container-one-image .cta-free-trial, .redirection-container-one-image .cta-in-store, .redirection-container-one-image .cta-link, .redirection-container-one-image .cta-music { text-decoration: none; list-style-type: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .redirection-container-one-image .logo-licensing, .redirection-container-one-image .logo-music { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-music-logo-color.svg); width: 100%; height: 8vh; min-height: 40px; max-height: 60px; -webkit-box-flex: 10; -ms-flex-positive: 10; flex-grow: 10; -ms-flex-negative: 10; flex-shrink: 10; background-repeat: no-repeat; background-position: center; background-size: contain; margin-bottom: 5.5vh; } .redirection-container-one-image .logo-licensing { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-licensing-logo-color.svg); } .redirection-container-one-image .title-licensing, .redirection-container-one-image .title-music { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 450px; min-height: 6em; } .redirection-container-one-image .title-licensing>*, .redirection-container-one-image .title-music>* { display: block; float: left; } .redirection-container-one-image .title-licensing>.main-title, .redirection-container-one-image .title-licensing>a, .redirection-container-one-image .title-music>.main-title, .redirection-container-one-image .title-music>a { clear: both; width: 99%; font-size: 2.25rem; font-weight: 400; line-height: 1.3em; text-decoration: none!important; color: #00000; text-transform: uppercase; font-family: futurabook, Arial, sans-serif; margin-bottom: 3.5vh; } @media only screen and (max-width:1000px) { .redirection-container-one-image .logo-licensing, .redirection-container-one-image .logo-music { height: 60px; } .redirection-container-one-image .title-music { margin-bottom: 1.5vh; } } .redirection-container-one-image .licensing-redirect, .redirection-container-one-image .music-redirect { position: relative; overflow: hidden; height: 100%; z-index: 0; padding: 50px 0 0; } @media only screen and (max-width:1334px) { .redirection-container-one-image .licensing-redirect, .redirection-container-one-image .music-redirect { width: 50%!important; } } .redirection-container-one-image .licensing-redirect .content, .redirection-container-one-image .music-redirect .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; height: 100%; overflow: hidden; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 80px; color: #fff; } @media only screen and (max-width:1000px) { .redirection-container-one-image .licensing-redirect, .redirection-container-one-image .music-redirect { width: 100%!important; } .redirection-container-one-image .licensing-redirect .content, .redirection-container-one-image .music-redirect .content { padding: 10px 24px 30px; } } @media only screen and (min-width:1334px) { .redirection-container-one-image .licensing-redirect .content>*, .redirection-container-one-image .music-redirect .content>* { margin-bottom: 3.5vh; } } @media only screen and (min-width:1646px) { .redirection-container-one-image .licensing-redirect .content>*, .redirection-container-one-image .music-redirect .content>* { margin-bottom: 4.5vh; } } @media only screen and (min-width:769px) { .redirection-container-one-image .licensing-redirect .content .logo-licensing, .redirection-container-one-image .licensing-redirect .content .logo-music, .redirection-container-one-image .music-redirect .content .logo-licensing, .redirection-container-one-image .music-redirect .content .logo-music { margin-bottom: 15vh; } } @media only screen and (min-width:1334px) { .redirection-container-one-image .licensing-redirect .content .logo-licensing, .redirection-container-one-image .licensing-redirect .content .logo-music, .redirection-container-one-image .music-redirect .content .logo-licensing, .redirection-container-one-image .music-redirect .content .logo-music { margin-bottom: 12.5vh; } } @media only screen and (max-height:500px) { .redirection-container-one-image .licensing-redirect .content, .redirection-container-one-image .music-redirect .content { height: 200% } .redirection-container-one-image .licensing-redirect .content .logo-licensing, .redirection-container-one-image .licensing-redirect .content .logo-music, .redirection-container-one-image .music-redirect .content .logo-licensing, .redirection-container-one-image .music-redirect .content .logo-music { margin-bottom: 2.5vh; } .redirection-container-one-image .licensing-redirect .content .title-music, .redirection-container-one-image .music-redirect .content .title-music { margin-bottom: 1vh; } .redirection-container-one-image .licensing-redirect .content .title-music .main-title, .redirection-container-one-image .music-redirect .content .title-music .main-title { font-size: 1.8rem; } .redirection-container-one-image .licensing-redirect .content .title-licensing, .redirection-container-one-image .music-redirect .content .title-licensing { margin-bottom: 1vh; } .redirection-container-one-image .licensing-redirect .content .title-licensing a, .redirection-container-one-image .music-redirect .content .title-licensing a { font-size: 1.8rem; } } @media only screen and (min-width:1000px) { .redirection-container-one-image .licensing-redirect .content>ul, .redirection-container-one-image .music-redirect .content .container-tags { height: 30vh!important; } } .redirection-container-one-image .music-redirect { width: 50% } .redirection-container-one-image .music-redirect .content .secondary-music { color: #00000; font-size: 21px; font-weight: 300; margin: 0 0 .5em; } @media only screen and (max-width:1334px) { .redirection-container-one-image .music-redirect .content .secondary-music { width: 480px; height: 11vh; } } @media only screen and (max-width:1000px) { .redirection-container-one-image .music-redirect .content .secondary-music { width: auto; height: auto; } } .redirection-container-one-image .music-redirect .content .secondary-music .label { display: block; font-family: futurabook, Arial, sans-serif; } .redirection-container-one-image .music-redirect .content .cta-music { padding: 12px 14px 14px; margin-top: 10px; border-radius: 6px; background-color: #00000; color: #FFF; border: 3px solid #00000; line-height: 1; text-transform: uppercase; } @media only screen and (max-width:550px) { .redirection-container-one-image .music-redirect .content .cta-music { margin-top: 15px; } } .redirection-container-one-image .music-redirect .content .cta-music:hover { background-color: #00000; color: #FFF; } .redirection-container-one-image .licensing-redirect { width: 50% } .redirection-container-one-image .licensing-redirect .content .title-licensing a { color: #67b7bf; } @media only screen and (max-height:650px) { .redirection-container-one-image .music-redirect .content .secondary-music { background-image: none; } .redirection-container-one-image .licensing-redirect .content .vertical-arrow { display: none; } } .redirection-container-one-image .licensing-redirect .content .cta-link { font-size: 21px; font-weight: 300; margin: 0 0 .5em; color: #67b7bf; font-family: futurabook, Arial, sans-serif; } .redirection-container-one-image .licensing-redirect .content .cta-link small { font-size: .7em; } .redirection-container-one-image .licensing-redirect .content .cta-link>div { -webkit-box-pack: justify; } .redirection-container-one-image .licensing-redirect .content .cta-link a { text-decoration: none; line-height: 1.2em; } .redirection-container-one-image .licensing-redirect .content .cta-link img { padding-left: 12px; } @media only screen and (max-width:450px) { .redirection-container-one-image .licensing-redirect .content .cta-link>div { -ms-flex-flow: column-reverse; flex-flow: column-reverse; margin: 0; } .redirection-container-one-image .licensing-redirect .content .cta-link img { padding-left: 0; margin-bottom: 10px; } } .redirection-container-one-image .licensing-redirect .content .cta-catalog, .redirection-container-one-image .licensing-redirect .content .cta-in-store { display: block; padding: 12px 14px 14px; height: 48px; border-radius: 6px; background-color: #67b7bf; color: #FFF; border: 3px solid #67b7bf; line-height: 1.25; text-transform: uppercase; font-weight: 500; } .redirection-container-one-image .licensing-redirect .content .cta-catalog:hover, .redirection-container-one-image .licensing-redirect .content .cta-in-store:hover { background-color: #67b7bf; color: #FFF; } @media only screen and (max-width:768px) { .redirection-container-one-image { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; height: auto; min-height: 1090px; } .redirection-container-one-image::before { height: auto; min-height: 1090px; } .redirection-container-one-image .music-redirect { height: auto; padding-top: 50px; } .redirection-container-one-image .music-redirect .content .main-title { font-size: 2rem; } } .redirection-container-one-image .mobile-image { display: none; } .redirection-container-one-image .music-redirect .content .cta-music { width: 295px; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; margin: 8px auto 15px; font-weight: 500; } @media only screen and (max-width:768px) { .redirection-container-one-image .music-redirect .content .cta-music { width: 245px; height: 60px; } } .redirection-container-one-image .music-redirect .content .secondary-music { margin-top: -30px; } .redirection-container-one-image .music-redirect .content .secondary-music span:first-child { margin-top: 70px; } .redirection-container-one-image .music-redirect .content .secondary-music span { max-width: 270px; margin: 0 auto; } @media only screen and (max-width:1334px) { .redirection-container-one-image .music-redirect .content .secondary-music { width: 480px; height: 16vh; background-size: 100px; } } @media only screen and (max-width:1100px) { .redirection-container-one-image .music-redirect .content .secondary-music { background-image: none; } } @media only screen and (max-width:1000px) { .redirection-container-one-image .music-redirect .content .secondary-music { width: auto; height: auto; margin-top: 0; } .redirection-container-one-image .music-redirect .content .secondary-music span:first-child { margin-top: 0; } } @media only screen and (max-height:650px) { .redirection-container-one-image .music-redirect .content .secondary-music { background-image: none; } .redirection-container-one-image .music-redirect .content .secondary-music span:first-child { margin-top: 0; } } @media only screen and (max-height:500px) { .redirection-container-one-image .music-redirect .content .secondary-music { background-image: none; } .redirection-container-one-image .music-redirect .content .secondary-music span:first-child { margin-top: 50px; } .redirection-container-one-image.search .music-redirect .content .title-music { min-height: 4em; } } @media only screen and (max-width:768px) { .redirection-container-one-image .licensing-redirect { height: auto; padding-top: 20px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .redirection-container-one-image .licensing-redirect .content .title-licensing a { font-size: 2rem; } } .redirection-container-one-image .licensing-redirect .content .title-licensing { margin-bottom: 1.5vh; } @media only screen and (max-height:650px) { .redirection-container-one-image .licensing-redirect .content .title-licensing { margin-bottom: 4.5vh; } } .redirection-container-one-image .licensing-redirect .content .cta-link>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; } .redirection-container-one-image .licensing-redirect .content .cta-link a { width: 295px; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; font-weight: 500; margin: 8px auto 15px; } @media only screen and (max-width:768px) { .redirection-container-one-image .licensing-redirect .content .cta-link a { width: 245px; height: 60px; } } .redirection-container-one-image .licensing-redirect .content .cta-link .cta-free-trial { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 14px 40px 10px; width: 349px!important; height: 99px!important; background-color: transparent; background-image: url(https://images.jamendo.com/jamendomusic/welcome/free-trial-cta-brand-color.png); background-repeat: no-repeat; background-position: center; background-size: contain; color: #FFF; line-height: 1.25; text-transform: uppercase; font-weight: 500; } .redirection-container-one-image .licensing-redirect .content .cta-link .cta-free-trial:hover { color: #FFF; } .redirection-container-one-image .licensing-redirect .content .cta-link:last-of-type a { margin-bottom: 0; } .redirection-container-one-image .artists-link-splash { display: block; position: absolute; bottom: 0; left: 0; margin: 0 0 25px 25px; font-family: futurabook, Arial, sans-serif; font-size: 15px; color: #FFF; } .redirection-container-one-image .artists-link-splash a { color: #00000; font-weight: 500; text-decoration: none; } .redirection-container-one-image .artists-link-splash a:hover { text-decoration: underline; } @media only screen and (max-width:1000px) { .redirection-container-one-image .artists-link-splash { margin: 0 auto 25px; text-align: center; width: 100% } } @media only screen and (max-width:768px) { .redirection-container-one-image .artists-link-splash { position: relative; background-color: transparent; margin: auto 0 20px; padding: 0 20px; } .redirection-container-one-image .artists-link-splash a { width: 100%; display: inline-block; } } .redirection-container-one-image.search { height: calc(100vh - 128px); background-color: #FFF; background-image: none; } .redirection-container-one-image.search::before { content: none; } @media only screen and (max-width:1500px) { .redirection-container-one-image.search { background-position: 76% 83% } } @media only screen and (max-width:1150px) { .redirection-container-one-image.search { background-position: 76% 89% } } @media only screen and (max-width:1100px) { .redirection-container-one-image.search { background-position: 116% 86% } } @media only screen and (max-height:880px) { .redirection-container-one-image.search { background-size: 50%, cover; background-position: 69% 72% } } @media only screen and (max-height:675px) { .redirection-container-one-image.search { background-size: 35%, cover; background-position: 65% 71% } } @media only screen and (max-height:535px) { .redirection-container-one-image.search { background-size: 31%, cover; background-position: 66% 67% } } @media only screen and (max-height:480px) { .redirection-container-one-image.search { background-image: none; } } @media only screen and (max-width:1200px) and (max-height:700px) { .redirection-container-one-image.search { background-image: none; } } @media only screen and (max-width:992px) { .redirection-container-one-image.search { background-image: none; margin-top: 0; background-color: #FFF; } .redirection-container-one-image.search .music-redirect { height: auto; margin-bottom: 25px; } .redirection-container-one-image.search .music-redirect .content .title-music { min-height: 4em; } } .redirection-container-one-image.search .music-redirect .content { padding: 0 20px; } .redirection-container-one-image.search .music-redirect .content .title-music { margin-bottom: 0; margin-top: 10px; } @media only screen and (max-width:992px) { .redirection-container-one-image.search .music-redirect .content .title-music .main-title { margin-bottom: 1vh; } } .redirection-container-one-image.search .music-redirect .content .secondary-music { background-image: none; height: auto; width: 100% } .redirection-container-one-image.search .music-redirect .content .secondary-music .btn.btn--bordered:before { border-width: 2px; } .redirection-container-one-image.search .music-redirect .section-header { margin-top: 0; } .redirection-container-one-image.search .music-redirect .list-link-search>li { margin: 0 4px -10px; } .redirection-container-one-image.search .music-redirect .list-link-search>li a { font-family: futurademi, Arial, sans-serif; } .redirection-container-one-image.search .content .title-licensing { margin-bottom: 1.5vh; } @media only screen and (max-height:650px) { .redirection-container-one-image.search .content .title-licensing { margin-bottom: 4.5vh; } } @media only screen and (max-width:1000px) { .redirection-container-one-image.search .licensing-redirect { padding: 50px 0 0!important; box-shadow: none; } } @media only screen and (max-width:992px) { .redirection-container-one-image.search .licensing-redirect { height: auto; padding: 30px 0; } } .redirection-container-one-image.search .licensing-redirect .content { padding: 0 20px; } .redirection-container-one-image.search .licensing-redirect .content .cta-link>div a { width: 250px; height: auto; font-size: 1rem; } .redirection-container-one-image.search .licensing-redirect .content .title-licensing { margin-bottom: 0; margin-top: 10px; } .redirection-container-one-image.search .licensing-redirect .content .logo-licensing { max-height: 50px; margin-bottom: 1.5vh; } .redirection-container-one-image.search .licensing-redirect .content .logo-licensing a { display: block; width: 100%; height: 100% } .redirection-container-one-image.search .licensing-redirect .content .vertical-arrow { width: 11vh; height: 11vh; margin-bottom: 1.5vh; display: none; } .redirection-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: center; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; background-attachment: fixed; background-color: #FFF; } .redirection-container[version-1] { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-music-1.jpg); } .redirection-container[version-2] { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-music-2.jpg); } @media only screen and (max-width:768px) { .redirection-container { -ms-flex-flow: column; flex-flow: column; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; } .redirection-container[version-1] { background-image: none; } } @media only screen and (max-width:495px) { .redirection-container>div: last-child { margin: 7px 14px 0 0; } } .redirection-container .websites-redirect { width: 50%; height: 100vh; padding: 50px 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; } @media only screen and (max-width:1100px) { .redirection-container .websites-redirect h2 { font-size: 24px; } } @media only screen and (max-width:768px) { .redirection-container .websites-redirect { height: auto; padding: 15px 25px; } .redirection-container .websites-redirect .identity-brand { margin-bottom: 30px; } } @media only screen and (max-height:600px) and (min-width:1000px) and (max-width:1250px) { .redirection-container .websites-redirect { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media only screen and (max-height:520px) { .redirection-container .websites-redirect h2 { font-size: 24px; } } @media only screen and (max-height:420px) and (min-width:768px) { .redirection-container .websites-redirect .jamendo-music h2 { margin-top: 20px; } } @media only screen and (max-width:495px) { .redirection-container .websites-redirect { width: auto; padding: 15px 45px; } } .redirection-container .websites-redirect .identity-brand { width: 100%; height: auto; min-height: 125px; background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-corpo2.svg); background-repeat: no-repeat; background-position: center; background-size: 220px 170px; } @media only screen and (max-height:420px) { .redirection-container .websites-redirect .identity-brand { min-height: 115px; background-size: 200px 150px; } } .redirection-container .websites-redirect .identity-brand[jamendo-licensing], .redirection-container .websites-redirect .identity-brand[jamendo-music] { min-height: 175px; background-size: 180px 170px; margin-top: 25px; } .redirection-container .websites-redirect .identity-brand[jamendo-music] { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-music-vertical.svg); } .redirection-container .websites-redirect .identity-brand[jamendo-licensing] { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-licensing-vertical.svg); } @media only screen and (max-width:350px) { .redirection-container .websites-redirect h2 { font-size: 22px; } .redirection-container .websites-redirect h3 { font-size: 15px; } .redirection-container .websites-redirect .identity-brand { background-size: 200px 150px; margin-bottom: 10px; } } @media only screen and (min-height:1025px) { .redirection-container .websites-redirect .identity-brand { min-height: 150px; background-size: 260px 230px; } } @media only screen and (max-width:768px) { .redirection-container .websites-redirect .jamendo-music { margin-bottom: 30px; } } @media only screen and (max-height:665px) { .redirection-container .websites-redirect .jamendo-music .button-cart { margin-bottom: 20px; } } .redirection-container .websites-redirect .jamendo-licensing ul { margin-bottom: 20px; } @media only screen and (max-height:625px) and (min-width:1250px) { .redirection-container .websites-redirect .jamendo-licensing ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .redirection-container .websites-redirect .jamendo-licensing ul li { margin: 0 8px; } } .redirection-container .websites-redirect .button-cart.big-cta.licensing { min-height: 64px; } .redirection-container .websites-redirect .button-cart.big-cta.licensing p { line-height: 1.1; } .redirection-container .websites-redirect .button-cart.big-cta.licensing p:nth-of-type(1) { margin: 0 0 4px; } .redirection-container .websites-redirect .button-cart.big-cta.licensing p:nth-of-type(2) { font-size: 11px; } .redirection-container .websites-redirect .button-cart.big-cta.licensing h3 { line-height: 1.1; margin: 0 0 4px; font-size: 16px; letter-spacing: 2px; padding: 0; color: #FFF; } .redirection-container .websites-redirect .button-cart.big-cta.licensing h3+p { font-size: 11px; } @media only screen and (max-width:350px) { .redirection-container .websites-redirect .button-cart.big-cta { min-height: 44px; } .redirection-container .websites-redirect .button-cart.big-cta p, .redirection-container .websites-redirect .button-cart.big-cta.licensing h3 { font-size: 14px; } } @media only screen and (max-width:768px) { .redirection-container .artists-link-splash { position: initial; margin: 0 auto 30px; } } @media only screen and (min-width:768px) and (max-width:1250px) and (max-height:600px) { .redirection-container[version-1] .websites-redirect, .redirection-container[version-2] .websites-redirect { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .redirection-container[version-1] .identity-brand, .redirection-container[version-2] .identity-brand { min-height: 115px; background-size: 200px 150px; } } @media only screen and (max-height:650px) and (min-width:768px) { .redirection-container[version-1] .websites-redirect .jamendo-music h2, .redirection-container[version-2] .websites-redirect .jamendo-music h2 { margin-top: 20px; } } @media only screen and (max-width:1000px) { .redirection-container[version-2] { -ms-flex-flow: column; flex-flow: column; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; background-image: none; } } @media only screen and (min-width:1000px) { .redirection-container[version-2] .websites-redirect h1, .redirection-container[version-2] .websites-redirect h2 { max-width: 75% } .redirection-container[version-2] .websites-redirect .jamendo-music h2 { margin: 0 auto; } .redirection-container[version-2] .websites-redirect .jamendo-licensing h2 { margin: 0 auto 20px; } .redirection-container[version-2] .websites-redirect h1 { margin: 5px auto 20px; } .redirection-container[version-2] .artists-link-splash a, .redirection-container[version-2] .artists-link-splash p { color: #FFF!important; } .redirection-container[version-2] .artists-link-splash a::before { border-color: #FFF; } } @media only screen and (max-height:700px) { .redirection-container[version-2] h2 { margin-top: 20px!important; } } .redirection-container[version-3] { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-music-5.jpg); height: auto; } @media only screen and (max-width:768px) { .redirection-container[version-3] { background-image: none; margin-top: 15px; } } .redirection-container[version-3] .websites-redirect { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 100px 25px 50px; } @media only screen and (max-height:700px) { .redirection-container[version-3] .websites-redirect { padding: 50px 25px; } } @media only screen and (max-height:630px) { .redirection-container[version-3] .websites-redirect .identity-brand { margin-bottom: 50px; } } @media only screen and (max-height:525px) { .redirection-container[version-3] .websites-redirect .identity-brand { min-height: 160px; background-size: 145px 150px; margin-bottom: 25px; margin-top: 0; } } @media only screen and (max-height:420px) { .redirection-container[version-3] .websites-redirect h2 { margin-top: 0; } } @media only screen and (min-width:768px) and (max-height:600px) { .redirection-container[version-3] .artists-link-splash { display: none; } } .redirection-container[version-4] { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-music-4.jpg); height: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width:768px) { .redirection-container[version-3] .websites-redirect { padding: 0 25px; width: 100% } .redirection-container[version-3] .websites-redirect .identity-brand { min-height: 140px; background-size: 135px 140px; margin-bottom: 10px; margin-top: 0; } .redirection-container[version-3] .websites-redirect:nth-of-type(2) { margin-bottom: 15px; } .redirection-container[version-3] .websites-redirect:nth-of-type(2) h2 { margin-bottom: 20px; } .redirection-container[version-4] { background-image: none; margin-top: 15px; } } .redirection-container[version-4] .websites-redirect { width: 35%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 100px 25px 50px; } @media only screen and (max-height:625px) and (min-width:1250px) { .redirection-container[version-4] .websites-redirect ul { display: block; } } @media only screen and (max-height:625px) and (min-width:1700px) { .redirection-container[version-4] .websites-redirect ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .redirection-container[version-4] .websites-redirect ul li { margin: 0 8px; } } @media only screen and (max-height:700px) { .redirection-container[version-4] .websites-redirect { padding: 25px; } } @media only screen and (max-height:630px) { .redirection-container[version-4] .websites-redirect .identity-brand { margin-bottom: 50px; } } @media only screen and (max-height:525px) { .redirection-container[version-4] .websites-redirect .identity-brand { min-height: 160px; background-size: 145px 150px; margin-bottom: 25px; margin-top: 0; } } @media only screen and (max-height:420px) { .redirection-container[version-4] .websites-redirect h2 { margin-top: 0; } } @media only screen and (max-width:1150px) { .redirection-container[version-4] { background-image: none; } .redirection-container[version-4] .websites-redirect { width: 50% } } @media only screen and (max-width:768px) { .redirection-container[version-4] .websites-redirect { padding: 0 25px; width: 100% } .redirection-container[version-4] .websites-redirect .identity-brand { min-height: 140px; background-size: 135px 140px; margin-bottom: 10px; margin-top: 0; } .redirection-container[version-4] .websites-redirect:nth-of-type(2) { margin-bottom: 15px; } .redirection-container[version-4] .websites-redirect:nth-of-type(2) h2 { margin-bottom: 20px; } } @media only screen and (max-width:500px) { .redirection-container[version-3] .websites-redirect h1 { font-size: 18px; } .redirection-container[version-3] .websites-redirect h2 { font-size: 22px; } .redirection-container[version-3] .websites-redirect h3 { font-size: 16px; } .redirection-container[version-4] .websites-redirect h1 { font-size: 18px; } .redirection-container[version-4] .websites-redirect h2 { font-size: 22px; } .redirection-container[version-4] .websites-redirect h3 { font-size: 16px; } } @media only screen and (min-width:768px) and (max-height:600px) { .redirection-container[version-4] .artists-link-splash { display: none; } } #p-year-in-review.year-2015 header { background-image: url(https://images.jamendo.com/jamendomusic/static/2015-in-review/2015-in-review-hero-sm.jpg); } #p-year-in-review.year-2016 header { background-image: url(https://images.jamendo.com/jamendomusic/static/retrospective/2016/2016-in-review-hero-sm.jpg); } #p-year-in-review.year-2017 header { background-image: url(https://images.jamendo.com/jamendomusic/static/retrospective/2017/2017-in-review-hero-lg.jpg); } #p-year-in-review.year-2018 header { background-image: url(https://images.jamendo.com/jamendomusic/static/retrospective/2018/2018-in-review-hero-lg.jpg); } #p-year-in-review.year-2019 header { background-image: url(https://images.jamendo.com/jamendomusic/static/retrospective/2019/2019-in-review-hero-lg.jpg); } #p-year-in-review header { height: 85vh; position: relative; } #p-year-in-review header .body { text-align: center; color: #FFF; z-index: 2; } #p-year-in-review header .body>div { height: 100% } #p-year-in-review header h1 { text-transform: uppercase; letter-spacing: 2px; line-height: 1; position: relative; } #p-year-in-review header h1:after, #p-year-in-review header h1:before { content: ''; display: inline-block; width: 48px; height: 6px; background-color: #FFF; position: absolute; margin-left: -24px; left: 50% } #p-year-in-review header h1:before { top: -32px; } #p-year-in-review header h1:after { bottom: -32px; } #p-year-in-review header .hero_quick-share { position: absolute; top: 36px; right: 36px; z-index: 3; } @media only screen and (max-width:992px) { #p-year-in-review header .hero_quick-share { top: 15px; right: 15px; } #p-year-in-review header .hero_quick-share>li { display: inline-block; } } #p-year-in-review header .scroll-tease { position: absolute; bottom: 0; left: 50%; margin: 32px 0 48px -8px; color: #FFF; } #p-year-in-review .section-container { margin-top: 24px; width: 100% } #p-year-in-review .row { margin: 16px 0; } #p-year-in-review h2 { color: #262626; line-height: 1; text-transform: uppercase; } #p-year-in-review h2+p { margin: 24px 0; color: #737373; line-height: 1.714; max-width: 700px; } #p-year-in-review .jump-to { display: block; border: 10px solid #d1d1d1; padding: 18px 24px; text-transform: uppercase; text-decoration: none; color: #bfbfbf; text-align: center; line-height: 1.3; margin-bottom: 48px; } #p-year-in-review .jump-to span:after { content: ""; display: block; } #p-year-in-review .jump-to:hover { border: 10px solid #bfbfbf; } #p-year-in-review .entity-img { width: 100% } #p-year-in-review .entity { padding: 24px 24px 48px; } #p-year-in-review .entity_month { color: #999; margin-bottom: 12px; text-transform: uppercase; } #p-year-in-review .entity_title { display: inline-block; color: #262626; line-height: 1.3; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 3px solid #262626; text-transform: uppercase; } #p-year-in-review .entity_title span { color: #4d4d4d; } #p-year-in-review .entity_title span:before { content: ""; display: block; } #p-year-in-review .entity_attr { color: #737373; text-transform: uppercase; } #p-year-in-review .entity_attr li { display: inline; } #p-year-in-review .entity_attr li:not(:last-child):after { content: " / " } #p-year-in-review .entity p { margin: 12px 0; color: #737373; line-height: 1.75; } #p-year-in-review .entity_for { color: #737373; } #p-year-in-review .go-to-pill { margin-top: 16px; position: relative; width: 32px; height: 32px; color: #999; border: 3px solid #999; border-radius: 100% } #p-year-in-review .go-to-pill .icon { position: absolute; top: 5px; left: 6px; } @media only screen and (min-width:768px) { #p-year-in-review h2 { font-size: 36px; font-size: 2.57143rem; } #p-year-in-review .entity { padding: 0 24px 48px; } } @media only screen and (min-width:992px) { #p-year-in-review header h1 { font-size: 48px; font-size: 3.42857rem; } #p-year-in-review .entity { padding: 48px 24px; } } @media only screen and (min-width:1334px) { #p-year-in-review.year-2015 header { background-image: url(https://images.jamendo.com/jamendomusic/static/2015-in-review/2015-in-review-hero-lg.jpg); } #p-year-in-review.year-2016 header { background-image: url(https://images.jamendo.com/jamendomusic/static/retrospective/2016/2016-in-review-hero-lg.jpg); } } @media only screen and (max-width:992px) { #p-year-in-review.year-2017 header { background-image: url(https://images.jamendo.com/jamendomusic/static/retrospective/2017/2017-in-review-hero-md.jpg); } #p-year-in-review.year-2018 header { background-image: url(https://images.jamendo.com/jamendomusic/static/retrospective/2018/2018-in-review-hero-md.jpg); } #p-year-in-review.year-2019 header { background-image: url(https://images.jamendo.com/jamendomusic/static/retrospective/2019/2019-in-review-hero-md.jpg); } } @media only screen and (max-width:480px) { #p-year-in-review.year-2017 header { background-image: url(https://images.jamendo.com/jamendomusic/static/retrospective/2017/2017-in-review-hero-xs.jpg); height: 300px; } #p-year-in-review.year-2018 header { background-image: url(https://images.jamendo.com/jamendomusic/static/retrospective/2018/2018-in-review-hero-xs.jpg); height: 300px; } #p-year-in-review.year-2019 header { background-image: url(https://images.jamendo.com/jamendomusic/static/retrospective/2019/2019-in-review-hero-xs.jpg); height: 300px; } } #o-download .informational { padding: 16px 19px; background-color: #f9f9f9; margin-bottom: 16px; color: #737373; } #o-download .informational>div:last-child { padding-left: 16px; width: 100% } #o-download .informational .title { font-size: 16px; } #o-download .informational .icon { color: #bfbfbf; } #o-download p { margin-bottom: .57143rem; display: block; } #o-download .cc-link { font-size: 12px; text-decoration: none; color: #4d4d4d; } #o-download .cc-icons { display: inline-block; } #o-download .cc-icons li { display: inline-block; color: #737373; margin: 0 0 0 .57143rem; } .section-overlay header .icon-heart-on { font-size: 71px; font-size: 5.07143rem; } #p-privacy-policy p+p, #p-terms-of-use p+p { margin-top: 0; } #p-privacy-policy .boxsection { padding: 0!important; } #p-privacy-policy .container p { margin-bottom: 1rem; } #p-privacy-policy .container ul { list-style-type: disc; } #p-privacy-policy .container ul li { margin-left: 1rem; margin-bottom: .5rem; } #p-privacy-policy .container ul li::first-letter { text-transform: capitalize; } #p-privacy-policy .container ul>ul { list-style-type: none; } #p-privacy-policy .container ul>ul li { margin-left: 2rem; } #p-privacy-policy .container ul>ul li:before { content: '- ' } S @font-face { font-family: PaymentFont; src: url(../fonts/paymentfont-webfont.eot); src: url(../fonts/paymentfont-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/paymentfont-webfont.woff) format("woff2"), url(../fonts/paymentfont-webfont.woff) format("woff"), url(../fonts/paymentfont-webfont.ttf) format("truetype"), url(../fonts/paymentfont-webfont.svg#paymentfont-webfont) format("svg"); font-weight: 400; font-style: normal; } /*========== GOOGLE FONTS ==========*/ @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap"); @charset "UTF-8"; @font-face { font-family: 'futurabook'; src: url("/fonts/futura-book.woff2") format("woff2"), url("/fonts/futura-book.woff") format("woff"); font-display: swap; } @font-face { font-family: 'futurademi'; src: url("/fonts/futura-demi.woff2") format("woff2"), url("/fonts/futura-demi.woff") format("woff"); font-display: swap; } @font-face { font-family: 'futurabold'; src: url("/fonts/futura-bold.woff2") format("woff2"), url("/fonts/futura-bold.woff") format("woff"); font-display: swap; } @font-face { font-family: 'jamendo-all-icons'; src: url("/fonts/jamendo-all-icons.woff2?version=10170") format("woff2"), url("/fonts/jamendo-all-icons.woff?version=10170") format("woff"); } /*========== VARIABLES CSS ==========*/ :root { --header-height: 3.5rem; --nav-width: 219px; /*========== Colors ==========*/ --first-color: #6923D0; --first-color-light: #F4F0FA; --title-color: #19181B; --text-color: #58555E; --text-color-light: #A5A1AA; --body-color: #F9F6FD; --container-color: #FFFFFF; /*========== Font and typography ==========*/ --body-font: 'Poppins', sans-serif; --normal-font-size: .938rem; --small-font-size: .75rem; --smaller-font-size: .75rem; /*========== Font weight ==========*/ --font-medium: 500; --font-semi-bold: 600; /*========== z index ==========*/ --z-fixed: 100; } @media screen and (min-width: 1024px) { :root { --normal-font-size: 1rem; --small-font-size: .875rem; --smaller-font-size: .813rem; } } /*========== BASE ==========*/ *, ::before, ::after { box-sizing: border-box; } img { width: auto; height: auto; } .active { text-decoration: none; color: var(--first-color); } .nav__link { display: flex; align-items: center; color: var(--text-color); text-decoration: none; } h3 { margin: 0; } a { text-decoration: none; } /*========== HEADER ==========*/ .header { position: fixed; top: 0; left: 0; width: 100%; background-color: var(--container-color); box-shadow: 0 1px 0 rgba(22, 8, 43, 0.1); padding: 0 1rem; z-index: var(--z-fixed); } .header__container { display: flex; align-items: center; height: var(--header-height); justify-content: space-between; } .header__img { width: 35px; height: 35px; border-radius: 50%; } .header__logo { color: var(--title-color); font-weight: var(--font-medium); display: none; } .header__search { display: flex; padding: .40rem .75rem; background-color: var(--first-color-light); border-radius: .25rem; } .header__input { width: 100%; border: none; outline: none; background-color: var(--first-color-light); } .header__input::placeholder { font-family: var(--body-font); color: var(--text-color); } .header__icon, .header__toggle { font-size: 1.2rem; } .header__toggle { color: var(--title-color); cursor: pointer; } /*========== NAV ==========*/ .nav { position: fixed; top: 0; left: -100%; height: 100vh; padding: 1rem 1rem 0; background-color: var(--container-color); box-shadow: 1px 0 0 rgba(22, 8, 43, 0.1); z-index: var(--z-fixed); transition: .4s; } .nav__container { height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 3rem; overflow: auto; scrollbar-width: none; /* For mozilla */ } /* For Google Chrome and others */ .nav__container::-webkit-scrollbar { display: none; } .nav__logo { font-weight: var(--font-semi-bold); margin-bottom: 2.5rem; } .nav__list, .nav__items { display: grid; } .nav__list { row-gap: 2.5rem; } .nav__items { row-gap: 1.5rem; } .nav__subtitle { font-size: var(--normal-font-size); text-transform: uppercase; letter-spacing: .1rem; color: var(--text-color-light); } .nav__link { display: flex; align-items: center; color: var(--text-color); } .nav__link:hover { color: var(--first-color); } .nav__icon { font-size: 1.2rem; margin-right: .5rem; } .nav__name { font-size: var(--small-font-size); font-weight: var(--font-medium); white-space: nowrap; } .nav__logout { margin-top: 5rem; } /* Dropdown */ .nav__dropdown { overflow: hidden; max-height: 21px; transition: .4s ease-in-out; } .nav__dropdown-collapse { background-color: var(--first-color-light); border-radius: .25rem; margin-top: 1rem; } .nav__dropdown-content { display: grid; row-gap: .5rem; padding: .75rem 2.5rem .75rem 1.8rem; } .nav__dropdown-item { font-size: var(--smaller-font-size); font-weight: var(--font-medium); color: var(--text-color); } .nav__dropdown-item:hover { color: var(--first-color); } .nav__dropdown-icon { margin-left: auto; transition: .4s; } /* Show dropdown collapse */ .nav__dropdown:hover { max-height: 100rem; } /* Rotate icon arrow */ .nav__dropdown:hover .nav__dropdown-icon { transform: rotate(180deg); } /*===== Show menu =====*/ .show-menu { left: 0; } /*===== Active link =====*/ .active { color: var(--first-color); } /* ========== MEDIA QUERIES ==========*/ /* For small devices reduce search*/ @media screen and (max-width: 320px) { .header__search { width: 70%; } } @media screen and (min-width: 768px) { body { padding: 0.5rem 2rem 0 3rem; } .header { padding: 0 3rem 0 6rem; } .header__container { height: calc(var(--header-height)+.5rem); } .header__search { width: 300px; padding: .55rem .75rem; } .header__toggle { display: none; } .header__logo { display: block; } .header__img { width: 40px; height: 40px; order: 1; } .nav { left: 0; background-color: #19181B; padding: 1.2rem 1.5rem 0; width: 8px; /* Reduced navbar */ } .nav__items { row-gap: 1.7rem; } .nav__icon { font-size: 1.3rem; } /* Element opacity */ .nav__logo-name, .nav__name, .nav__subtitle, .nav__dropdown-icon { color: white; text-decoration: none; opacity: 0; transition: .3s; } /* Navbar expanded */ .nav:hover { width: var(--nav-width); } /* Visible elements */ .nav:hover .nav__logo-name { opacity: 1; } .nav:hover .nav__subtitle { opacity: 1; } .nav:hover .nav__name { opacity: 1; } .nav:hover .nav__dropdown-icon { opacity: 1; } } .pf { display: inline-block; font: normal normal normal 14px/1 PaymentFont; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pf-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .pf-2x { font-size: 2em; } .pf-3x { font-size: 3em; } .pf-4x { font-size: 4em; } .pf-5x { font-size: 5em; } .banner-size { width: * { box-sizing: border-box } body { font-family: Verdana, sans-serif; margin: 0 } .mySlides { display: none } img { vertical-align: middle; } /* Slideshow container */ .slideshow-container { max-width: 1000px; position: relative; margin: auto; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); } /* Caption text */ .text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center; } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } /* The dots/bullets/indicators */ .dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } .active, .dot:hover { background-color: #717171; } /* Fading animation */ .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } @-webkit-keyframes fade { from { opacity: .4 } to { opacity: 1 } } @keyframes fade { from { opacity: .4 } to { opacity: 1 } } /* On smaller screens, decrease text size */ @media only screen and (max-width: 300px) { .prev, .next, .text { font-size: 11px } } ; } .pf-amazon:before { content: "\f000"; } .pf-american-express:before { content: "\f001"; } .pf-american-express-alt:before { content: "\f002"; } .pf-atm:before { content: "\f003"; } .pf-bankomat:before { content: "\f004"; } .pf-bank-transfer:before { content: "\f005"; } .pf-bitcoin:before { content: "\f006"; } .pf-bitcoin-sign:before { content: "\f007"; } .pf-braintree:before { content: "\f008"; } .pf-btc:before { content: "\f009"; } .pf-card:before { content: "\f00a"; } .pf-carta-si:before { content: "\f00b"; } .pf-cash:before { content: "\f00c"; } .pf-cash-on-delivery:before { content: "\f00d"; } .pf-cb:before { content: "\f00e"; } .pf-cirrus:before { content: "\f00f"; } .pf-cirrus-alt:before { content: "\f010"; } .pf-clickandbuy:before { content: "\f011"; } .pf-credit-card:before { content: "\f012"; } .pf-diners:before { content: "\f013"; } .pf-discover:before { content: "\f014"; } .pf-ec:before { content: "\f015"; } .pf-eps:before { content: "\f016"; } .pf-eur:before { content: "\f017"; } .pf-facture:before { content: "\f018"; } .pf-fattura:before { content: "\f019"; } .pf-flattr:before { content: "\f01a"; } .pf-giropay:before { content: "\f01b"; } .pf-google-wallet:before { content: "\f01c"; } .pf-google-wallet-alt:before { content: "\f01d"; } .pf-gpb:before { content: "\f01e"; } .pf-gratipay:before { content: "\f01f"; } .pf-ideal:before { content: "\f020"; } .pf-ils:before { content: "\f021"; } .pf-inr:before { content: "\f022"; } .pf-invoice:before { content: "\f023"; } .pf-invoice-sign:before { content: "\f024"; } .pf-invoice-sign-alt:before { content: "\f025"; } .pf-invoice-sign-alt-o:before { content: "\f026"; } .pf-invoice-sign-o:before { content: "\f027"; } .pf-jcb:before { content: "\f028"; } .pf-jpy:before { content: "\f029"; } .pf-krw:before { content: "\f02a"; } .pf-maestro:before { content: "\f02b"; } .pf-maestro-alt:before { content: "\f02c"; } .pf-mastercard:before { content: "\f02d"; } .pf-mastercard-alt:before { content: "\f02e"; } .pf-mastercard-securecode:before { content: "\f02f"; } .pf-ogone:before { content: "\f030"; } .pf-paybox:before { content: "\f031"; } .pf-paylife:before { content: "\f032"; } .pf-paypal:before { content: "\f033"; } .pf-paypal-alt:before { content: "\f034"; } .pf-paysafecard:before { content: "\f035"; } .pf-postepay:before { content: "\f036"; } .pf-quick:before { content: "\f037"; } .pf-rechnung:before { content: "\f038"; } .pf-ripple:before { content: "\f039"; } .pf-rub:before { content: "\f03a"; } .pf-skrill:before { content: "\f03b"; } .pf-sofort:before { content: "\f03c"; } .pf-square:before { content: "\f03d"; } .pf-stripe:before { content: "\f03e"; } .pf-truste:before { content: "\f03f"; } .pf-try:before { content: "\f040"; } .pf-unionpay:before { content: "\f041"; } .pf-usd:before { content: "\f042"; } .pf-verified-by-visa:before { content: "\f043"; } .pf-verisign:before { content: "\f044"; } .pf-visa:before { content: "\f045"; } .pf-visa-electron:before { content: "\f046"; } .pf-western-union:before { content: "\f047"; } .pf-western-union-alt:before { content: "\f048"; } .pf-wirecard:before { content: "\f049"; } .pf-sepa:before { content: "\f04a"; } .pf-sepa-alt:before { content: "\f04b"; } .pf-apple-pay:before { content: "\f04c"; } .pf-interac:before { content: "\f04d"; } .pf-paymill:before { content: "\f04e"; } .pf-dankort:before { content: "\f04f"; } .pf-bancontact-mister-cash:before { content: "\f050"; } .pf-moip:before { content: "\f051"; } .pf-pagseguro:before { content: "\f052"; } .pf-cash-on-pickup:before { content: "\f053"; } .pf-sage:before { content: "\f054"; } .pf-elo:before { content: "\f055"; } .pf-elo-alt:before { content: "\f056"; } .pf-payu:before { content: "\f057"; } .pf-mercado-pago:before { content: "\f058"; } .pf-mercado-pago-sign:before { content: "\f059"; } .pf-payshop:before { content: "\f05a"; } .pf-multibanco:before { content: "\f05b"; } .pf-gratipay-sign:before { content: "\f05c"; } .pf-six:before { content: "\f05d"; } .pf-cashcloud:before { content: "\f05e"; } .pf-interac-alt:before { content: "\f05f"; } .pf-klarna:before { content: "\f060"; } .pf-bitpay:before { content: "\f061"; } .pf-venmo:before { content: "\f062"; } .pf-visa-debit:before { content: "\f063"; } .pf-alipay:before { content: "\f064"; } .pf-diners-alt:before { content: "\f065"; } .pf-hipercard:before { content: "\f066"; } .pf-skrill-alt:before { content: "\f067"; } .pf-shopify:before { content: "\f068"; } .pf-direct-debit:before { content: "\f069"; } .pf-sodexo:before { content: "\f06a"; } .pf-bpay:before { content: "\f06b"; } .pf-contactless:before { content: "\f06c"; } .pf-contactless-alt:before { content: "\f06d"; } .pf-eth:before { content: "\f06e"; } .pf-ltc:before { content: "\f06f"; } .pf-visa-pay:before { content: "\f070"; } .pf-wechat-pay:before { content: "\f071"; } .pf-amazon-pay:before { content: "\f072"; } .pf-amazon-pay-alt:before { content: "\f073"; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, body { height: 100%; } body { font-family: "Open Sans", sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; } /* REQUIRED STYLES */ .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; padding: 1px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role="group"] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled="true"] { color: #999; } .select2-container--default .select2-results__option[aria-selected="true"] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%); background-image: -o-linear-gradient(top, #fff 50%, #eee 100%); background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%); background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%); background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%); background-image: -o-linear-gradient(top, #fff 0%, #eee 50%); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%); background-image: -o-linear-gradient(top, #eee 50%, #fff 100%); background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role="group"] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled="true"] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: #fff; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: #fff; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ""; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #fff; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #fff; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ""; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; } .owl-carousel { display: none; width: 100%; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height 0.5s ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 0.4s ease; } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 0.1s ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 0.4s ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .slider-radio { position: relative; } .slider-radio input[type="radio"] { display: none; } .slider-radio input[type="radio"]:checked+label { position: relative !important; z-index: 100 !important; } /* DEFAULT */ .slider-radio { display: inline-block; } .slider-radio label { display: inline-block; padding: 10px 20px; cursor: pointer; font-size: 20px; } /* Indicator Styles */ .slider-radio input[type="radio"]:checked+label, .slider-radio .sliding-piece { background-color: #77abff; transition-timing-function: cubic-bezier(0.74, 0.14, 0.38, 0.99); } /* Base Theme */ .slider-radio.base { background-color: #eee; border-radius: 5px; overflow: hidden; } .slider-radio.base input[type="radio"]:checked+label, .slider-radio.base .sliding-piece { background-color: #005d7a; border: none; color: white; } /* Elegant Theme */ .slider-radio.elegant label { display: inline-block; padding: 10px 20px; cursor: pointer; font-size: 20px; font-weight: bold; opacity: 0.5; } .slider-radio.elegant input[type="radio"]:checked+label, .slider-radio.elegant .sliding-piece { color: white; border-radius: 10px; background-color: #f44242; opacity: 1; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } /* Edgy Theme */ .slider-radio.edgy label { display: inline-block; padding: 10px 20px; cursor: pointer; font-size: 20px; font-weight: bold; opacity: 0.5; filter: blur(1px); transition: filter 0.3s; } .slider-radio.edgy input[type="radio"]:checked+label { filter: blur(0px); } .slider-radio.edgy input[type="radio"]:checked+label, .slider-radio.edgy .sliding-piece { border-radius: 10px; background-color: transparent; color: black; opacity: 1; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } /* Vertical */ .slider-radio.vertical label { display: block !important; } button { padding: 0; border: none; background-color: transparent; transition: 0.5s ease; transition-property: color, background-color, border-color, box-shadow; cursor: pointer; } button:focus { outline: none; } a { transition: 0.5s ease; transition-property: color, background-color, border-color, box-shadow; } a:hover, a:active, a:focus { outline: none; text-decoration: none; } input, textarea, select { padding: 0; margin: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; box-shadow: none; transition: 0.5s ease; transition-property: color, background-color, border-color, box-shadow; } input:focus, textarea:focus, select:focus { outline: none; } select::-ms-expand { display: none; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } ul { margin: 0; padding: 0; list-style: none; } ::-moz-selection { background: #fff; color: #222227; text-shadow: none; } ::selection { background: #fff; color: #222227; text-shadow: none; } ::-webkit-input-placeholder { color: #c0c0c0; opacity: 1; } ::-moz-placeholder { color: #c0c0c0; opacity: 1; } :-moz-placeholder { color: #c0c0c0; opacity: 1; } :-ms-input-placeholder { color: #c0c0c0; opacity: 1; } :focus { outline: -webkit-focus-ring-color auto 0px; } body::-webkit-scrollbar { width: 16px; } body::-webkit-scrollbar-track { background: #222227; } body::-webkit-scrollbar-thumb { background-color: #c0c0c0; outline: 1px solid #222227; } .tab-content { width: 100%; } .tab-content>.tab-pane { display: none; } .tab-content>.active { display: block; } .fade { transition: opacity 0.4s linear; } @media screen and (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.4s ease; } @media screen and (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } :focus-visible { outline: 0px dotted; } .row--grid { margin-right: -10px; margin-left: -10px; } .row--grid .col-6, .row--grid .col-12 { padding-left: 10px; padding-right: 10px; } @media (min-width: 768px) { .row--grid { margin-right: -15px; margin-left: -15px; } .row--grid .col-6, .row--grid .col-12 { padding-left: 15px; padding-right: 15px; } } .row--sidebar { margin-right: -10px; margin-left: -10px; } .row--sidebar .col-6, .row--sidebar .col-12 { padding-left: 10px; padding-right: 10px; } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .owl-carousel .owl-item { -webkit-transform: none; } /*============================== Header ==============================*/ .header { display: block; position: fixed; top: 0; left: 0; right: 0; width: auto; height: 70px; background-color: #16151a; border-bottom: 1px solid #222227; z-index: 101; } .header__content { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 100%; width: 100%; position: relative; padding: 0 15px; } .header__logo { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; height: 70px; width: 100%; } .header__logo img { width: 100px; height: auto; display: block; } .header__actions { display: inline-flex; flex-direction: row; justify-content: flex-end; align-items: center; width: auto; margin-left: auto; margin-right: 40px; } .header__action { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 100%; width: 24px; position: relative; margin-left: 15px; } .header__action:first-child { margin-left: 0; } .header__action--cart span, .header__action--note span { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 16px; min-width: 16px; color: #fff; padding: 0 5px; border-radius: 4px; background-color: #25a56a; position: absolute; top: 1px; left: 10px; font-family: "Inter", sans-serif; font-size: 10px; pointer-events: none; } .header__action--cart span:empty, .header__action--note span:empty { display: none; } .header__action--note a svg, .header__action--note button svg { width: 22px; } .header__action--note span { background-color: #2f80ed; } .header__action--cart .header__drop { display: none; } .header__action:hover .header__drop { pointer-events: auto; opacity: 1; z-index: 99; margin-top: 0; } .header__action-btn { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 36px; width: 100%; } .header__action-btn span { display: none; } .header__action-btn svg { width: 24px; height: auto; fill: #c0c0c0; transition: fill 0.5s ease; } .header__action-btn:hover svg { fill: #fff; } .header__btn { position: absolute; width: 24px; height: 22px; display: block; right: 15px; top: 24px; } .header__btn span { position: absolute; right: 0; width: 24px; height: 2px; background-color: #c0c0c0; border-radius: 2px; transition: 0.5s ease; } .header__btn span:first-child { top: 0; } .header__btn span:nth-child(2) { top: 10px; width: 16px; } .header__btn span:last-child { top: 20px; width: 8px; } .header__btn:hover span { background-color: #25a56a; } .header__btn--active span { background-color: #25a56a; } .header__btn--active span:first-child { transform: rotate(-45deg); top: 9px; } .header__btn--active span:nth-child(2) { opacity: 0; width: 0; } .header__btn--active span:last-child { width: 24px; transform: rotate(45deg); top: 9px; } .header__search { position: absolute; left: 0; top: -71px; width: 100%; height: 70px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; background-color: #16151a; z-index: 1; padding: 0 15px; border-bottom: 1px solid #222227; transition: top 0.5s ease; } .header__search input { width: calc(100% - 30px); height: 40px; background-color: #222227; color: #fff; font-size: 16px; border-radius: 12px; border: none; padding: 0 20px; font-family: "Inter", sans-serif; } .header__search input:focus { border-color: #fff; } .header__search button { position: absolute; right: 60px; top: 15px; height: 40px; width: auto; display: flex; flex-direction: row; justify-content: center; align-items: center; } .header__search button svg { width: 20px; height: auto; fill: #c0c0c0; transition: 0.5s ease; } .header__search button:hover svg { fill: #25a56a; } .header__search button.close { right: 15px; } .header__search--active { top: 0; } .header__nav { display: none; } .header__drop { position: absolute; top: 100%; right: -15px; background-color: #222227; padding: 15px; border-radius: 12px; width: 200px; pointer-events: none; opacity: 0; z-index: -1; transition: 0.4s ease; margin-top: -5px; } .header__note { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .header__note:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .header__note svg { width: 16px; height: auto; margin-right: 5px; fill: #c0c0c0; } .header__note p { color: #fff; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; width: calc(100% - 25px); display: block; margin-bottom: 0; font-weight: 400; } .header__note p a { color: #fff; text-decoration: none; } .header__note p a:hover { color: #fff; text-decoration: none; } .header__note span { padding: 0; font-size: 12px; color: #c0c0c0; position: relative; background-color: transparent; top: auto; left: auto; display: block; width: 100%; margin-top: 5px; } .header__note--succ svg { fill: #25a56a; } .header__note--fail svg { fill: #eb5757; } .header__note--info svg { fill: #c0c0c0; } .header__note--gift svg { fill: #8051d4; } .header__product { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative; padding-left: 56px; } .header__product button { position: absolute; width: 14px; bottom: 5px; right: 0; } .header__product button svg { width: 14px; height: auto; fill: #c0c0c0; transition: fill 0.4s ease; } .header__product button:hover svg { fill: #25a56a; } .header__product img { width: 46px; height: auto; position: absolute; top: 0; left: 0; border-radius: 6px; } .header__product p { color: #fff; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; width: 100%; display: block; margin-bottom: 0; font-weight: 400; } .header__product p a { color: #fff; } .header__product p a:hover { color: #25a56a; } .header__product span { padding: 0; font-size: 14px; color: #c0c0c0; position: relative; background-color: transparent; top: auto; left: auto; display: block; width: 100%; margin-top: 5px; line-height: 100%; } .header__product:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .header__all { display: none; } @media (min-width: 400px) { .header__action { margin-left: 20px; } .header__action:first-child { margin-left: 0; } .header__actions { margin-right: 44px; } } @media (min-width: 576px) { .header__action--signin { width: auto; padding-left: 22px; } .header__action--signin:before { content: ""; position: absolute; display: block; width: 1px; height: 24px; background-color: #222227; top: 50%; left: 0; margin-top: -11px; } .header__action--signin:hover a span, .header__action--signin:hover button span { color: #fff; } .header__action--signin:hover a svg, .header__action--signin:hover button svg { fill: #25a56a; } .header__action-btn span { display: block; white-space: nowrap; color: #c0c0c0; font-size: 16px; margin-right: 10px; font-family: "Inter", sans-serif; transition: color 0.5s ease; } .header__content { padding: 0 30px; } .header__search { padding: 0 30px; } .header__search button { right: 75px; } .header__search button.close { right: 30px; } .header__btn { right: 30px; } .header__drop { width: 260px; } } @media (min-width: 768px) { .header__action { margin-left: 30px; } .header__action--signin { padding-left: 32px; } } @media (min-width: 1200px) { .header { position: relative; padding-left: 280px; } .header--mobile { display: none; } .header__logo, .header__btn { display: none; } .header__actions { margin-right: 0; } .header__action--search { display: none; } .header__action--cart .header__drop { display: block; } .header__search { position: relative; top: auto; left: auto; width: 320px; padding: 0; border: none; background-color: transparent; } .header__search input { padding: 0 60px 0 20px; width: 100%; } .header__search button { right: 20px; } .header__search button.close { display: none; } .header__search--active { top: auto; } .header__nav { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-right: 60px; } .header__nav a { font-size: 16px; color: #c0c0c0; margin-right: 30px; font-family: "Inter", sans-serif; } .header__nav a:last-child { margin-right: 0; } .header__nav a:hover { color: #25a56a; } .header__all { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; background-color: rgba(255, 255, 255, 0.1); color: #c0c0c0; font-size: 13px; font-weight: 400; font-family: "Inter", sans-serif; margin-bottom: 15px; height: 24px; border-radius: 8px 8px 0 0; } .header__all:hover { color: #25a56a; } } /*============================== Sidebar ==============================*/ .sidebar { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; background-color: #16151a; position: fixed; top: 0; left: 0; bottom: 0; z-index: 101; width: 280px; transform: translateX(-100%); transition: transform 0.5s ease; border-right: 1px solid #222227; } .sidebar__logo { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; height: 70px; width: 100%; padding: 0 30px 0 15px; border-bottom: 1px solid #222227; } .sidebar__logo img { width: 100px; height: auto; display: block; } .sidebar__nav { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; position: relative; padding: 30px 0 0; width: 100%; max-height: calc(100vh - 150px); overflow-y: auto; } .sidebar__nav-link { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 16px; color: #c0c0c0; font-family: "Inter", sans-serif; margin-left: 15px; transition: 0.4s ease; position: relative; } .sidebar__nav-link svg { fill: #c0c0c0; width: 22px; height: auto; transition: fill 0.5s; margin-right: 12px; margin-bottom: 2px; } .sidebar__nav-link svg:last-child { width: 16px; margin-right: 0; margin-top: 3px; margin-left: 2px; margin-bottom: 0; } .sidebar__nav-link:hover { color: #fff; } .sidebar__nav-link:hover svg { fill: #25a56a; } .sidebar__nav-link--active, .sidebar__nav-link[aria-expanded="true"] { color: #fff; } .sidebar__nav-link--active svg, .sidebar__nav-link[aria-expanded="true"] svg { fill: #25a56a; } .sidebar__nav-link--active:hover svg, .sidebar__nav-link[aria-expanded="true"]:hover svg { fill: #25a56a; } .sidebar__nav-link[aria-expanded="true"] { margin-bottom: 15px; } .sidebar__nav-link--active { cursor: default; } .sidebar__nav-item { width: 100%; display: block; margin-bottom: 15px; position: relative; } .sidebar__nav-item:last-child { margin-bottom: 0; } .sidebar__menu { padding: 0; display: block; width: 100%; text-align: left; overflow: hidden; background-color: #222227; transition: 0.4s ease; height: auto; } .sidebar__menu--scroll { height: 165px; overflow: hidden; } .sidebar__menu li { padding: 0 0 0 49px; margin-bottom: 15px; position: relative; } .sidebar__menu li:before { content: ""; position: absolute; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #25a56a; top: 50%; left: 25px; margin-top: -2px; } .sidebar__menu li:last-child { margin-bottom: 0; padding-bottom: 20px; } .sidebar__menu li:last-child:before { top: 11px; } .sidebar__menu li:first-child { margin-top: 0; padding-top: 20px; } .sidebar__menu li:first-child:before { top: 31px; } .sidebar__menu a { font-size: 14px; color: #c0c0c0; display: block; font-weight: 400; } .sidebar__menu a:hover { color: #25a56a; } .sidebar__menu a.active { color: #25a56a; cursor: default; } .sidebar--active { transform: translateX(0); } @media (min-width: 576px) { .sidebar__logo { padding: 0 30px; } .sidebar__nav-link { margin-left: 30px; } .sidebar__menu li { padding: 0 0 0 64px; } .sidebar__menu li:before { left: 40px; } } @media (min-width: 1200px) { .sidebar { transform: translateX(0); } .sidebar__nav { max-height: calc(100vh - 332px); } } /*============================== Player ==============================*/ . .plyr__actions button { margin: 0 5px; } .plyr__tooltip { background-color: #222227; box-shadow: none; color: #fff; font-size: 14px !important; } .plyr__tooltip:before { border-top-color: #222227; } .plyr__wrap { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; margin-top: 10px; } .plyr__time { margin-left: 10px; color: #c0c0c0; font-size: 14px; line-height: 100%; } .plyr__volume { margin-right: auto; } .plyr__progress { width: 100%; } .plyr--audio .plyr__controls { padding: 0; color: #fff; background-color: transparent; } .plyr--full-ui input[type="range"] { color: #25a56a; } /*============================== Main ==============================*/ .main { position: relative; margin-top: 70px; padding: 20px 0 60px; } .main__title { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; margin-bottom: 10px; margin-top: 60px; } .main__title h1 { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; font-family: "Inter", sans-serif; font-weight: 400; color: #fff; font-size: 30px; line-height: 140%; margin-bottom: 0; position: relative; } .main__title h1 b { font-weight: 500; } .main__title h1 a { color: #fff; } .main__title h1 a:hover { color: #25a56a; } .main__title h2 { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; font-family: "Inter", sans-serif; font-weight: 400; color: #fff; font-size: 26px; line-height: 100%; margin-bottom: 0; position: relative; } .main__title h2 svg { width: 26px; height: auto; fill: #25a56a; margin-right: 10px; } .main__title h2 b { font-weight: 500; } .main__title h2 a { color: #000; } .main__title h2 a:hover { color: #25a56a; } .main__title h3 { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; font-family: "Inter", sans-serif; font-weight: 400; font-size: 24px; color: #fff; margin-bottom: 0; line-height: 100%; position: relative; } .main__title p { display: block; width: 100%; font-size: 16px; line-height: 26px; color: #c0c0c0; margin-top: 20px; margin-bottom: 0; } .main__title p b { font-weight: 600; } .main__title p a { color: #25a56a; text-decoration: underline; } .main__title p a:hover { text-decoration: none; } .main__title ol { padding-left: 0; list-style: none; counter-reset: li; margin-bottom: 0; } .main__title ol ol { padding-left: 15px; margin-top: 10px; } .main__title ol ol ol { margin-top: 10px; margin-bottom: 10px; } .main__title ol ol ol li { margin-top: 5px; } .main__title ol h4 { font-size: 16px; color: #fff; display: inline-block; margin-bottom: 0; margin-top: 20px; font-weight: 500; font-family: "Inter", sans-serif; } .main__title ol li { font-size: 16px; line-height: 24px; color: #c0c0c0; position: relative; } .main__title ol li b { font-weight: 600; color: #c0c0c0; } .main__title ol li a { color: #eb5757; } .main__title ol li a:hover { color: #eb5757; text-decoration: underline; } .main__title ol li:last-child { margin-bottom: 0; } .main__title ol li:before { counter-increment: li; content: counters(li, ".") ". "; } .main__title--page { margin-bottom: 0; margin-top: 50px; } .main__link { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 16px; color: #c0c0c0; font-weight: 400; } .main__link svg { width: 22px; height: auto; fill: #c0c0c0; margin-left: 5px; transition: fill 0.5s ease; } .main__link:hover { color: #fff; } .main__link:hover svg { fill: #25a56a; } .main__carousel-wrap { position: relative; } .main__carousel .owl-dots { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; margin-top: 20px; position: relative; } .main__carousel .owl-dot { margin-right: 10px; } .main__carousel .owl-dot:last-child { margin-right: 0; } .main__carousel .owl-dot span { display: block; height: 4px; width: 10px; border-radius: 2px; background-color: #c0c0c0; transition: 0.5s ease; } .main__carousel .owl-dot.active span { width: 20px; background-color: #25a56a; } .main__nav { display: none; } .main__list { margin-top: 20px; } .main__list--dashbox { margin-top: 0; } .main__list--dashbox .single-item__title { max-width: 80px; } .main__list--dashbox .single-item__time { font-size: 12px; } .main__filter { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-top: 20px; padding-bottom: 20px; padding-top: 20px; background-color: #16151a; position: relative; } .main__filter:before { content: ""; position: absolute; display: block; left: -15px; right: -15px; width: auto; top: 0; border-top: 1px solid #222227; border-bottom: 1px solid #222227; bottom: 0; background-color: #16151a; } .main__filter-wrap { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; position: relative; z-index: 2; padding: 0 20px; } .main__filter-search { position: relative; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; margin-bottom: 10px; } .main__filter-search input { width: 100%; height: 40px; background-color: #222227; color: #fff; font-size: 14px; border-radius: 12px; border: none; padding: 0 60px 0 20px; font-family: "Inter", sans-serif; } .main__filter-search input:focus { border-color: #222227; } .main__filter-search button { position: absolute; right: 20px; top: 0; height: 40px; width: auto; display: flex; flex-direction: row; justify-content: center; align-items: center; } .main__filter-search button svg { width: 20px; height: auto; fill: #c0c0c0; transition: 0.5s ease; } .main__filter-search button:hover svg { fill: #25a56a; } .main__load { width: 160px; height: 50px; border-radius: 12px; background-color: #25a56a; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; margin: 30px auto 0; } .main__load:hover { color: #25a56a; background-color: #222227; } .main__tabs { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%; margin-top: 10px; } .main__tabs li { margin-top: 15px; margin-right: 15px; } .main__tabs li:last-child { margin-right: 0; } .main__tabs a { display: inline-flex; flex-direction: row; justify-content: center; align-items: center; width: auto; color: #c0c0c0; font-size: 17px; } .main__tabs a span { font-size: 15px; font-weight: 600; margin-right: 3px; margin-top: 3px; color: #c0c0c0; transition: color 0.5s ease; } .main__tabs a:hover { color: #fff; } .main__tabs a.active { color: #fff; } .main__tabs a.active span { color: #25a56a; } .main__table { width: 100%; min-width: 520px; border-spacing: 0; } .main__table thead { border-bottom: 1px solid #222227; } .main__table thead th { font-size: 14px; color: #c0c0c0; font-weight: 400; padding: 0 10px 20px 0; line-height: 100%; margin-bottom: 0; border: none; } .main__table thead th a { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; color: #c0c0c0; } .main__table thead th a svg { width: 20px; height: auto; fill: #c0c0c0; transition: fill 0.5s ease; } .main__table thead th a:hover { color: #fff; } .main__table thead th a:hover svg { fill: #25a56a; } .main__table thead th a.active { color: #fff; } .main__table thead th a.active svg { width: 16px; fill: #25a56a; } .main__table tbody tr { border-bottom: none; background-color: transparent; border-top: 1px solid #222227; } .main__table tbody td { padding: 0; background-color: transparent; border: 0px solid transparent; } .main__table tbody td:first-child .main__table-text { border-radius: 12px 0 0 12px; } .main__table tbody td:last-child .main__table-text, .main__table tbody td:last-child .main__table-btns { border-radius: 0 12px 12px 0; } .main__table tbody td .main__table-text { background-color: transparent; padding: 15px 20px 15px 0; } .main__table-text { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 14px; color: #c0c0c0; font-weight: 400; line-height: 30px; padding: 20px; white-space: nowrap; } .main__table-text svg { width: 18px; height: auto; transition: fill 0.5s ease; fill: #c0c0c0; margin-right: 5px; } .main__table-text a { font-size: 16px; color: #fff; } .main__table-text a:hover { color: #25a56a; } .main__table-text--number a { font-size: 14px; line-height: 22px; border-bottom: 2px dashed #25a56a; } .main__table-text--price { font-family: "Inter", sans-serif; font-weight: 500; color: #c0c0c0; font-size: 16px; } .main__table-text--red { color: #eb5757; } .main__table-text--red svg { fill: #eb5757; } .main__table-text--green { color: #25a56a; } .main__table-text--green svg { fill: #25a56a; } .main__table-text--grey { color: #c0c0c0; } .main__table-img { width: 100px; height: auto; display: flex; flex-direction: row; justify-content: center; align-items: center; background-color: transparent; border-radius: 8px; overflow: hidden; padding: 15px 20px 15px 0; } .main__table-img img { width: 100%; height: auto; border-radius: 8px; } @media (min-width: 400px) { .main__list--dashbox .single-item__title { max-width: 110px; } } @media (min-width: 576px) { .main { padding: 20px 15px 50px; } .main__list--dashbox .single-item__title { max-width: 150px; } .main__list--dashbox .single-item__time { font-size: 14px; } .main__filter:before { left: -30px; right: -30px; } } @media (min-width: 768px) { .main { padding: 30px 15px 70px; } .main__title { margin-top: 70px; margin-bottom: 0; } .main__title h1 { font-size: 36px; } .main__title h2 { font-size: 30px; } .main__title h2 svg { width: 30px; } .main__title p:last-child { margin-bottom: 10px; } .main__title--sidebar { margin-bottom: 10px; } .main__carousel .owl-dots { margin-top: 30px; } .main__list { margin-top: 30px; } .main__list--dashbox { margin-top: 0; } .main__filter { padding: 0; flex-direction: row; align-items: center; margin-top: 30px; height: 70px; } .main__filter-wrap { padding: 0; } .main__load { margin: 40px auto 0; } .main__tabs li { margin-top: 20px; margin-right: 20px; } .main__tabs li:last-child { margin-right: 0; } .main__filter-search { margin-bottom: 0; width: 180px; margin-right: 30px; } .main__filter-search input { width: 180px; } } @media (min-width: 992px) { .main__filter-search { margin-bottom: 0; width: 250px; } .main__filter-search input { width: 250px; } .main__title--sidebar { margin-top: 30px; } .main__list--dashbox .single-item__title { max-width: 200px; } } @media (min-width: 1200px) { .main__carousel .owl-dots { justify-content: flex-end; padding-right: 68px; } .main__nav { position: absolute; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 34px; height: 34px; right: 0; bottom: -14px; z-index: 2; } .main__nav svg { width: 30px; height: auto; fill: #c0c0c0; transition: fill 0.5s ease; } .main__nav:hover svg { fill: #25a56a; } .main__nav--prev { right: 25px; } .main__nav--next { right: -5px; } .main__nav--hero { bottom: 15px; } .main__nav--hero svg { fill: #fff; } .main__nav--hero.main__nav--prev { right: 95px; } .main__nav--hero.main__nav--next { right: 65px; } .main__nav--hero:hover svg { fill: #25a56a; } .main__filter { position: -webkit-sticky; position: sticky; top: 0; z-index: 99; background-color: #fff; border: none; } .main__filter-search { margin-bottom: 0; width: 220px; } .main__filter-search input { width: 220px; } } /*============================== Breadcrumb ==============================*/ .breadcrumb { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; } .breadcrumb__item { font-size: 14px; color: #c0c0c0; transition: 0.5s ease; position: relative; margin-right: 34px; } .breadcrumb__item:before { content: ""; position: absolute; left: 100%; top: 1px; bottom: 0; width: 34px; background: url("../img/breadcrumb.svg") no-repeat center/16px auto; } .breadcrumb__item:hover { color: #c0c0c0; } .breadcrumb__item:last-child { margin-right: 0; } .breadcrumb__item:last-child:before { display: none; } .breadcrumb__item--active { cursor: default; margin-right: 0; } .breadcrumb__item--active:before { display: none; } .breadcrumb__item--active:hover { color: #c0c0c0; } .breadcrumb a { color: #c0c0c0; } .breadcrumb a:hover { color: #25a56a; } @media (min-width: 1200px) { .breadcrumb { margin-top: 25px; } .breadcrumb--hidden-desk { display: none; } } /*============================== Profile ==============================*/ .profile { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; background-color: #16151a; padding: 20px 20px 0; border-radius: 12px; position: relative; margin-top: 20px; border: 1px solid #222227; } .profile__tabs { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; overflow: hidden; width: 100%; } .profile__tabs li { margin-right: 20px; } .profile__tabs li:last-child { margin-right: 0; } .profile__tabs a { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; height: 40px; color: #c0c0c0; position: relative; font-size: 14px; font-family: "Inter", sans-serif; } .profile__tabs a:hover { color: #fff; } .profile__tabs a:before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; display: block; background-color: #25a56a; transition: 0.5s ease; transform: translateY(2px); opacity: 0; border-radius: 2px 2px 0 0; } .profile__tabs a.active { color: #fff; cursor: default; } .profile__tabs a.active:before { opacity: 1; transform: translateY(0); } .profile__logout { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: auto; position: absolute; top: 20px; right: 20px; } .profile__logout span { display: none; font-size: 16px; color: #c0c0c0; margin-right: 10px; transition: 0.5s ease; font-family: "Inter", sans-serif; } .profile__logout svg { fill: #c0c0c0; width: 24px; height: auto; transition: fill 0.5s ease; } .profile__logout:hover span { color: #fff; } .profile__logout:hover svg { fill: #25a56a; } .profile__user { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 20px; } .profile__meta { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .profile__meta h3 { color: #fff; font-family: "Inter", sans-serif; display: block; font-size: 16px; font-weight: 400; margin-bottom: 7px; line-height: 100%; } .profile__meta span { color: #c0c0c0; font-size: 12px; line-height: 100%; } .profile__avatar { display: block; position: relative; width: 40px; cursor: pointer; overflow: hidden; border-radius: 8px; margin-right: 15px; } .profile__avatar img { width: 100%; } @media (min-width: 768px) { .profile { margin-top: 30px; padding: 0 20px; flex-direction: row; justify-content: space-between; align-items: center; } .profile__tabs { border-bottom: none; margin-bottom: 0; width: auto; margin-right: auto; } .profile__tabs li { margin-right: 30px; } .profile__tabs li:last-child { margin-right: 0; } .profile__tabs a { align-items: center; height: 70px; font-size: 16px; } .profile__user { margin-bottom: 0; margin-right: 60px; } .profile__logout { position: relative; top: auto; right: auto; } .profile__logout span { display: block; } } /*============================== Hero ==============================*/ .hero { display: block; width: 100%; } .hero .owl-dots { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; margin-top: 20px; position: relative; } .hero .owl-dot { margin-right: 10px; } .hero .owl-dot:last-child { margin-right: 0; } .hero .owl-dot span { display: block; height: 4px; width: 10px; border-radius: 2px; background-color: #c0c0c0; transition: 0.5s ease; } .hero .owl-dot.active span { width: 20px; background-color: #25a56a; } .hero .owl-stage-outer { border-radius: 12px; } .hero__slide { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 100%; min-height: 300px; border-radius: 12px; overflow: hidden; padding: 40px 20px; position: relative; } .hero__slide:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient( 45deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; } .hero__title { position: relative; z-index: 2; color: #fff; font-weight: 400; font-size: 30px; font-family: "Inter", sans-serif; margin-bottom: 0; line-height: 130%; } .hero__text { position: relative; z-index: 2; color: #c0c0c0; font-size: 16px; line-height: 26px; margin-bottom: 0; margin-top: 15px; } .hero__btns { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%; margin-top: 10px; } .hero__btn { width: auto; min-width: 120px; height: 50px; border-radius: 12px; background-color: #222227; display: inline-flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; padding: 0 20px; margin-top: 20px; margin-right: 20px; } .hero__btn svg { fill: #fff; width: 28px; height: auto; margin-right: 7px; } .hero__btn:last-child { margin-right: 0; } .hero__btn:hover { color: #25a56a; } .hero__btn--video { text-transform: none; font-size: 16px; } .hero__btn--video svg { fill: #25a56a; width: 28px; height: auto; margin-right: 10px; transition: fill 0.5s ease; } .hero__btn--video:hover { background-color: #25a56a; color: #fff; } .hero__btn--video:hover svg { fill: #fff; } .hero__btn--green { background-color: #25a56a; color: #fff; } .hero__btn--green:hover { background-color: #222227; color: #25a56a; } @media (min-width: 576px) { .hero__slide { min-height: 400px; } } @media (min-width: 768px) { .hero .owl-dots { margin-top: 30px; } .hero__slide { padding: 40px 30px; padding-right: 10%; min-height: 460px; } .hero__title { font-size: 36px; } .hero__btn { margin-top: 30px; margin-right: 30px; min-width: 160px; padding: 0 25px; } .hero__btn:last-child { margin-right: 0; } } @media (min-width: 992px) { .hero__slide { padding-right: 25%; } } @media (min-width: 1200px) { .hero { margin-top: 30px; } .hero .owl-dots { justify-content: flex-end; margin-top: -34px; margin-bottom: 30px; padding-right: 124px; z-index: 2; } .hero .owl-dot span { background-color: rgba(255, 255, 255, 0.6); } .hero .owl-dot.active span { background-color: #fff; } .hero__title { font-size: 44px; } .hero__text { font-size: 17px; line-height: 28px; } .hero__btn { margin-top: 40px; } .hero__slide { padding: 60px; padding-right: 33%; } } @media (min-width: 1900px) { .hero__slide { padding-right: 50%; } } /*============================== Album ==============================*/ .album { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-top: 20px; width: 100%; } .album__cover { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 12px; position: relative; overflow: hidden; width: 100%; background-color: #000; } .album__cover img { width: 100%; display: block; position: relative; z-index: 1; opacity: 1; transition: 0.5s ease; } .album__cover a { position: absolute; z-index: 2; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 56px; height: 56px; top: 50%; left: 50%; margin: -28px 0 0 -28px; border-radius: 12px; background-color: #222227; transform: scale(0.8); opacity: 0; transition: 0.5s ease; border: 1px solid rgba(255, 255, 255, 0.05); } .album__cover a svg { fill: #fff; width: 24px; height: auto; margin: 1px 0 0 1px; transition: fill 0.5s ease; } .album__cover a:hover svg { fill: #25a56a; } .album__cover:hover img { opacity: 0.6; transform: scale(1.08); } .album__cover:hover a { opacity: 1; transform: scale(1); } .album__cover:hover .album__stat { opacity: 1; transform: scale(1); } .album__title { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-top: 5px; } .album__title h3 { display: block; width: 100%; color: #fff; font-size: 16px; font-weight: 400; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } .album__title h3 a { color: #fff; } .album__title h3 a:hover { color: #25a56a; } .album__title span { display: block; width: 100%; color: #0000; font-size: 14px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } .album__title span a { color: black; text-decoration: none; } .album__title span a:hover { color: #0000; } .album__stat { position: absolute; z-index: 2; display: flex; flex-direction: row; justify-content: center; align-items: center; bottom: 20px; left: 0; right: 0; color: #fff; font-size: 12px; transform: scale(0.8); opacity: 0; transition: 0.5s ease; } .album__stat span { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-right: 15px; } .album__stat span:last-child { margin-right: 0; } .album__stat svg { width: 14px; height: auto; fill: #fff; margin-right: 5px; } @media (min-width: 768px) { .album { margin-top: 30px; } .album--sidebar { margin-top: 20px; } .album__stat { font-size: 13px; } .album__stat span { margin-right: 20px; } .album__stat span:last-child { margin-right: 0; } .album__stat svg { width: 16px; } } /*============================== Releases ==============================*/ .release { margin-top: 20px; border: 1px solid #222227; background-color: #16151a; padding: 20px; border-radius: 12px; position: release; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; } .release__cover { display: block; position: relative; width: 100%; border-radius: 12px; overflow: hidden; } .release__cover img { width: 100%; } .release__list { position: relative; height: 330px; width: 100%; overflow: hidden; padding-right: 14px; margin-top: 20px; } .release__stat { display: flex; flex-direction: row; justify-content: space-between; align-items: center; color: #c0c0c0; font-size: 14px; transition: 0.5s ease; width: 100%; margin-top: 15px; } .release__stat span { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-right: 20px; } .release__stat span:last-child { margin-right: 0; } .release__stat svg { width: 20px; height: auto; fill: #25a56a; margin-right: 5px; } .release__buy { width: 100%; height: 50px; border-radius: 12px; background-color: #25a56a; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; padding: 0 25px; margin-top: 15px; } .release__buy svg { fill: #fff; width: 28px; height: auto; margin-right: 7px; } .release__buy:hover { background-color: #222227; color: #fff; } @media (min-width: 768px) { .release { flex-direction: row; margin-bottom: 10px; } .release__list { margin-top: 0; width: calc(100% - 250px); } .release__content { width: 230px; margin-right: 20px; } } @media (min-width: 1200px) { .release__list { width: calc(100% - 310px); height: 388px; } .release__content { width: 290px; } } /*============================== Store-item ==============================*/ .store-item { margin-top: 20px; border: 1px solid #222227; background-color: #16151a; padding: 20px; border-radius: 12px; position: release; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; } .store-item__cover { display: block; position: release; width: 100%; border-radius: 12px; overflow: hidden; } .store-item__cover img { width: 100%; } .store-item__description { position: relative; width: 100%; margin-top: 20px; } .store-item__buy { width: 100%; height: 50px; border-radius: 12px; background-color: #25a56a; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; padding: 0 25px; margin-top: 15px; } .store-item__buy svg { fill: #fff; width: 28px; height: auto; margin-right: 7px; } .store-item__buy:hover { background-color: #222227; color: #fff; } .store-item__content { width: 100%; display: block; } .store-item__carousel { position: relative; width: 100%; } .store-item__carousel .owl-dots { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; margin-top: 20px; position: relative; } .store-item__carousel .owl-dot { margin-right: 10px; } .store-item__carousel .owl-dot:last-child { margin-right: 0; } .store-item__carousel .owl-dot span { display: block; height: 4px; width: 10px; border-radius: 2px; background-color: #c0c0c0; transition: 0.5s ease; } .store-item__carousel .owl-dot.active span { width: 20px; background-color: #25a56a; } @media (min-width: 768px) { .store-item { flex-direction: row; } .store-item__description { margin-top: 0; width: calc(100% - 250px); } .store-item__content { width: 230px; margin-right: 20px; } } @media (min-width: 1200px) { .store-item__description { width: calc(100% - 310px); } .store-item__content { width: 290px; } } /*============================== Artist ==============================*/ .artist { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-top: 20px; width: 100%; position: relative; } .artist__cover { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 12px; position: relative; overflow: hidden; width: 100%; } .artist__cover:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient( 45deg, rgba(37, 165, 106, 0.8) 0%, rgba(37, 165, 106, 0) 100%); opacity: 0; transition: opacity 0.5s ease; z-index: 2; } .artist__cover img { width: 100%; display: block; position: relative; z-index: 1; } .artist__title { z-index: 3; color: #fff; font-size: 16px; margin-bottom: 0; text-align: center; width: 100%; transition: color 0.5s ease; margin-top: 10px; font-family: "Inter", sans-serif; font-weight: 400; } .artist:hover .artist__cover:before { opacity: 0.3; } .artist:hover .artist__title { color: #25a56a; } @media (min-width: 768px) { .artist { margin-top: 30px; } } /*============================== Event ==============================*/ .event { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; margin-top: 20px; width: 100%; border-radius: 12px; position: relative; overflow: hidden; padding: 20px; height: 300px; } .event:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient( 45deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); opacity: 0.6; transition: opacity 0.5s ease; z-index: 1; } .event__date { position: relative; z-index: 2; font-size: 18px; text-decoration: none; font-weight: 400; color: #fff; } .event__time { position: relative; z-index: 2; font-size: 14px; text-decoration: none; color: #c0c0c0; font-weight: 400; margin-bottom: 20px; } .event__title { position: relative; text-decoration: none; z-index: 2; font-family: "Inter", sans-serif; font-weight: 400; color: #fff; font-size: 24px; margin-bottom: 5px; width: 100%; } .event__title a { text-decoration: none; color: #fff; } .event__title a:hover { color: #25a56a; text-decoration: none; } .event__address { position: relative; text-decoration: none; z-index: 2; font-size: 14px; color: #fff; line-height: 24px; margin-bottom: 0; width: 100%; } .event__ticket { text-decoration: none; position: absolute; top: 20px; left: 20px; min-width: 130px; height: 40px; border-radius: 12px; background-color: #222227; display: inline-flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; z-index: 2; font-family: "Inter", sans-serif; font-weight: 500; padding: 0 15px; border: 1px solid rgba(255, 255, 255, 0.05); } .event__ticket svg { width: 18px; text-decoration: none; height: auto; margin-right: 7px; fill: #25a56a; transition: fill 0.5s ease; } .event__ticket:hover { color: #fff; text-decoration: none; background-color: #25a56a; border-color: #25a56a; } .event__ticket:hover svg { fill: #fff; text-decoration: none; } .event__out { position: absolute; top: 20px; left: 20px; text-decoration: none; min-width: 120px; height: 40px; border-radius: 12px; background-color: #25a56a; display: inline-flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; z-index: 2; font-family: "Inter", sans-serif; font-weight: 500; padding: 0 15px; } .event:hover:before { opacity: 0.8; text-decoration: none; } @media (min-width: 768px) { .event { margin-top: 30px; text-decoration: none; height: 320px; } .event__title { font-size: 26px; text-decoration: none; } } /*============================== Single ==============================*/ .single-item { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #222227; height: 58px; } .single-item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; height: 48px; } .single-item__number { color: #c0c0c0; font-size: 22px; min-width: 20px; width: auto; font-family: "Inter", sans-serif; font-weight: 400; } .single-item__rate { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 14px; color: #c0c0c0; width: 24px; margin-right: 10px; } .single-item__rate svg { fill: #25a56a; width: 20px; height: auto; } .single-item__rate--red svg { fill: #eb5757; } .single-item__cover { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 8px; overflow: hidden; transition: 0.5s ease; } .single-item__cover img { width: 48px; height: auto; opacity: 1; transition: opacity 0.5s ease; position: relative; } .single-item__cover svg { position: absolute; opacity: 0; fill: #fff; width: 24px; height: auto; margin: 1px 0 0 1px; transition: 0.5s ease; } .single-item__cover svg:last-child { opacity: 0; } .single-item__cover:hover svg { fill: #25a56a; } .single-item__cover.active { background-color: #000; } .single-item__cover.active img { opacity: 0.35; } .single-item__cover.active svg { fill: #25a56a; } .single-item__cover.pause svg { opacity: 1; } .single-item__cover.pause svg:last-child { opacity: 0; } .single-item__cover.play svg { opacity: 0; } .single-item__cover.play svg:last-child { opacity: 1; } .single-item__title { display: inline-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-right: auto; } .single-item__title h4 { display: block; color: black; font-size: 16px; line-height: 24px; font-weight: 400; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } .single-item__title h4 a { color: black; } .single-item__title h4 a:hover { color: #25a56a; } .single-item__title span { display: block; color: black; font-size: 14px; line-height: 24px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } .single-item__title span a { color: black; } .single-item__title span a:hover { color: black; } .single-item__time { margin-left: 15px; font-size: 13px; color: #c0c0c0; } .single-item__time--live { background-color: #eb5757; color: #fff; display: inline-flex; flex-direction: row; justify-content: center; align-items: center; height: 24px; padding: 0 12px; border-radius: 8px; font-size: 12px; font-family: "Inter", sans-serif; font-weight: 400; } .single-item__add { margin-left: 15px; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 32px; height: 32px; border-radius: 8px; background-color: rgba(37, 165, 106, 0.15); } .single-item__add svg { width: 18px; height: auto; fill: #25a56a; } .single-item__add:hover { background-color: rgba(37, 165, 106, 0.3); } .single-item__export { margin-left: 15px; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 32px; height: 32px; border-radius: 8px; background-color: rgba(128, 81, 212, 0.15); } .single-item__export svg { width: 18px; height: auto; fill: #8051d4; } .single-item__export:hover { background-color: rgba(128, 81, 212, 0.3); } .single-item:hover .single-item__cover { background-color: #222227; } .single-item:hover .single-item__cover img { opacity: 0.35; } .single-item:hover .single-item__cover svg { opacity: 1; } .single-item:hover .single-item__cover svg:last-child { opacity: 0; } .single-item:hover .single-item__cover.play svg { opacity: 0; } .single-item:hover .single-item__cover.play svg:last-child { opacity: 1; } /*============================== Post ==============================*/ .post { position: relative; margin-top: 20px; border-radius: 12px; width: 100%; overflow: hidden; background-color: #222227; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; height: calc(100% - 20px); } .post__img { display: block; width: 100%; position: relative; background-color: #000; } .post__img:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient( 45deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); opacity: 0.1; transition: opacity 0.5s ease; z-index: 2; } .post__img img { width: 100%; position: relative; z-index: 1; } .post__img:hover:before { opacity: 0.3; } .post__video { position: absolute; top: 20px; left: 20px; z-index: 3; display: flex; flex-direction: row; justify-content: center; align-items: center; height: 40px; border-radius: 12px; background-color: #222227; font-family: "Inter", sans-serif; font-weight: 500; font-size: 14px; color: #fff; padding: 0 15px; border: 1px solid rgba(255, 255, 255, 0.05); } .post__video svg { fill: #25a56a; width: 24px; height: auto; margin-right: 7px; transition: fill 0.5s ease; } .post__video:hover { background-color: #25a56a; color: #fff; border-color: #25a56a; } .post__video:hover svg { fill: #fff; } .post__content { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; padding: 20px; background-color: #222227; border-radius: 0 0 12px 12px; height: 100%; position: relative; } .post__category { display: inline-flex; flex-direction: row; justify-content: center; align-items: center; height: 28px; min-width: 70px; width: auto; color: #fff; font-size: 13px; background-color: #2f80ed; border-radius: 8px; padding: 0 15px; margin-bottom: 20px; position: absolute; bottom: 100%; left: 20px; z-index: 2; } .post__category:hover { color: #fff; background-color: #25a56a; } .post__title { display: block; font-family: "Inter", sans-serif; font-weight: 400; font-size: 24px; line-height: 140%; color: #fff; margin-bottom: 20px; overflow: hidden; width: 100%; } .post__title a { color: #fff; display: block; } .post__title a:hover { color: #25a56a; } .post__meta { margin-top: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; height: 20px; } .post__date { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 13px; color: #c0c0c0; } .post__date svg { fill: #fff; width: 16px; height: auto; margin-right: 5px; } .post__comments { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 13px; color: #c0c0c0; } .post__comments svg { fill: #fff; width: 16px; height: auto; margin-right: 5px; } @media (min-width: 768px) { .post { margin-top: 30px; height: calc(100% - 30px); } } /*============================== Live ==============================*/ .live { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-top: 20px; position: relative; overflow: hidden; } .live__cover { width: 100%; border-radius: 12px; overflow: hidden; position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; } .live__cover img { position: relative; width: 100%; z-index: 1; transition: 0.5s ease; } .live__cover svg { position: absolute; display: block; fill: #fff; width: 46px; height: auto; transition: 0.5s ease; z-index: 3; transform: scale(0.8); opacity: 0; } .live__cover:before { content: ""; position: absolute; display: block; top: 0; bottom: 0; right: 0; left: 0; z-index: 2; background: linear-gradient( 45deg, rgba(37, 165, 106, 0.8) 0%, rgba(37, 165, 106, 0) 100%); opacity: 0.1; transition: opacity 0.5s ease; } .live__value { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; position: absolute; bottom: 20px; left: 20px; z-index: 3; pointer-events: none; height: 28px; width: auto; padding: 0 15px; border-radius: 8px; background-color: rgba(34, 34, 39, 0.8); color: #fff; font-size: 12px; font-weight: 400; } .live__status { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; position: absolute; top: 20px; left: 20px; z-index: 3; pointer-events: none; height: 24px; width: auto; padding: 0 12px; border-radius: 8px; background-color: #eb5757; color: #fff; font-size: 12px; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 400; } .live__title { font-size: 20px; font-family: "Inter", sans-serif; font-weight: 400; color: #fff; margin-bottom: 0; margin-top: 10px; width: 100%; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: break-word; transition: color 0.5s ease; } .live__title a { color: #fff; } .live:hover .live__cover:before { opacity: 0.3; } .live:hover .live__cover svg { opacity: 1; transform: scale(1); } .live:hover .live__title { color: #25a56a; } .live:hover .live__title a { color: #25a56a; } @media (min-width: 768px) { .live { margin-top: 30px; } } /*============================== Product ==============================*/ .product { position: relative; margin-top: 20px; border-radius: 12px; width: 100%; overflow: hidden; background-color: #222227; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 20px; } .product__img { width: 100%; border-radius: 12px; overflow: hidden; position: relative; } .product__img:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(45deg, #000 0%, rgba(0, 0, 0, 0) 100%); opacity: 0; transition: opacity 0.5s ease; z-index: 2; } .product__img img { width: 100%; display: block; position: relative; z-index: 1; } .product__img:hover:before { opacity: 0.2; } .product__title { display: block; width: 100%; font-size: 17px; font-weight: 400; color: #fff; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; margin-top: 15px; } .product__title a { color: #fff; } .product__title a:hover { color: #25a56a; } .product__price { font-size: 16px; color: #c0c0c0; margin-top: 5px; display: block; width: 100%; font-family: "Inter", sans-serif; font-weight: 400; } .product__new { font-size: 14px; color: #eb5757; position: absolute; bottom: 20px; right: 20px; font-weight: 600; } @media (min-width: 768px) { .product { margin-top: 30px; } } /*============================== Partners ==============================*/ .partners { margin-top: 60px; } .partners__img img { -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.7; transition: 0.5s; } .partners__img:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; } @media (min-width: 768px) { .partners { margin-top: 70px; } } /*============================== Stats ==============================*/ .stats { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; position: relative; margin-top: 20px; padding: 20px; border-radius: 12px; background-color: #16151a; width: 100%; border: 1px solid #222227; } .stats span { font-family: "Inter", sans-serif; font-size: 20px; line-height: 100%; font-weight: 400; color: #fff; margin-bottom: 0; width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; } .stats span a { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 13px; color: #fff; margin-left: 10px; line-height: 100%; border-bottom: 2px dashed #25a56a; } .stats span a svg { width: 14px; height: auto; fill: #25a56a; position: relative; bottom: auto; right: auto; transition: 0.5s ease; } .stats span a:hover { color: #25a56a; } .stats span a:hover svg { fill: #25a56a; } .stats p { font-size: 14px; color: #c0c0c0; margin-bottom: 0; margin-top: 20px; font-family: "Inter", sans-serif; font-weight: 400; line-height: 100%; } .stats p b { font-size: 20px; font-weight: 500; } .stats p a { color: #c0c0c0; } .stats p a:hover { color: #25a56a; } .stats svg { position: absolute; bottom: 15px; right: 20px; fill: #25a56a; width: 30px; height: auto; } .stats__form { display: flex; flex-direction: row; justify-content: space-between; align-items: center; position: relative; width: 100%; margin-top: 10px; } .stats__form input { position: relative; z-index: 1; width: 100%; height: 24px; background-color: transparent; color: #fff; font-size: 18px; border: none; padding: 0 50px 0 0; } .stats__form button { position: absolute; z-index: 2; right: 0; top: 0; display: flex; flex-direction: row; justify-content: center; align-items: flex-end; height: 24px; color: #25a56a; font-size: 14px; text-transform: uppercase; font-weight: 500; font-family: "Inter", sans-serif; } .stats__form button svg { position: relative; width: 18px; height: auto; top: auto; bottom: auto; right: auto; left: auto; transition: fill 0.5s ease; } .stats__form button:hover { color: #fff; } .stats__form button:hover svg { fill: #25a56a; } .stats--green svg { fill: #25a56a; } .stats--purple svg { fill: #8051d4; } @media (min-width: 768px) { .stats { margin-top: 30px; } } /*============================== Dashbox ==============================*/ .dashbox { background-color: #16151a; margin-top: 20px; border-radius: 12px; overflow: hidden; border: 1px solid #222227; } .dashbox__title { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 20px; border-bottom: 1px solid #222227; } .dashbox__title h3 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; color: #fff; font-weight: 400; font-size: 20px; line-height: 100%; margin-bottom: 0; font-family: "Inter", sans-serif; } .dashbox__title h3 svg { fill: #25a56a; margin-right: 10px; width: 22px; height: auto; } .dashbox__title h3 span { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 18px; min-width: 18px; color: #fff; padding: 0 5px; border-radius: 6px; font-family: "Inter", sans-serif; font-size: 10px; pointer-events: none; background-color: #25a56a; margin-bottom: auto; margin-left: 5px; } .dashbox__wrap { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .dashbox__more { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 13px; margin-left: 15px; color: #c0c0c0; font-family: "Inter", sans-serif; } .dashbox__more:hover { color: #25a56a; } .dashbox__refresh { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 22px; height: 30px; } .dashbox__refresh svg { fill: #c0c0c0; width: 18px; height: auto; transition: fill 0.5s ease; } .dashbox__refresh:hover svg { fill: #25a56a; } .dashbox__table-wrap { position: relative; display: block; width: 100%; overflow: auto; padding: 20px 20px 5px; } .dashbox__table-scroll { width: 100%; display: block; } .dashbox__list-wrap { padding: 20px; position: relative; display: block; width: 100%; } .dashbox__scroll { position: relative; max-height: 320px; width: 100%; overflow: hidden; padding-right: 14px; } .dashbox__note { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #222227; height: 58px; } .dashbox__note:last-child { height: 48px; margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .dashbox__note svg { width: 20px; height: auto; margin-right: 10px; fill: #c0c0c0; } .dashbox__note p { color: #c0c0c0; font-size: 16px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; width: calc(100% - 30px); display: block; margin-bottom: 0; font-weight: 400; } .dashbox__note p a { color: #fff; text-decoration: underline; } .dashbox__note p a:hover { color: #fff; text-decoration: none; } .dashbox__note span { padding: 0; font-size: 13px; color: #c0c0c0; position: relative; background-color: transparent; top: auto; left: auto; display: block; width: 100%; margin-top: 5px; } .dashbox__note--succ svg { fill: #25a56a; } .dashbox__note--fail svg { fill: #eb5757; } .dashbox__note--info svg { fill: #c0c0c0; } .dashbox__note--gift svg { fill: #8051d4; } @media (min-width: 768px) { .dashbox { margin-top: 30px; } } /*============================== Feature ==============================*/ .feature { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; position: relative; overflow: hidden; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #222227; } .feature__icon { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 46px; height: 46px; border-radius: 12px; background-color: rgba(37, 165, 106, 0.15); } .feature__icon svg { fill: #25a56a; width: auto; height: 26px; } .feature__icon--purple { background-color: rgba(128, 81, 212, 0.15); } .feature__icon--purple svg { fill: #8051d4; } .feature__icon--red { background-color: rgba(235, 87, 87, 0.15); } .feature__icon--red svg { fill: #eb5757; } .feature__icon--blue { background-color: rgba(47, 128, 237, 0.15); } .feature__icon--blue svg { fill: #2f80ed; } .feature__title { font-family: "Inter", sans-serif; font-size: 18px; font-weight: 400; color: #fff; margin-bottom: 0; margin-left: 15px; } .feature__text { display: block; width: 100%; font-size: 16px; line-height: 26px; color: #c0c0c0; margin-bottom: 0; margin-top: 15px; } .feature--last { border-bottom: none; padding-bottom: 0; } @media (min-width: 768px) { .feature { margin-top: 30px; padding-bottom: 0; border-bottom: none; } } @media (min-width: 1200px) { .feature { margin-top: 40px; } } /*============================== Step ==============================*/ .step { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; position: relative; overflow: hidden; width: 100%; margin-top: 20px; padding: 20px; border-radius: 12px; background-color: #16151a; border: 1px solid #222227; } .step__number { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 12px; width: 46px; height: 46px; font-family: "Inter", sans-serif; line-height: 100%; font-weight: 500; font-size: 20px; color: #25a56a; background-color: rgba(37, 165, 106, 0.15); } .step__title { font-family: "Inter", sans-serif; font-size: 18px; font-weight: 400; color: #fff; margin-bottom: 0; margin-left: 15px; } .step__text { display: block; width: 100%; font-size: 16px; line-height: 26px; color: #c0c0c0; margin-bottom: 0; margin-top: 15px; } @media (min-width: 768px) { .step { margin-top: 30px; } } /*============================== Plan ==============================*/ .plan { display: block; margin-top: 20px; padding: 20px; border-radius: 12px; background-color: #16151a; position: relative; overflow: hidden; border: 1px solid #222227; } .plan--red .plan__title { color: #eb5757; } .plan--red .plan__list li.green svg { fill: #eb5757; } .plan--red .plan__btn { color: #eb5757; } .plan--red .plan__btn:hover { background-color: #eb5757; } .plan--green .plan__title { color: #25a56a; } .plan--purple .plan__title { color: #8051d4; } .plan--purple .plan__list li.green svg { fill: #8051d4; } .plan--purple .plan__btn { color: #8051d4; } .plan--purple .plan__btn:hover { background-color: #8051d4; } .plan__title { position: relative; z-index: 2; font-size: 18px; color: #fff; line-height: 100%; display: block; font-weight: 500; margin-bottom: 15px; font-family: "Inter", sans-serif; } .plan__list { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; } .plan__list li { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 15px; font-size: 16px; color: #c0c0c0; } .plan__list li:last-child { margin-bottom: 0; } .plan__list li svg { width: 20px; height: auto; margin-right: 10px; } .plan__list li.red svg { fill: #c0c0c0; } .plan__list li.green { color: #fff; } .plan__list li.green svg { fill: #25a56a; } .plan__price { position: relative; z-index: 2; font-family: "Inter", sans-serif; font-weight: 500; font-size: 32px; color: #fff; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #222227; display: block; line-height: 100%; } .plan__price span { font-size: 16px; } .plan__btn { width: 100%; min-width: 140px; height: 50px; border-radius: 12px; background-color: #222227; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #25a56a; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; margin-top: 20px; } .plan__btn:hover { color: #fff; background-color: #25a56a; } @media (min-width: 768px) { .plan { margin-top: 30px; } .plan__btn { margin-top: 30px; } } /*============================== Contacts ==============================*/ .contacts__list { margin-top: 20px; } .contacts__list li { margin-bottom: 15px; } .contacts__list li:last-child { margin-bottom: 0; } .contacts__list a { font-size: 16px; color: #fff; font-family: "Inter", sans-serif; font-weight: 400; } .contacts__list a:hover { color: #25a56a; } .contacts__social { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%; } .contacts__social a { margin-top: 20px; margin-right: 15px; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 30px; height: 30px; position: relative; transition-property: all; } .contacts__social a svg { width: 100%; height: auto; } .contacts__social a:last-child { margin-right: 0; } .contacts__social a:hover { opacity: 1 !important; -webkit-filter: grayscale(0) !important; filter: grayscale(0) !important; } .contacts__social:hover a { opacity: 0.7; -webkit-filter: grayscale(0.7); filter: grayscale(0.7); } @media (min-width: 768px) { .contacts__social { margin-top: 10px; } } /*============================== Cart ==============================*/ .cart { position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; background-color: #16151a; width: 100%; padding: 0; border: 1px solid #222227; border-radius: 20px; min-height: 400px; margin-top: 20px; } .cart__table { width: 100%; min-width: 600px; } .cart__table th { font-size: 14px; font-weight: 400; color: #c0c0c0; line-height: 100%; padding: 0 20px 10px 0; } .cart__table th:last-child { width: 24px; padding: 0 0 10px 0; } .cart__table td { font-size: 16px; font-weight: 400; color: #fff; padding: 10px 20px 10px 0; } .cart__table td a { color: #fff; font-family: "Inter", sans-serif; font-weight: 400; } .cart__table td a:hover { color: #25a56a; } .cart__table td:last-child { width: 24px; padding: 10px 0; } .cart__table td:first-child { width: 100px; } .cart__img { width: 100px; height: auto; display: flex; flex-direction: row; justify-content: center; align-items: center; background-color: transparent; border-radius: 8px; overflow: hidden; } .cart__img img { width: 100px; height: auto; } .cart__delete { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 18px; height: 18px; } .cart__delete svg { fill: #c0c0c0; width: 18px; height: auto; transition: 0.5s ease; } .cart__delete:hover svg { fill: #25a56a; } .cart__price { font-size: 16px; color: #c0c0c0; font-family: "Inter", sans-serif; font-weight: 500; } .cart__price span { font-weight: 400; font-size: 12px; text-decoration: line-through; margin-left: 5px; color: #eb5757; } .cart__info { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; width: 100%; margin-top: 10px; padding: 10px 20px 20px; } .cart__total { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .cart__total p { font-size: 14px; color: #c0c0c0; margin-bottom: 10px; } .cart__total span { font-size: 28px; color: #fff; line-height: 100%; font-family: "Inter", sans-serif; font-weight: 500; } .cart__systems { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 24px; color: #c0c0c0; width: 100%; margin-top: 20px; } .cart__systems i { margin-right: 15px; } .cart__systems i:last-child { margin-right: 0; } .cart__promo { display: flex; flex-direction: row; justify-content: space-between; align-items: center; position: relative; width: 100%; margin-top: 20px; } .cart__promo .sign__btn { width: 80px; margin: 0; height: 40px; border-radius: 12px; } .cart__promo .sign__input { width: calc(100% - 90px); height: 40px; } .cart__amount { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; background-color: #222227; height: 36px; border-radius: 12px; padding: 0 10px; } .cart__amount input { width: 30px; height: 36px; border: none; text-align: center; background-color: transparent; font-size: 16px; color: #fff; font-family: "Inter", sans-serif; pointer-events: none; } .cart__amount button { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 24px; height: 36px; } .cart__amount button svg { width: 18px; height: auto; fill: #c0c0c0; transition: fill 0.5s ease; } .cart__amount button:hover svg { fill: #25a56a; } .cart__table-wrap { position: relative; display: block; width: 100%; overflow: auto; padding: 20px 20px 10px; } .cart__table-scroll { width: 100%; display: block; } @media (min-width: 768px) { .cart { margin-top: 30px; } .cart__table-wrap { padding: 25px 20px 10px; } .cart__table th { padding: 0 20px 15px 0; } .cart__table th:last-child { padding: 0 0 15px 0; } .cart__total { order: 1; } .cart__systems { margin-top: 0; width: auto; order: 2; margin-right: auto; margin-left: 20px; } .cart__promo { width: 250px; margin-top: 0; order: 3; } } @media (min-width: 1200px) { .cart__systems { margin-left: 40px; } } /*============================== Article ==============================*/ .article { display: block; position: relative; width: 100%; margin-top: 20px; } .article--page { margin-top: 0; } .article__category { display: inline-flex; flex-direction: row; justify-content: center; align-items: center; height: 30px; min-width: 70px; width: auto; color: #fff; font-size: 13px; background-color: #2f80ed; border-radius: 8px; padding: 0 15px; } .article__category:hover { color: #fff; background-color: #25a56a; } .article__date { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 13px; color: #c0c0c0; height: 30px; } .article__date svg { fill: #fff; width: 16px; height: auto; margin-right: 5px; } .article__place { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 14px; color: #c0c0c0; min-height: 30px; width: 100%; margin-bottom: 10px; } .article__place svg { fill: #fff; width: 18px; height: auto; margin-right: 5px; } .article__place:hover { color: #25a56a; } .article__content { position: relative; } .article__content img { display: block; width: 100%; height: auto; margin-bottom: 20px; border-radius: 12px; } .article__content iframe { display: block; width: 100%; height: 240px; margin-bottom: 20px; border-radius: 12px; border: none; } .article__content h1, .article__content h2, .article__content h3, .article__content h4, .article__content h5, .article__content h6 { font-family: "Inter", sans-serif; font-weight: 400; color: #fff; margin-bottom: 15px; line-height: 140%; } .article__content h1:last-child, .article__content h2:last-child, .article__content h3:last-child, .article__content h4:last-child, .article__content h5:last-child, .article__content h6:last-child { margin-bottom: 0; } .article__content h1 { font-size: 30px; } .article__content h2 { font-size: 28px; } .article__content h3 { font-size: 24px; } .article__content h4 { font-size: 22px; } .article__content h5 { font-size: 18px; } .article__content h6 { font-size: 16px; } .article__content p { display: block; font-size: 16px; line-height: 26px; font-weight: 400; color: #c0c0c0; margin-bottom: 20px; } .article__content p b { font-weight: 600; } .article__content p a { color: #25a56a; text-decoration: underline; } .article__content p a:hover, .article__content p a:focus { color: #25a56a; text-decoration: none; } .article__content p:last-child { margin-bottom: 0; } .article__content blockquote { display: block; position: relative; font-family: "Inter", sans-serif; padding: 0 0 0 20px; font-size: 16px; line-height: 28px; color: #fff; font-weight: 400; margin-bottom: 20px; } .article__content blockquote:before { content: ""; position: absolute; display: block; top: 2px; bottom: 2px; left: 0; width: 3px; background-color: #25a56a; border-radius: 3px; } .article__content blockquote:last-child { margin-bottom: 0; } .article__content ul { margin-bottom: 20px; display: block; } .article__content ul li { font-size: 16px; line-height: 28px; font-weight: 400; color: #c0c0c0; padding-left: 20px; position: relative; } .article__content ul li:before { content: ""; position: absolute; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #25a56a; left: 0; top: 50%; margin-top: -2px; } .article__content ul:last-child { margin-bottom: 0; } .article__meta { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; margin-bottom: 20px; } .article__price { font-size: 30px; line-height: 100%; color: #fff; display: block; width: 100%; font-family: "Inter", sans-serif; font-weight: 500; margin-bottom: 15px; } .article__amount { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; background-color: #222227; height: 36px; border-radius: 12px; padding: 0 10px; margin-bottom: 20px; } .article__amount input { width: 30px; height: 36px; border: none; text-align: center; background-color: transparent; font-size: 16px; color: #fff; font-family: "Inter", sans-serif; pointer-events: none; } .article__amount button { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 24px; height: 36px; } .article__amount button svg { width: 18px; height: auto; fill: #c0c0c0; transition: fill 0.5s ease; } .article__amount button:hover svg { fill: #25a56a; } .article__buy { width: 180px; height: 50px; border-radius: 12px; background-color: #25a56a; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; padding: 0 25px; margin-bottom: 20px; } .article__buy svg { fill: #fff; width: 28px; height: auto; margin-right: 7px; } .article__buy:hover { background-color: #222227; color: #25a56a; } .article__artist { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-bottom: 20px; } .article__artist img { height: auto; width: 200px !important; margin-right: 20px; border-radius: 12px; } .article__artist div { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .article__artist div h1 { margin-bottom: 0; } .article__artist div span { font-size: 14px; color: #c0c0c0; display: block; margin-bottom: 20px; } @media (min-width: 576px) { .article__content iframe { height: 280px; } } @media (min-width: 768px) { .article { margin-top: 30px; } .article--page { margin-top: 0; } .article__content h1 { font-size: 36px; } .article__content h2 { font-size: 32px; } .article__content h3 { font-size: 28px; } .article__content h4 { font-size: 24px; } .article__content h5 { font-size: 20px; } .article__content h6 { font-size: 18px; } .article__content iframe { height: 400px; } .article__meta { margin-bottom: 25px; } .article__place { margin-bottom: 0; width: auto; } .article__artist { flex-direction: row; } .article__artist img { margin-bottom: 0 !important; } .article__artist div { width: calc(100% - 220px); } .article__artist div span { margin-bottom: 30px; } } @media (min-width: 1200px) { .article--page { margin-top: 30px; } .article__content iframe { height: 460px; } } /*============================== Share ==============================*/ .share { margin-top: 10px; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%; } .share__link { margin-top: 20px; margin-right: 20px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 0 15px; height: 30px; border-radius: 8px; color: #fff; font-size: 14px; background-color: #25a56a; } .share__link svg { fill: #fff; margin-right: 10px; margin-top: 1px; } .share__link:last-child { margin-right: 0; } .share__link--fb { background-color: #3b5998; } .share__link--tw { background-color: #55acee; } .share__link--vk { background-color: #4c6c91; } .share__link:hover { background-color: #25a56a; color: #fff; } /*============================== Comments ==============================*/ .comments { margin-top: 50px; padding-top: 50px; border-top: 1px solid #222227; } .comments__title { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; margin-bottom: 30px; } .comments__title h4 { color: #fff; font-weight: 400; font-size: 24px; line-height: 100%; margin-bottom: 0; position: relative; font-family: "Inter", sans-serif; } .comments__title span { display: flex; flex-direction: row; justify-content: center; align-items: center; width: auto; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 4px; background-color: #25a56a; font-size: 12px; color: #fff; font-weight: 400; margin-left: 10px; } .comments__title--tabs li { position: relative; margin-right: 20px; } .comments__title--tabs li:last-child { margin-right: 0; } .comments__title--tabs a { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; opacity: 0.5; transition: opacity 0.4s linear; } .comments__title--tabs a:hover { opacity: 1; } .comments__title--tabs a.active { opacity: 1; cursor: default; } .comments__autor { display: block; position: relative; padding-left: 55px; margin-bottom: 20px; } .comments__avatar { position: absolute; top: 0; left: 0; width: 40px; border-radius: 8px; } .comments__name { display: block; font-size: 16px; color: #fff; line-height: 20px; font-weight: 400; font-family: "Inter", sans-serif; } .comments__time { display: block; font-size: 12px; color: #c0c0c0; line-height: 20px; font-weight: 400; } .comments__text { display: block; margin-bottom: 0; color: #c0c0c0; font-size: 16px; line-height: 26px; padding: 20px 0; position: relative; border-top: 1px solid #222227; border-bottom: 1px solid #222227; } .comments__text b { font-weight: 600; } .comments__text a { color: #25a56a; } .comments__text a:hover { color: #25a56a; text-decoration: underline; } .comments__text span { display: block; margin-bottom: 20px; padding: 20px; position: relative; min-height: 80px; border-radius: 12px; color: #c0c0c0; background-color: #222227; } .comments__item { margin-bottom: 20px; display: block; background-color: #16151a; border: 1px solid #222227; padding: 20px; border-radius: 12px; } .comments__item--answer, .comments__item--quote { margin-left: 20px; } .comments__actions { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; padding: 20px 0 0; position: relative; } .comments__actions button { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-right: 20px; height: 20px; } .comments__actions button span { font-size: 12px; color: #c0c0c0; text-transform: uppercase; transition: color 0.5s ease; display: none; } .comments__actions button svg { width: 16px; height: auto; fill: #c0c0c0; transition: fill 0.5s ease; } .comments__actions button:hover span { color: #fff; } .comments__actions button:hover svg { fill: #25a56a; } .comments__actions button:last-child { margin-right: 0; } .comments__actions button:last-child svg { width: 18px; } .comments__rate { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; position: absolute; left: 0; top: 20px; } .comments__rate button { display: flex; flex-direction: row; justify-content: center; align-items: center; color: #c0c0c0; font-size: 14px; margin-right: 24px; position: relative; height: 20px; } .comments__rate button svg { width: 16px; height: auto; opacity: 0.6; transition: 0.5s ease; margin-top: 1px; } .comments__rate button:last-child { margin-right: 0; } .comments__rate button:last-child svg { margin-left: 8px; fill: #eb5757; width: 16px; } .comments__rate button:first-child svg { margin-right: 8px; fill: #25a56a; width: 16px; } .comments__rate button:first-child:before { content: ""; position: absolute; display: block; left: 100%; margin-left: 12px; width: 1px; height: 16px; background-color: #222227; top: 50%; transform: translateY(-50%); } .comments__rate button:hover { color: #fff; } .comments__rate button:hover svg { opacity: 1; } .comments__form { border-radius: 12px; padding: 20px; border: 1px solid #222227; background-color: #16151a; margin-top: 30px; } .comments__form .row { margin-left: -10px; margin-right: -10px; } .comments__form .col-12 { padding-left: 10px; padding-right: 10px; } .comments__form .sign__btn { margin: 0; } @media (min-width: 576px) { .comments__actions button span { display: block; margin-left: 6px; } .comments__form .sign__btn { width: 180px; } } @media (min-width: 768px) { .comments { margin-top: 60px; padding-top: 60px; } .comments__item--answer, .comments__item--quote { margin-left: 30px; } .comments__title--tabs li { margin-right: 30px; } .comments__title--tabs li:last-child { margin-right: 0; } } /*============================== Footer ==============================*/ .footer { background-color: #222227; padding: 30px 0 20px; position: relative; overflow: hidden; } .footer__logo { margin-top: 60px; } .footer__logo img { width: 100px; height: auto; } .footer__tagline { margin-top: 15px; display: block; font-size: 14px; line-height: 24px; color: #c0c0c0; margin-bottom: 0; } .footer__links { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-top: 5px; } .footer__links a { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-top: 10px; color: #c0c0c0; font-size: 16px; } .footer__links a svg { width: 20px; height: auto; fill: #25a56a; margin-right: 10px; } .footer__links a:hover { color: #25a56a; } .footer__social { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%; } .footer__social a { margin-top: 20px; margin-right: 15px; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 30px; height: 30px; position: relative; transition-property: all; } .footer__social a svg { width: 100%; height: auto; } .footer__social a:last-child { margin-right: 0; } .footer__social a:hover { opacity: 1 !important; -webkit-filter: grayscale(0) !important; filter: grayscale(0) !important; } .footer__social:hover a { opacity: 0.6; -webkit-filter: grayscale(0.6); filter: grayscale(0.6); } .footer__content { margin-top: 60px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .footer__copyright { display: block; font-size: 14px; color: #c0c0c0; margin-top: 20px; } .footer__copyright a { color: #c0c0c0; } .footer__copyright a:hover { color: #25a56a; } .footer__title { display: block; margin-top: 30px; font-size: 16px; color: #fff; font-family: "Inter", sans-serif; font-weight: 500; margin-bottom: 15px; } .footer__nav { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .footer__nav a { font-size: 15px; line-height: 24px; margin-bottom: 10px; color: #c0c0c0; } .footer__nav a:last-child { margin-bottom: 0; } .footer__nav a:hover { color: #25a56a; } @media (min-width: 576px) { .footer { padding: 30px 15px 20px; } } @media (min-width: 768px) { .footer { padding: 20px 15px 25px; } .footer__content { margin-top: 70px; padding-top: 25px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; } .footer__logo { margin-top: 50px; } .footer__title { margin-top: 50px; } .footer__social { width: auto; order: 2; } .footer__social a { margin-top: 0; } .footer__copyright { margin-top: 0; order: 1; } } @media (min-width: 1200px) { .footer { padding-left: 295px; padding-right: 15px; } .footer__social { display: inline-flex; width: auto; } } /*============================== Sign ==============================*/ .sign { display: block; position: relative; } .sign__content { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; height: auto; padding: 20px 0 0; } .sign__form { background-color: #16151a; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 12px; padding: 30px 20px; position: relative; width: 100%; max-width: 420px; border: 1px solid #222227; } .sign__form--contacts, .sign__form--profile, .sign__form--cart { margin-top: 20px; max-width: 100%; padding: 20px 20px 5px; align-items: flex-start; } .sign__form--contacts .sign__btn, .sign__form--profile .sign__btn, .sign__form--cart .sign__btn { margin: 0 0 15px; } .sign__form--contacts .row, .sign__form--profile .row, .sign__form--cart .row { margin-left: -10px; margin-right: -10px; } .sign__form--contacts .col-12, .sign__form--profile .col-12, .sign__form--cart .col-12 { padding-left: 10px; padding-right: 10px; } .sign__form--profile .sign__btn { margin: 5px 0 15px; } .sign__logo { display: block; margin-bottom: 30px; } .sign__logo a { max-width: 100%; width: auto; } .sign__logo img { width: 100px; } .sign__title { font-size: 16px; font-weight: 500; font-family: "Inter", sans-serif; color: #fff; margin-bottom: 20px; } .sign__label { font-weight: 400; font-size: 14px; color: #c0c0c0; margin-bottom: 5px; padding-left: 20px; } .sign__label b { font-weight: 600; color: #fff; } .sign__input { background-color: #222227; border: 1px solid transparent; border-radius: 12px; height: 46px; position: relative; color: #fff; font-size: 16px; width: 100%; padding: 0 20px; font-family: "Inter", sans-serif; } .sign__input:focus { border-color: #25a56a; } .sign__select { background: url("../img/arrow2.svg") no-repeat center right 20px #222227; background-size: 18px auto; border: 1px solid transparent; border-radius: 12px; height: 46px; position: relative; color: #fff; font-size: 16px; width: 100%; padding: 0 20px; cursor: pointer; font-family: "Inter", sans-serif; } .sign__select:focus { border-color: #25a56a; } .sign__textarea { background-color: #222227; border: 1px solid transparent; border-radius: 12px; height: 144px; position: relative; color: #fff; font-size: 16px; width: 100%; padding: 15px 20px; resize: none; font-family: "Inter", sans-serif; } .sign__textarea:focus { border-color: #25a56a; } .sign__group { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; flex-wrap: wrap; position: relative; margin-bottom: 20px; width: 100%; } .sign__group--row .sign__label { padding-left: 0; } .sign__group--checkbox { width: 100%; text-align: left; } .sign__group--checkbox input:not(:checked), .sign__group--checkbox input:checked { position: absolute; left: -9999px; } .sign__group--checkbox input:not(:checked)+label, .sign__group--checkbox input:checked+label { font-size: 14px; color: #c0c0c0; font-weight: normal; position: relative; cursor: pointer; padding-left: 35px; line-height: 22px; margin: 0; } .sign__group--checkbox input:not(:checked)+label a, .sign__group--checkbox input:checked+label a { color: #25a56a; } .sign__group--checkbox input:not(:checked)+label a:hover, .sign__group--checkbox input:checked+label a:hover { color: #25a56a; text-decoration: underline; } .sign__group--checkbox input:not(:checked)+label:before, .sign__group--checkbox input:checked+label:before { content: ""; position: absolute; left: 0; top: 0; width: 22px; height: 22px; background-color: #222227; border: 1px solid transparent; border-radius: 6px; } .sign__group--checkbox input:not(:checked)+label:after, .sign__group--checkbox input:checked+label:after { content: ""; position: absolute; left: 0; top: 0; width: 22px; height: 22px; text-align: center; transition: 0.5s ease; background: url("../img/checkmark.svg") no-repeat center/20px auto; border-radius: 6px; } .sign__group--checkbox input:not(:checked)+label:after { opacity: 0; transform: scale(0); } .sign__group--checkbox input:checked+label:after { opacity: 1; transform: scale(1); } .sign__group--checkbox label::-moz-selection { background: transparent; color: #c0c0c0; } .sign__group--checkbox label::selection { background: transparent; color: #c0c0c0; } .sign__btn { width: 100%; height: 50px; border-radius: 12px; background-color: #25a56a; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; margin: 15px auto; } .sign__btn:hover { color: #fff; background-color: #222227; } .sign__text { margin-top: 15px; font-size: 14px; line-height: 24px; color: #fff; width: 100%; text-align: center; } .sign__text:first-child { margin-top: 0; } .sign__text a { position: relative; color: #25a56a; } .sign__text a:hover { color: #25a56a; text-decoration: underline; } .sign__text--small { font-size: 13px; line-height: 20px; text-align: left; } .sign__delimiter { font-size: 14px; color: #c0c0c0; line-height: 100%; width: 100%; display: block; text-align: center; } .sign__social { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 15px; margin-top: 15px; } .sign__social a { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 46px; width: calc(33% - 10px); border-radius: 12px; color: #fff; } .sign__social a svg { height: auto; fill: #fff; transition: 0.5s ease; } .sign__social a.fb { background-color: #3b5999; } .sign__social a.fb svg { width: 10px; } .sign__social a.gl { background-color: #df4a32; } .sign__social a.gl svg { width: 18px; } .sign__social a.tw { background-color: #1da1f2; } .sign__social a.tw svg { width: 20px; } .sign__social a:hover { background-color: #c0c0c0; } .sign__social a:hover.fb svg { fill: #3b5999; } .sign__social a:hover.gl svg { fill: #df4a32; } .sign__social a:hover.tw svg { fill: #1da1f2; } .sign__value { font-size: 24px; color: #fff; display: block; font-weight: 500; margin-left: 10px; font-family: "Inter", sans-serif; } .sign__radio { position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-top: 5px; } .sign__radio li { position: relative; overflow: hidden; margin-bottom: 10px; } .sign__radio li:last-child { margin-bottom: 0; } .sign__radio input:not(:checked), .sign__radio input:checked { position: absolute; left: -9999px; } .sign__radio label { display: block; margin: 0; position: relative; font-weight: 400; cursor: pointer; font-size: 16px; color: #c0c0c0; line-height: 24px; padding-left: 32px; transition: 0.5s ease; } .sign__radio label:before { content: ""; display: block; position: absolute; width: 20px; height: 20px; border: 6px solid #222227; background-color: transparent; border-radius: 50%; left: 0; top: 2px; transition: 0.5s ease; } .sign__radio label:hover { color: #fff; } .sign__radio input:checked+label { color: #fff; } .sign__radio input:checked+label:before { border-color: #25a56a; } @media (min-width: 576px) { .sign__form { padding: 40px; } .sign__form--contacts, .sign__form--profile, .sign__form--cart { padding: 20px 20px 5px; } .sign__logo { margin-bottom: 40px; } } @media (min-width: 768px) { .sign__form--contacts, .sign__form--profile { margin-top: 30px; } .sign__form--contacts .sign__btn, .sign__form--profile .sign__btn { margin: 10px 0 15px; } .sign__form--cart { margin-top: 30px; } .sign__form--cart .sign__btn { margin-top: 10px; } .sign__content { padding: 30px 0 0; } } @media (min-width: 992px) { .sign__form--profile .sign__btn { width: 180px; } } /*============================== Page 404 ==============================*/ .page-404 { display: block; position: relative; } .page-404__wrap { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; height: auto; padding: 20px 0 0; } .page-404__content { background-color: #16151a; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 12px; padding: 20px; position: relative; width: 100%; max-width: 420px; border: 1px solid #222227; } .page-404__title { position: relative; color: #fff; line-height: 100%; font-size: 100px; margin-bottom: 10px; font-weight: 500; font-family: "Inter", sans-serif; } .page-404__text { text-align: center; display: block; width: 100%; color: #c0c0c0; font-size: 16px; line-height: 24px; margin-bottom: 30px; } .page-404__btn { width: 100%; height: 50px; border-radius: 12px; background-color: #25a56a; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; margin: 0 auto; } .page-404__btn:hover { color: #fff; background-color: #222227; } @media (min-width: 576px) { .page-404__content { padding: 40px; } } @media (min-width: 768px) { .page-404__wrap { padding: 30px 0 0; } } .mfp-bg { background: rgba(34, 34, 39, 0.75); } .mfp-container { padding: 0 15px !important; } .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; transition: all 0.4s ease-in-out; transform: scale(0.8); } .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; transform: scale(1); } .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 1; } .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { transform: scale(0.8); opacity: 0; } .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } .my-mfp-zoom-in.mfp-bg { opacity: 0; transition: opacity 0.4s ease-out; } .mfp-iframe-scaler iframe { border-radius: 12px; box-shadow: none; background-color: #16151a; } .mfp-iframe-holder .mfp-close { color: transparent; transition: opacity 0.4s; } .mfp-iframe-holder .mfp-close:before { content: ""; position: absolute; top: 0; right: 0; width: 30px; height: 44px; background: url("../img/close.svg") no-repeat center; background-size: 30px auto; } .mfp-iframe-holder .mfp-content { max-width: 910px; } .mfp-figure::after { box-shadow: none; background-color: #222227; } .mfp-fade.mfp-bg { opacity: 0; transition: all 0.4s ease-in-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 1; } .mfp-fade.mfp-bg.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-bg.mfp-removing .mfp-content { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all 0.4s ease-in-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /*============================== Slider radio ==============================*/ .slider-radio { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; background-color: #222227; padding: 5px 0; border-radius: 12px; margin-top: 10px; position: relative; width: 100%; z-index: 2; } .slider-radio label { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 30px; padding: 0 15px; font-size: 14px; color: #c0c0c0; margin-bottom: 0; cursor: pointer; border-radius: 10px; margin: 0 5px; position: relative; z-index: 100; transition: color 0.5s; font-family: "Inter", sans-serif; font-weight: 400; } .slider-radio label:hover { color: #fff; } .slider-radio .sliding-piece { border-radius: 10px; background-color: #25a56a; z-index: 99; } .slider-radio input[type="radio"]:checked+label { color: #fff; background-color: #25a56a; } @media (min-width: 768px) { .slider-radio { margin-left: auto; margin-top: 0; width: auto; } } /*============================== Select2 ==============================*/ .select2-container { width: auto !important; margin-right: 30px; } .select2-container .select2-selection--single { height: 40px; background-color: transparent; border-radius: 0; border: none; } .select2-container .select2-selection--single .select2-selection__rendered { line-height: 40px; color: #fff; padding: 0 18px 0 0; font-size: 14px; font-family: "Inter", sans-serif; font-weight: 400; transition: 0.5s ease; } .select2-container .select2-selection--single[aria-expanded="true"] { background-color: transparent; } .select2-container .select2-selection--single:hover .select2-selection__rendered { color: #25a56a; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 20px; width: 18px; top: 10px; right: 0; background: url("../img/arrow.svg") no-repeat center right; background-size: 18px auto; margin-top: 1px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #25a56a; color: #fff; white-space: nowrap; } .select2-container--default .select2-results__option--selected { color: #fff; background-color: #25a56a; cursor: default; } .select2-container--default .select2-results__option[aria-selected="true"] { background-color: transparent; color: #25a56a; cursor: default; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: transparent; color: #25a56a; } .select2-results__option { padding: 0 0; font-size: 14px; font-family: "Inter", sans-serif; font-weight: 400; color: #fff; height: 40px; line-height: 40px; transition: 0.5s ease; } .select2-dropdown { border-left: none; border-right: none; border-bottom: none; border-top: none; border-radius: 12px !important; min-width: 180px; padding: 5px 0 5px 15px; background-color: #222227; } .select2-container--open .select2-dropdown--below { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } .select2-container--open .select2-dropdown--above { border-top-left-radius: 12px; border-top-right-radius: 12px; } /*============================== Scrollbar-track ==============================*/ .scrollbar-track-y { background: #222227 !important; top: 0px !important; bottom: 0px !important; height: auto !important; width: 4px !important; border-radius: 4px !important; right: 0px !important; overflow: hidden; } .scrollbar-thumb-y { background: #25a56a !important; width: 4px !important; border-radius: 4px !important; } .scrollbar-track-x { background: #222227 !important; left: 0px !important; right: 0px !important; height: 4px !important; width: auto !important; border-radius: 4px !important; bottom: 0px !important; overflow: hidden; } .scrollbar-thumb-x { background: #25a56a !important; height: 4px !important; border-radius: 4px !important; } @keyframes plyr-progress { to { background-position: 25px 0; background-position: var(--plyr-progress-loading-size, 25px) 0; } } @keyframes plyr-popup { 0% { opacity: 0.5; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @keyframes plyr-fade-in { from { opacity: 0; } to { opacity: 1; } } .plyr { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; align-items: center; direction: ltr; display: flex; flex-direction: column; font-family: inherit; font-family: var(--plyr-font-family, inherit); font-variant-numeric: tabular-nums; font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); line-height: 1.7; line-height: var(--plyr-line-height, 1.7); max-width: 100%; min-width: 200px; position: relative; text-shadow: none; transition: box-shadow 0.3s ease; z-index: 0; } .plyr audio, .plyr iframe, .plyr video { display: block; height: 100%; width: 100%; } .plyr button { font: inherit; line-height: inherit; width: auto; } .plyr:focus { outline: 0; } .plyr--full-ui { box-sizing: border-box; } .plyr--full-ui *, .plyr--full-ui ::after, .plyr--full-ui ::before { box-sizing: inherit; } .plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label { touch-action: manipulation; } .plyr__badge { background: #4a5464; background: var(--plyr-badge-background, #4a5464); border-radius: 2px; border-radius: var(--plyr-badge-border-radius, 2px); color: #fff; color: var(--plyr-badge-text-color, #fff); font-size: 9px; font-size: var(--plyr-font-size-badge, 9px); line-height: 1; padding: 3px 4px; } .plyr--full-ui ::-webkit-media-text-track-container { display: none; } .plyr__captions { animation: plyr-fade-in 0.3s ease; bottom: 0; display: none; font-size: 13px; font-size: var(--plyr-font-size-small, 13px); left: 0; padding: 10px; padding: var(--plyr-control-spacing, 10px); position: absolute; text-align: center; transition: transform 0.4s ease-in-out; width: 100%; } .plyr__captions span:empty { display: none; } @media (min-width: 480px) { .plyr__captions { font-size: 15px; font-size: var(--plyr-font-size-base, 15px); padding: calc(10px * 2); padding: calc(var(--plyr-control-spacing, 10px) * 2); } } @media (min-width: 768px) { .plyr__captions { font-size: 18px; font-size: var(--plyr-font-size-large, 18px); } } .plyr--captions-active .plyr__captions { display: block; } .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions { transform: translateY(calc(10px * -4)); transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4)); } .plyr__caption { background: rgba(0, 0, 0, 0.8); background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8)); border-radius: 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; color: #fff; color: var(--plyr-captions-text-color, #fff); line-height: 185%; padding: 0.2em 0.5em; white-space: pre-wrap; } .plyr__caption div { display: inline; } .plyr__control { background: 0 0; border: 0; border-radius: 3px; border-radius: var(--plyr-control-radius, 3px); color: inherit; cursor: pointer; flex-shrink: 0; overflow: visible; padding: calc(10px * 0.7); padding: calc(var(--plyr-control-spacing, 10px) * 0.7); position: relative; transition: all 0.3s ease; } .plyr__control svg { display: block; fill: currentColor; height: 18px; height: var(--plyr-control-icon-size, 18px); pointer-events: none; width: 18px; width: var(--plyr-control-icon-size, 18px); } .plyr__control:focus { outline: 0; } .plyr__control.plyr__tab-focus { outline-color: #00b3ff; outline-color: var( --plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px; } a.plyr__control { text-decoration: none; } a.plyr__control::after, a.plyr__control::before { display: none; } .plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed { display: none; } .plyr--full-ui ::-webkit-media-controls { display: none; } .plyr__controls { align-items: center; display: flex; justify-content: flex-end; text-align: center; } .plyr__controls .plyr__progress__container { flex: 1; min-width: 0; } .plyr__controls .plyr__controls__item { margin-left: calc(10px / 4); margin-left: calc(var(--plyr-control-spacing, 10px) / 4); } .plyr__controls .plyr__controls__item:first-child { margin-left: 0; margin-right: auto; } .plyr__controls .plyr__controls__item.plyr__progress__container { padding-left: calc(10px / 4); padding-left: calc(var(--plyr-control-spacing, 10px) / 4); } .plyr__controls .plyr__controls__item.plyr__time { padding: 0 calc(10px / 2); padding: 0 calc(var(--plyr-control-spacing, 10px) / 2); } .plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time+.plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child { padding-left: 0; } .plyr__controls:empty { display: none; } .plyr [data-plyr="airplay"], .plyr [data-plyr="captions"], .plyr [data-plyr="fullscreen"], .plyr [data-plyr="pip"] { display: none; } .plyr--airplay-supported [data-plyr="airplay"], .plyr--captions-enabled [data-plyr="captions"], .plyr--fullscreen-enabled [data-plyr="fullscreen"], .plyr--pip-supported [data-plyr="pip"] { display: inline-block; } .plyr__menu { display: flex; position: relative; } .plyr__menu .plyr__control svg { transition: transform 0.3s ease; } .plyr__menu .plyr__control[aria-expanded="true"] svg { transform: rotate(90deg); } .plyr__menu .plyr__control[aria-expanded="true"] .plyr__tooltip { display: none; } .plyr__menu__container { animation: plyr-popup 0.2s ease; background: rgba(255, 255, 255, 0.9); background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9)); border-radius: 4px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); color: #4a5464; color: var(--plyr-menu-color, #4a5464); font-size: 15px; font-size: var(--plyr-font-size-base, 15px); margin-bottom: 10px; position: absolute; right: -3px; text-align: left; white-space: nowrap; z-index: 3; } .plyr__menu__container>div { overflow: hidden; transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); } .plyr__menu__container::after { border: 4px solid transparent; border: var(--plyr-menu-arrow-size, 4px) solid transparent; border-top-color: rgba(255, 255, 255, 0.9); border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9)); content: ""; height: 0; position: absolute; right: calc(((18px / 2)+calc(10px * 0.7)) - (4px / 2)); right: calc( ( (var(--plyr-control-icon-size, 18px) / 2)+calc(var(--plyr-control-spacing, 10px) * 0.7)) - (var(--plyr-menu-arrow-size, 4px) / 2)); top: 100%; width: 0; } .plyr__menu__container [role="menu"] { padding: calc(10px * 0.7); padding: calc(var(--plyr-control-spacing, 10px) * 0.7); } .plyr__menu__container [role="menuitem"], .plyr__menu__container [role="menuitemradio"] { margin-top: 2px; } .plyr__menu__container [role="menuitem"]:first-child, .plyr__menu__container [role="menuitemradio"]:first-child { margin-top: 0; } .plyr__menu__container .plyr__control { align-items: center; color: #4a5464; color: var(--plyr-menu-color, #4a5464); display: flex; font-size: 13px; font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px)); padding-bottom: calc(calc(10px * 0.7) / 1.5); padding-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5); padding-left: calc(calc(10px * 0.7) * 1.5); padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5); padding-right: calc(calc(10px * 0.7) * 1.5); padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5); padding-top: calc(calc(10px * 0.7) / 1.5); padding-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5); -webkit-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .plyr__menu__container .plyr__control>span { align-items: inherit; display: flex; width: 100%; } .plyr__menu__container .plyr__control::after { border: 4px solid transparent; border: var(--plyr-menu-item-arrow-size, 4px) solid transparent; content: ""; position: absolute; top: 50%; transform: translateY(-50%); } .plyr__menu__container .plyr__control--forward { padding-right: calc(calc(10px * 0.7) * 4); padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4); } .plyr__menu__container .plyr__control--forward::after { border-left-color: #728197; border-left-color: var(--plyr-menu-arrow-color, #728197); right: calc((calc(10px * 0.7) * 1.5) - 4px); right: calc( (calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px)); } .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after { border-left-color: currentColor; } .plyr__menu__container .plyr__control--back { font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); margin: calc(10px * 0.7); margin: calc(var(--plyr-control-spacing, 10px) * 0.7); margin-bottom: calc(calc(10px * 0.7) / 2); margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2); padding-left: calc(calc(10px * 0.7) * 4); padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4); position: relative; width: calc(100% - (calc(10px * 0.7) * 2)); width: calc(100% - (calc(var(--plyr-control-spacing, 10px) * 0.7) * 2)); } .plyr__menu__container .plyr__control--back::after { border-right-color: #728197; border-right-color: var(--plyr-menu-arrow-color, #728197); left: calc((calc(10px * 0.7) * 1.5) - 4px); left: calc( (calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px)); } .plyr__menu__container .plyr__control--back::before { background: #dcdfe5; background: var(--plyr-menu-back-border-color, #dcdfe5); box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff); content: ""; height: 1px; left: 0; margin-top: calc(calc(10px * 0.7) / 2); margin-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2); overflow: hidden; position: absolute; right: 0; top: 100%; } .plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after { border-right-color: currentColor; } .plyr__menu__container .plyr__control[role="menuitemradio"] { padding-left: calc(10px * 0.7); padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7); } .plyr__menu__container .plyr__control[role="menuitemradio"]::after, .plyr__menu__container .plyr__control[role="menuitemradio"]::before { border-radius: 100%; } .plyr__menu__container .plyr__control[role="menuitemradio"]::before { background: rgba(0, 0, 0, 0.1); content: ""; display: block; flex-shrink: 0; height: 16px; margin-right: 10px; margin-right: var(--plyr-control-spacing, 10px); transition: all 0.3s ease; width: 16px; } .plyr__menu__container .plyr__control[role="menuitemradio"]::after { background: #fff; border: 0; height: 6px; left: 12px; opacity: 0; top: 50%; transform: translateY(-50%) scale(0); transition: transform 0.3s ease, opacity 0.3s ease; width: 6px; } .plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::before { background: #00b3ff; background: var( --plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); } .plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::after { opacity: 1; transform: translateY(-50%) scale(1); } .plyr__menu__container .plyr__control[role="menuitemradio"].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role="menuitemradio"]:hover::before { background: rgba(35, 40, 47, 0.1); } .plyr__menu__container .plyr__menu__value { align-items: center; display: flex; margin-left: auto; margin-right: calc((calc(10px * 0.7) - 2) * -1); margin-right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) - 2) * -1); overflow: hidden; padding-left: calc(calc(10px * 0.7) * 3.5); padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 3.5); pointer-events: none; } .plyr--full-ui input[type="range"] { -webkit-appearance: none; background: 0 0; border: 0; border-radius: calc(13px * 2); border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2); color: #00b3ff; color: var( --plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); display: block; height: calc((3px * 2)+13px); height: calc( (var(--plyr-range-thumb-active-shadow-width, 3px) * 2)+var(--plyr-range-thumb-height, 13px)); margin: 0; min-width: 0; padding: 0; transition: box-shadow 0.3s ease; width: 100%; } .plyr--full-ui input[type="range"]::-webkit-slider-runnable-track { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -webkit-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -webkit-user-select: none; user-select: none; background-image: linear-gradient(to right, currentColor 0, transparent 0); background-image: linear-gradient( to right, currentColor var(--value, 0), transparent var(--value, 0)); } .plyr--full-ui input[type="range"]::-webkit-slider-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)); height: 13px; height: var(--plyr-range-thumb-height, 13px); position: relative; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px); -webkit-appearance: none; margin-top: calc(((13px - 5px) / 2) * -1); margin-top: calc( ( ( var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2) * -1); } .plyr--full-ui input[type="range"]::-moz-range-track { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -moz-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; user-select: none; } .plyr--full-ui input[type="range"]::-moz-range-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)); height: 13px; height: var(--plyr-range-thumb-height, 13px); position: relative; -moz-transition: all 0.2s ease; transition: all 0.2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px); } .plyr--full-ui input[type="range"]::-moz-range-progress { background: currentColor; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); } .plyr--full-ui input[type="range"]::-ms-track { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -ms-user-select: none; user-select: none; color: transparent; } .plyr--full-ui input[type="range"]::-ms-fill-upper { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -ms-user-select: none; user-select: none; } .plyr--full-ui input[type="range"]::-ms-fill-lower { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -ms-user-select: none; user-select: none; background: currentColor; } .plyr--full-ui input[type="range"]::-ms-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)); height: 13px; height: var(--plyr-range-thumb-height, 13px); position: relative; -ms-transition: all 0.2s ease; transition: all 0.2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px); margin-top: 0; } .plyr--full-ui input[type="range"]::-ms-tooltip { display: none; } .plyr--full-ui input[type="range"]:focus { outline: 0; } .plyr--full-ui input[type="range"]::-moz-focus-outer { border: 0; } .plyr--full-ui input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track { outline-color: #00b3ff; outline-color: var( --plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px; } .plyr--full-ui input[type="range"].plyr__tab-focus::-moz-range-track { outline-color: #00b3ff; outline-color: var( --plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px; } .plyr--full-ui input[type="range"].plyr__tab-focus::-ms-track { outline-color: #00b3ff; outline-color: var( --plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px; } .plyr__poster { background-color: #000; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity 0.2s ease; width: 100%; z-index: 1; } .plyr--stopped.plyr__poster-enabled .plyr__poster { opacity: 1; } .plyr__time { font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); } .plyr__time+.plyr__time::before { content: "\2044"; margin-right: 10px; margin-right: var(--plyr-control-spacing, 10px); } @media (max-width: calc(768px - 1px)) { .plyr__time+.plyr__time { display: none; } } .plyr__tooltip { background: rgba(255, 255, 255, 0.9); background: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); border-radius: 3px; border-radius: var(--plyr-tooltip-radius, 3px); bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); color: #4a5464; color: var(--plyr-tooltip-color, #4a5464); font-size: 13px; font-size: var(--plyr-font-size-small, 13px); font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); left: 50%; line-height: 1.3; margin-bottom: calc(calc(10px / 2) * 2); margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2); opacity: 0; padding: calc(10px / 2) calc(calc(10px / 2) * 1.5); padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(calc(var(--plyr-control-spacing, 10px) / 2) * 1.5); pointer-events: none; position: absolute; transform: translate(-50%, 10px) scale(0.8); transform-origin: 50% 100%; transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; white-space: nowrap; z-index: 2; } .plyr__tooltip::before { border-left: 4px solid transparent; border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-right: 4px solid transparent; border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.9); border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); bottom: calc(4px * -1); bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1); content: ""; height: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0; z-index: 2; } .plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible { opacity: 1; transform: translate(-50%, 0) scale(1); } .plyr .plyr__control:hover .plyr__tooltip { z-index: 3; } .plyr__controls>.plyr__control:first-child .plyr__tooltip, .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip { left: 0; transform: translate(0, 10px) scale(0.8); transform-origin: 0 100%; } .plyr__controls>.plyr__control:first-child .plyr__tooltip::before, .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before { left: calc((18px / 2)+calc(10px * 0.7)); left: calc( (var(--plyr-control-icon-size, 18px) / 2)+calc(var(--plyr-control-spacing, 10px) * 0.7)); } .plyr__controls>.plyr__control:last-child .plyr__tooltip { left: auto; right: 0; transform: translate(0, 10px) scale(0.8); transform-origin: 100% 100%; } .plyr__controls>.plyr__control:last-child .plyr__tooltip::before { left: auto; right: calc((18px / 2)+calc(10px * 0.7)); right: calc( (var(--plyr-control-icon-size, 18px) / 2)+calc(var(--plyr-control-spacing, 10px) * 0.7)); transform: translateX(50%); } .plyr__controls>.plyr__control:first-child .plyr__tooltip--visible, .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible, .plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip, .plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls>.plyr__control:first-child:hover .plyr__tooltip, .plyr__controls>.plyr__control:last-child .plyr__tooltip--visible, .plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls>.plyr__control:last-child:hover .plyr__tooltip { transform: translate(0, 0) scale(1); } .plyr__progress { left: calc(13px * 0.5); left: calc(var(--plyr-range-thumb-height, 13px) * 0.5); margin-right: 13px; margin-right: var(--plyr-range-thumb-height, 13px); position: relative; } .plyr__progress input[type="range"], .plyr__progress__buffer { margin-left: calc(13px * -0.5); margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5); margin-right: calc(13px * -0.5); margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5); width: calc(100%+13px); width: calc(100%+var(--plyr-range-thumb-height, 13px)); } .plyr__progress input[type="range"] { position: relative; z-index: 2; } .plyr__progress .plyr__tooltip { font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); left: 0; } .plyr__progress__buffer { -webkit-appearance: none; background: 0 0; border: 0; border-radius: 100px; height: 5px; height: var(--plyr-range-track-height, 5px); left: 0; margin-top: calc((5px / 2) * -1); margin-top: calc((var(--plyr-range-track-height, 5px) / 2) * -1); padding: 0; position: absolute; top: 50%; } .plyr__progress__buffer::-webkit-progress-bar { background: 0 0; } .plyr__progress__buffer::-webkit-progress-value { background: currentColor; border-radius: 100px; min-width: 5px; min-width: var(--plyr-range-track-height, 5px); -webkit-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr__progress__buffer::-moz-progress-bar { background: currentColor; border-radius: 100px; min-width: 5px; min-width: var(--plyr-range-track-height, 5px); -moz-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr__progress__buffer::-ms-fill { border-radius: 100px; -ms-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr--loading .plyr__progress__buffer { animation: plyr-progress 1s linear infinite; background-image: linear-gradient( -45deg, rgba(35, 40, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 40, 47, 0.6) 50%, rgba(35, 40, 47, 0.6) 75%, transparent 75%, transparent); background-image: linear-gradient( -45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, transparent 75%, transparent); background-repeat: repeat-x; background-size: 25px 25px; background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px); color: transparent; } .plyr--video.plyr--loading .plyr__progress__buffer { background-color: rgba(255, 255, 255, 0.25); background-color: var( --plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)); } .plyr--audio.plyr--loading .plyr__progress__buffer { background-color: rgba(193, 200, 209, 0.6); background-color: var( --plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)); } .plyr__volume { align-items: center; display: flex; max-width: 110px; min-width: 80px; position: relative; width: 20%; } .plyr__volume input[type="range"] { margin-left: calc(10px / 2); margin-left: calc(var(--plyr-control-spacing, 10px) / 2); margin-right: calc(10px / 2); margin-right: calc(var(--plyr-control-spacing, 10px) / 2); position: relative; z-index: 2; } .plyr--is-ios .plyr__volume { min-width: 0; width: auto; } .plyr--audio { display: block; } .plyr--audio .plyr__controls { background: #fff; background: var(--plyr-audio-controls-background, #fff); border-radius: inherit; color: #4a5464; color: var(--plyr-audio-control-color, #4a5464); padding: 10px; padding: var(--plyr-control-spacing, 10px); } .plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded="true"] { background: #00b3ff; background: var( --plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); color: #fff; color: var(--plyr-audio-control-color-hover, #fff); } .plyr--full-ui.plyr--audio input[type="range"]::-webkit-slider-runnable-track { background-color: rgba(193, 200, 209, 0.6); background-color: var( --plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); } .plyr--full-ui.plyr--audio input[type="range"]::-moz-range-track { background-color: rgba(193, 200, 209, 0.6); background-color: var( --plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); } .plyr--full-ui.plyr--audio input[type="range"]::-ms-track { background-color: rgba(193, 200, 209, 0.6); background-color: var( --plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); } .plyr--full-ui.plyr--audio input[type="range"]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); } .plyr--full-ui.plyr--audio input[type="range"]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); } .plyr--full-ui.plyr--audio input[type="range"]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); } .plyr--audio .plyr__progress__buffer { color: rgba(193, 200, 209, 0.6); color: var( --plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)); } .plyr--video { background: #000; overflow: hidden; } .plyr--video.plyr--menu-open { overflow: visible; } .plyr__video-wrapper { background: #000; height: 100%; margin: auto; overflow: hidden; position: relative; width: 100%; } .plyr__video-embed, .plyr__video-wrapper--fixed-ratio { height: 0; padding-bottom: 56.25%; } .plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video { border: 0; left: 0; position: absolute; top: 0; } .plyr--full-ui .plyr__video-embed>.plyr__video-embed__container { padding-bottom: 240%; position: relative; transform: translateY(-38.28125%); } .plyr--video .plyr__controls { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)); background: var( --plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75))); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; bottom: 0; color: #fff; color: var(--plyr-video-control-color, #fff); left: 0; padding: calc(10px / 2); padding: calc(var(--plyr-control-spacing, 10px) / 2); padding-top: calc(10px * 2); padding-top: calc(var(--plyr-control-spacing, 10px) * 2); position: absolute; right: 0; transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out; z-index: 3; } @media (min-width: 480px) { .plyr--video .plyr__controls { padding: 10px; padding: var(--plyr-control-spacing, 10px); padding-top: calc(10px * 3.5); padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5); } } .plyr--video.plyr--hide-controls .plyr__controls { opacity: 0; pointer-events: none; transform: translateY(100%); } .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded="true"] { background: #00b3ff; background: var( --plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); color: #fff; color: var(--plyr-video-control-color-hover, #fff); } .plyr__control--overlaid { background: #00b3ff; background: var( --plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); border: 0; border-radius: 100%; color: #fff; color: var(--plyr-video-control-color, #fff); display: none; left: 50%; opacity: 0.9; padding: calc(10px * 1.5); padding: calc(var(--plyr-control-spacing, 10px) * 1.5); position: absolute; top: 50%; transform: translate(-50%, -50%); transition: 0.3s; z-index: 2; } .plyr__control--overlaid svg { left: 2px; position: relative; } .plyr__control--overlaid:focus, .plyr__control--overlaid:hover { opacity: 1; } .plyr--playing .plyr__control--overlaid { opacity: 0; visibility: hidden; } .plyr--full-ui.plyr--video .plyr__control--overlaid { display: block; } .plyr--full-ui.plyr--video input[type="range"]::-webkit-slider-runnable-track { background-color: rgba(255, 255, 255, 0.25); background-color: var( --plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); } .plyr--full-ui.plyr--video input[type="range"]::-moz-range-track { background-color: rgba(255, 255, 255, 0.25); background-color: var( --plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); } .plyr--full-ui.plyr--video input[type="range"]::-ms-track { background-color: rgba(255, 255, 255, 0.25); background-color: var( --plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); } .plyr--full-ui.plyr--video input[type="range"]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var( --plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); } .plyr--full-ui.plyr--video input[type="range"]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var( --plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); } .plyr--full-ui.plyr--video input[type="range"]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var( --plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); } .plyr--video .plyr__progress__buffer { color: rgba(255, 255, 255, 0.25); color: var( --plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)); } .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-webkit-full-screen video { height: 100%; } .plyr:-ms-fullscreen video { height: 100%; } .plyr:fullscreen video { height: 100%; } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-ms-fullscreen .plyr__video-wrapper { height: 100%; position: static; } .plyr:fullscreen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none; } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none; } .plyr:fullscreen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr: -webkit-full-screen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } .plyr:-ms-fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } .plyr:fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-webkit-full-screen video { height: 100%; } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr: -webkit-full-screen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr:-moz-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-moz-full-screen video { height: 100%; } .plyr:-moz-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:-moz-full-screen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr: -moz-full-screen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-ms-fullscreen video { height: 100%; } .plyr:-ms-fullscreen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr: -ms-fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr--fullscreen-fallback { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; bottom: 0; display: block; left: 0; position: fixed; right: 0; top: 0; z-index: 10000000; } .plyr--fullscreen-fallback video { height: 100%; } .plyr--fullscreen-fallback .plyr__video-wrapper { height: 100%; position: static; } .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { display: block; } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr--fullscreen-fallback.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr--fullscreen-fallback .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr__ads { border-radius: inherit; bottom: 0; cursor: pointer; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: -1; } .plyr__ads>div, .plyr__ads>div iframe { height: 100%; position: absolute; width: 100%; } .plyr__ads::after { background: #23282f; border-radius: 2px; bottom: 10px; bottom: var(--plyr-control-spacing, 10px); color: #fff; content: attr(data-badge-text); font-size: 11px; padding: 2px 6px; pointer-events: none; position: absolute; right: 10px; right: var(--plyr-control-spacing, 10px); z-index: 3; } .plyr__ads::after:empty { display: none; } .plyr__cues { background: currentColor; display: block; height: 5px; height: var(--plyr-range-track-height, 5px); left: 0; margin: -var(--plyr-range-track-height, 5px) / 2 0 0; opacity: 0.8; position: absolute; top: 50%; width: 3px; z-index: 3; } .plyr__preview-thumb { background-color: rgba(255, 255, 255, 0.9); background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); border-radius: 3px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); margin-bottom: calc(calc(10px / 2) * 2); margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2); opacity: 0; padding: 3px; padding: var(--plyr-tooltip-radius, 3px); pointer-events: none; position: absolute; transform: translate(0, 10px) scale(0.8); transform-origin: 50% 100%; transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; z-index: 2; } .plyr__preview-thumb--is-shown { opacity: 1; transform: translate(0, 0) scale(1); } .plyr__preview-thumb::before { border-left: 4px solid transparent; border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-right: 4px solid transparent; border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.9); border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); bottom: calc(4px * -1); bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1); content: ""; height: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0; z-index: 2; } .plyr__preview-thumb__image-container { background: #c1c8d1; border-radius: calc(3px - 1px); border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px); overflow: hidden; position: relative; z-index: 0; } .plyr__preview-thumb__image-container img { height: 100%; left: 0; max-height: none; max-width: none; position: absolute; top: 0; width: 100%; } .plyr__preview-thumb__time-container { bottom: 6px; left: 0; position: absolute; right: 0; white-space: nowrap; z-index: 3; } .plyr__preview-thumb__time-container span { background-color: rgba(0, 0, 0, 0.55); border-radius: calc(3px - 1px); border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px); color: #fff; font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); padding: 3px 6px; } .plyr__preview-scrubbing { bottom: 0; filter: blur(1px); height: 100%; left: 0; margin: auto; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; right: 0; top: 0; transition: opacity 0.3s ease; width: 100%; z-index: 1; } .plyr__preview-scrubbing--is-shown { opacity: 1; } .plyr__preview-scrubbing img { height: 100%; left: 0; max-height: none; max-width: none; object-fit: contain; position: absolute; top: 0; width: 100%; } .plyr--no-transition { transition: none !important; } .plyr__sr-only { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; border: 0 !important; height: 1px !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .plyr [hidden] { display: none !important; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative } .owl-carousel { display: none; width: 100%; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100% } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0!important; font: inherit } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } s .pf { display: inline-block; font: normal normal normal 14px/1 PaymentFont; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pf-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .pf-2x { font-size: 2em; } .pf-3x { font-size: 3em; } .pf-4x { font-size: 4em; } .pf-5x { font-size: 5em; } .banner-size { width: * { box-sizing: border-box } body { font-family: Verdana, sans-serif; margin: 0 } .mySlides { display: none } img { vertical-align: middle; } /* Slideshow container */ .slideshow-container { max-width: 1000px; position: relative; margin: auto; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); } /* Caption text */ .text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center; } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } /* The dots/bullets/indicators */ .dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } .active, .dot:hover { background-color: #717171; } /* Fading animation */ .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } @-webkit-keyframes fade { from { opacity: .4 } to { opacity: 1 } } @keyframes fade { from { opacity: .4 } to { opacity: 1 } } /* On smaller screens, decrease text size */ @media only screen and (max-width: 300px) { .prev, .next, .text { font-size: 11px } } ; } .pf-amazon:before { content: "\f000"; } .pf-american-express:before { content: "\f001"; } .pf-american-express-alt:before { content: "\f002"; } .pf-atm:before { content: "\f003"; } .pf-bankomat:before { content: "\f004"; } .pf-bank-transfer:before { content: "\f005"; } .pf-bitcoin:before { content: "\f006"; } .pf-bitcoin-sign:before { content: "\f007"; } .pf-braintree:before { content: "\f008"; } .pf-btc:before { content: "\f009"; } .pf-card:before { content: "\f00a"; } .pf-carta-si:before { content: "\f00b"; } .pf-cash:before { content: "\f00c"; } .pf-cash-on-delivery:before { content: "\f00d"; } .pf-cb:before { content: "\f00e"; } .pf-cirrus:before { content: "\f00f"; } .pf-cirrus-alt:before { content: "\f010"; } .pf-clickandbuy:before { content: "\f011"; } .pf-credit-card:before { content: "\f012"; } .pf-diners:before { content: "\f013"; } .pf-discover:before { content: "\f014"; } .pf-ec:before { content: "\f015"; } .pf-eps:before { content: "\f016"; } .pf-eur:before { content: "\f017"; } .pf-facture:before { content: "\f018"; } .pf-fattura:before { content: "\f019"; } .pf-flattr:before { content: "\f01a"; } .pf-giropay:before { content: "\f01b"; } .pf-google-wallet:before { content: "\f01c"; } .pf-google-wallet-alt:before { content: "\f01d"; } .pf-gpb:before { content: "\f01e"; } .pf-gratipay:before { content: "\f01f"; } .pf-ideal:before { content: "\f020"; } .pf-ils:before { content: "\f021"; } .pf-inr:before { content: "\f022"; } .pf-invoice:before { content: "\f023"; } .pf-invoice-sign:before { content: "\f024"; } .pf-invoice-sign-alt:before { content: "\f025"; } .pf-invoice-sign-alt-o:before { content: "\f026"; } .pf-invoice-sign-o:before { content: "\f027"; } .pf-jcb:before { content: "\f028"; } .pf-jpy:before { content: "\f029"; } .pf-krw:before { content: "\f02a"; } .pf-maestro:before { content: "\f02b"; } .pf-maestro-alt:before { content: "\f02c"; } .pf-mastercard:before { content: "\f02d"; } .pf-mastercard-alt:before { content: "\f02e"; } .pf-mastercard-securecode:before { content: "\f02f"; } .pf-ogone:before { content: "\f030"; } .pf-paybox:before { content: "\f031"; } .pf-paylife:before { content: "\f032"; } .pf-paypal:before { content: "\f033"; } .pf-paypal-alt:before { content: "\f034"; } .pf-paysafecard:before { content: "\f035"; } .pf-postepay:before { content: "\f036"; } .pf-quick:before { content: "\f037"; } .pf-rechnung:before { content: "\f038"; } .pf-ripple:before { content: "\f039"; } .pf-rub:before { content: "\f03a"; } .pf-skrill:before { content: "\f03b"; } .pf-sofort:before { content: "\f03c"; } .pf-square:before { content: "\f03d"; } .pf-stripe:before { content: "\f03e"; } .pf-truste:before { content: "\f03f"; } .pf-try:before { content: "\f040"; } .pf-unionpay:before { content: "\f041"; } .pf-usd:before { content: "\f042"; } .pf-verified-by-visa:before { content: "\f043"; } .pf-verisign:before { content: "\f044"; } .pf-visa:before { content: "\f045"; } .pf-visa-electron:before { content: "\f046"; } .pf-western-union:before { content: "\f047"; } .pf-western-union-alt:before { content: "\f048"; } .pf-wirecard:before { content: "\f049"; } .pf-sepa:before { content: "\f04a"; } .pf-sepa-alt:before { content: "\f04b"; } .pf-apple-pay:before { content: "\f04c"; } .pf-interac:before { content: "\f04d"; } .pf-paymill:before { content: "\f04e"; } .pf-dankort:before { content: "\f04f"; } .pf-bancontact-mister-cash:before { content: "\f050"; } .pf-moip:before { content: "\f051"; } .pf-pagseguro:before { content: "\f052"; } .pf-cash-on-pickup:before { content: "\f053"; } .pf-sage:before { content: "\f054"; } .pf-elo:before { content: "\f055"; } .pf-elo-alt:before { content: "\f056"; } .pf-payu:before { content: "\f057"; } .pf-mercado-pago:before { content: "\f058"; } .pf-mercado-pago-sign:before { content: "\f059"; } .pf-payshop:before { content: "\f05a"; } .pf-multibanco:before { content: "\f05b"; } .pf-gratipay-sign:before { content: "\f05c"; } .pf-six:before { content: "\f05d"; } .pf-cashcloud:before { content: "\f05e"; } .pf-interac-alt:before { content: "\f05f"; } .pf-klarna:before { content: "\f060"; } .pf-bitpay:before { content: "\f061"; } .pf-venmo:before { content: "\f062"; } .pf-visa-debit:before { content: "\f063"; } .pf-alipay:before { content: "\f064"; } .pf-diners-alt:before { content: "\f065"; } .pf-hipercard:before { content: "\f066"; } .pf-skrill-alt:before { content: "\f067"; } .pf-shopify:before { content: "\f068"; } .pf-direct-debit:before { content: "\f069"; } .pf-sodexo:before { content: "\f06a"; } .pf-bpay:before { content: "\f06b"; } .pf-contactless:before { content: "\f06c"; } .pf-contactless-alt:before { content: "\f06d"; } .pf-eth:before { content: "\f06e"; } .pf-ltc:before { content: "\f06f"; } .pf-visa-pay:before { content: "\f070"; } .pf-wechat-pay:before { content: "\f071"; } .pf-amazon-pay:before { content: "\f072"; } .pf-amazon-pay-alt:before { content: "\f073"; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, body { height: 100%; } body { font-family: "Open Sans", sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; } /* REQUIRED STYLES */ .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; padding: 1px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role="group"] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled="true"] { color: #999; } .select2-container--default .select2-results__option[aria-selected="true"] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%); background-image: -o-linear-gradient(top, #fff 50%, #eee 100%); background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%); background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%); background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%); background-image: -o-linear-gradient(top, #fff 0%, #eee 50%); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%); background-image: -o-linear-gradient(top, #eee 50%, #fff 100%); background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role="group"] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled="true"] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: #fff; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: #fff; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ""; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #fff; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #fff; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ""; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; } .owl-carousel { display: none; width: 100%; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height 0.5s ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 0.4s ease; } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 0.1s ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 0.4s ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .slider-radio { position: relative; } .slider-radio input[type="radio"] { display: none; } .slider-radio input[type="radio"]:checked+label { position: relative !important; z-index: 100 !important; } /* DEFAULT */ .slider-radio { display: inline-block; } .slider-radio label { display: inline-block; padding: 10px 20px; cursor: pointer; font-size: 20px; } /* Indicator Styles */ .slider-radio input[type="radio"]:checked+label, .slider-radio .sliding-piece { background-color: #77abff; transition-timing-function: cubic-bezier(0.74, 0.14, 0.38, 0.99); } /* Base Theme */ .slider-radio.base { background-color: #eee; border-radius: 5px; overflow: hidden; } .slider-radio.base input[type="radio"]:checked+label, .slider-radio.base .sliding-piece { background-color: #005d7a; border: none; color: white; } /* Elegant Theme */ .slider-radio.elegant label { display: inline-block; padding: 10px 20px; cursor: pointer; font-size: 20px; font-weight: bold; opacity: 0.5; } .slider-radio.elegant input[type="radio"]:checked+label, .slider-radio.elegant .sliding-piece { color: white; border-radius: 10px; background-color: #f44242; opacity: 1; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } /* Edgy Theme */ .slider-radio.edgy label { display: inline-block; padding: 10px 20px; cursor: pointer; font-size: 20px; font-weight: bold; opacity: 0.5; filter: blur(1px); transition: filter 0.3s; } .slider-radio.edgy input[type="radio"]:checked+label { filter: blur(0px); } .slider-radio.edgy input[type="radio"]:checked+label, .slider-radio.edgy .sliding-piece { border-radius: 10px; background-color: transparent; color: black; opacity: 1; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } /* Vertical */ .slider-radio.vertical label { display: block !important; } button { padding: 0; border: none; background-color: transparent; transition: 0.5s ease; transition-property: color, background-color, border-color, box-shadow; cursor: pointer; } button:focus { outline: none; } a { text-decoration: none; } a:hover, a:active, a:focus { outline: none; text-decoration: none; } input, textarea, select { padding: 0; margin: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; box-shadow: none; transition: 0.5s ease; transition-property: color, background-color, border-color, box-shadow; } input:focus, textarea:focus, select:focus { outline: none; } select::-ms-expand { display: none; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } ul { margin: 0; padding: 0; list-style: none; } ::-moz-selection { background: #fff; color: #222227; text-shadow: none; } ::selection { background: #fff; color: #222227; text-shadow: none; } ::-webkit-input-placeholder { color: #c0c0c0; opacity: 1; } ::-moz-placeholder { color: #c0c0c0; opacity: 1; } :-moz-placeholder { color: #c0c0c0; opacity: 1; } :-ms-input-placeholder { color: #c0c0c0; opacity: 1; } :focus { outline: -webkit-focus-ring-color auto 0px; } body::-webkit-scrollbar { width: 16px; } body::-webkit-scrollbar-track { background: #222227; } body::-webkit-scrollbar-thumb { background-color: #c0c0c0; outline: 1px solid #222227; } .tab-content { width: 100%; } .tab-content>.tab-pane { display: none; } .tab-content>.active { display: block; } .fade { transition: opacity 0.4s linear; } @media screen and (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.4s ease; } @media screen and (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } :focus-visible { outline: 0px dotted; } .row--grid { margin-right: -10px; margin-left: -10px; } .row--grid .col-6, .row--grid .col-12 { padding-left: 10px; padding-right: 10px; } @media (min-width: 768px) { .row--grid { margin-right: -15px; margin-left: -15px; } .row--grid .col-6, .row--grid .col-12 { padding-left: 15px; padding-right: 15px; } } .row--sidebar { margin-right: -10px; margin-left: -10px; } .row--sidebar .col-6, .row--sidebar .col-12 { padding-left: 10px; padding-right: 10px; } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .owl-carousel .owl-item { -webkit-transform: none; } /*============================== Header ==============================*/ .header { display: block; position: fixed; top: 0; left: 0; right: 0; width: auto; height: 70px; background-color: #16151a; border-bottom: 1px solid #222227; z-index: 101; } .header__content { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 100%; width: 100%; position: relative; padding: 0 15px; } .header__logo { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; height: 70px; width: 100%; } .header__logo img { width: 100px; height: auto; display: block; } .header__actions { display: inline-flex; flex-direction: row; justify-content: flex-end; align-items: center; width: auto; margin-left: auto; margin-right: 40px; } .header__action { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 100%; width: 24px; position: relative; margin-left: 15px; } .header__action:first-child { margin-left: 0; } .header__action--cart span, .header__action--note span { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 16px; min-width: 16px; color: #fff; padding: 0 5px; border-radius: 4px; background-color: #25a56a; position: absolute; top: 1px; left: 10px; font-family: "Inter", sans-serif; font-size: 10px; pointer-events: none; } .header__action--cart span:empty, .header__action--note span:empty { display: none; } .header__action--note a svg, .header__action--note button svg { width: 22px; } .header__action--note span { background-color: #2f80ed; } .header__action--cart .header__drop { display: none; } .header__action:hover .header__drop { pointer-events: auto; opacity: 1; z-index: 99; margin-top: 0; } .header__action-btn { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 36px; width: 100%; } .header__action-btn span { display: none; } .header__action-btn svg { width: 24px; height: auto; fill: #c0c0c0; transition: fill 0.5s ease; } .header__action-btn:hover svg { fill: #fff; } .header__btn { position: absolute; width: 24px; height: 22px; display: block; right: 15px; top: 24px; } .header__btn span { position: absolute; right: 0; width: 24px; height: 2px; background-color: #c0c0c0; border-radius: 2px; transition: 0.5s ease; } .header__btn span:first-child { top: 0; } .header__btn span:nth-child(2) { top: 10px; width: 16px; } .header__btn span:last-child { top: 20px; width: 8px; } .header__btn:hover span { background-color: #25a56a; } .header__btn--active span { background-color: #25a56a; } .header__btn--active span:first-child { transform: rotate(-45deg); top: 9px; } .header__btn--active span:nth-child(2) { opacity: 0; width: 0; } .header__btn--active span:last-child { width: 24px; transform: rotate(45deg); top: 9px; } .header__search { position: absolute; left: 0; top: -71px; width: 100%; height: 70px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; background-color: #16151a; z-index: 1; padding: 0 15px; border-bottom: 1px solid #222227; transition: top 0.5s ease; } .header__search input { width: calc(100% - 30px); height: 40px; background-color: #222227; color: #fff; font-size: 16px; border-radius: 12px; border: none; padding: 0 20px; font-family: "Inter", sans-serif; } .header__search input:focus { border-color: #fff; } .header__search button { position: absolute; right: 60px; top: 15px; height: 40px; width: auto; display: flex; flex-direction: row; justify-content: center; align-items: center; } .header__search button svg { width: 20px; height: auto; fill: #c0c0c0; transition: 0.5s ease; } .header__search button:hover svg { fill: #25a56a; } .header__search button.close { right: 15px; } .header__search--active { top: 0; } .header__nav { display: none; } .header__drop { position: absolute; top: 100%; right: -15px; background-color: #222227; padding: 15px; border-radius: 12px; width: 200px; pointer-events: none; opacity: 0; z-index: -1; transition: 0.4s ease; margin-top: -5px; } .header__note { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .header__note:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .header__note svg { width: 16px; height: auto; margin-right: 5px; fill: #c0c0c0; } .header__note p { color: #fff; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; width: calc(100% - 25px); display: block; margin-bottom: 0; font-weight: 400; } .header__note p a { color: #fff; } .header__note p a:hover { color: #fff; text-decoration: none; } .header__note span { padding: 0; font-size: 12px; color: #c0c0c0; position: relative; background-color: transparent; top: auto; left: auto; display: block; width: 100%; margin-top: 5px; } .header__note--succ svg { fill: #25a56a; } .header__note--fail svg { fill: #eb5757; } .header__note--info svg { fill: #c0c0c0; } .header__note--gift svg { fill: #8051d4; } .header__product { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative; padding-left: 56px; } .header__product button { position: absolute; width: 14px; bottom: 5px; right: 0; } .header__product button svg { width: 14px; height: auto; fill: #c0c0c0; transition: fill 0.4s ease; } .header__product button:hover svg { fill: #25a56a; } .header__product img { width: 46px; height: auto; position: absolute; top: 0; left: 0; border-radius: 6px; } .header__product p { color: #fff; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; width: 100%; display: block; margin-bottom: 0; font-weight: 400; } .header__product p a { color: #fff; } .header__product p a:hover { color: #25a56a; } .header__product span { padding: 0; font-size: 14px; color: #c0c0c0; position: relative; background-color: transparent; top: auto; left: auto; display: block; width: 100%; margin-top: 5px; line-height: 100%; } .header__product:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .header__all { display: none; } @media (min-width: 400px) { .header__action { margin-left: 20px; } .header__action:first-child { margin-left: 0; } .header__actions { margin-right: 44px; } } @media (min-width: 576px) { .header__action--signin { width: auto; padding-left: 22px; } .header__action--signin:before { content: ""; position: absolute; display: block; width: 1px; height: 24px; background-color: #222227; top: 50%; left: 0; margin-top: -11px; } .header__action--signin:hover a span, .header__action--signin:hover button span { color: #fff; } .header__action--signin:hover a svg, .header__action--signin:hover button svg { fill: #25a56a; } .header__action-btn span { display: block; white-space: nowrap; color: #c0c0c0; font-size: 16px; margin-right: 10px; font-family: "Inter", sans-serif; transition: color 0.5s ease; } .header__content { padding: 0 30px; } .header__search { padding: 0 30px; } .header__search button { right: 75px; } .header__search button.close { right: 30px; } .header__btn { right: 30px; } .header__drop { width: 260px; } } @media (min-width: 768px) { .header__action { margin-left: 30px; } .header__action--signin { padding-left: 32px; } } @media (min-width: 1200px) { .header--mobile { display: none; } .header__logo, .header__btn { display: none; } .header__actions { margin-right: 0; } .header__action--search { display: none; } .header__action--cart .header__drop { display: block; } .header__search { position: relative; top: auto; left: auto; width: 320px; padding: 0; border: none; background-color: transparent; } .header__search input { padding: 0 60px 0 20px; width: 100%; } .header__search button { right: 20px; } .header__search button.close { display: none; } .header__search--active { top: auto; } .header__nav { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-right: 60px; } .header__nav a { font-size: 16px; color: #c0c0c0; margin-right: 30px; font-family: "Inter", sans-serif; } .header__nav a:last-child { margin-right: 0; } .header__nav a:hover { color: #25a56a; } .header__all { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; background-color: rgba(255, 255, 255, 0.1); color: #c0c0c0; font-size: 13px; font-weight: 400; font-family: "Inter", sans-serif; margin-bottom: 15px; height: 24px; border-radius: 8px 8px 0 0; } .header__all:hover { color: #25a56a; } } /*============================== Sidebar ==============================*/ .sidebar { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; background-color: #16151a; position: fixed; top: 0; left: 0; bottom: 0; z-index: 101; width: 280px; transform: translateX(-100%); transition: transform 0.5s ease; border-right: 1px solid #222227; } .sidebar__logo { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; height: 70px; width: 100%; padding: 0 30px 0 15px; border-bottom: 1px solid #222227; } .sidebar__logo img { width: 100px; height: auto; display: block; } .sidebar__nav { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; position: relative; padding: 30px 0 0; width: 100%; max-height: calc(100vh - 150px); overflow-y: auto; } .sidebar__nav-link { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 16px; color: #c0c0c0; font-family: "Inter", sans-serif; margin-left: 15px; transition: 0.4s ease; position: relative; } .sidebar__nav-link svg { fill: #c0c0c0; width: 22px; height: auto; transition: fill 0.5s; margin-right: 12px; margin-bottom: 2px; } .sidebar__nav-link svg:last-child { width: 16px; margin-right: 0; margin-top: 3px; margin-left: 2px; margin-bottom: 0; } .sidebar__nav-link:hover { color: #fff; } .sidebar__nav-link:hover svg { fill: #25a56a; } .sidebar__nav-link--active, .sidebar__nav-link[aria-expanded="true"] { color: #fff; } .sidebar__nav-link--active svg, .sidebar__nav-link[aria-expanded="true"] svg { fill: #25a56a; } .sidebar__nav-link--active:hover svg, .sidebar__nav-link[aria-expanded="true"]:hover svg { fill: #25a56a; } .sidebar__nav-link[aria-expanded="true"] { margin-bottom: 15px; } .sidebar__nav-link--active { cursor: default; } .sidebar__nav-item { width: 100%; display: block; margin-bottom: 15px; position: relative; } .sidebar__nav-item:last-child { margin-bottom: 0; } .sidebar__menu { padding: 0; display: block; width: 100%; text-align: left; overflow: hidden; background-color: #222227; transition: 0.4s ease; height: auto; } .sidebar__menu--scroll { height: 165px; overflow: hidden; } .sidebar__menu li { padding: 0 0 0 49px; margin-bottom: 15px; position: relative; } .sidebar__menu li:before { content: ""; position: absolute; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #25a56a; top: 50%; left: 25px; margin-top: -2px; } .sidebar__menu li:last-child { margin-bottom: 0; padding-bottom: 20px; } .sidebar__menu li:last-child:before { top: 11px; } .sidebar__menu li:first-child { margin-top: 0; padding-top: 20px; } .sidebar__menu li:first-child:before { top: 31px; } .sidebar__menu a { font-size: 14px; color: #c0c0c0; display: block; font-weight: 400; } .sidebar__menu a:hover { color: #25a56a; } .sidebar__menu a.active { color: #25a56a; cursor: default; } .sidebar--active { transform: translateX(0); } @media (min-width: 576px) { .sidebar__logo { padding: 0 30px; } .sidebar__nav-link { margin-left: 30px; } .sidebar__menu li { padding: 0 0 0 64px; } .sidebar__menu li:before { left: 40px; } } @media (min-width: 1200px) { .sidebar { transform: translateX(0); } .sidebar__nav { max-height: calc(100vh - 332px); } } /*============================== Player ==============================*/ .player { z-index: 102; bottom: 0; left: 0; width: 100%; } .player__cover { width: 100%; max-width: 90px; } .player__cover img { width: 100%; height: auto; display: block; border-radius: 12px; margin-bottom: 10px; } .player__track { font-size: 16px; line-height: 24px; display: block; width: 100%; text-align: center; font-weight: 400; color: #c0c0c0; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } .player__track b { font-weight: 600; color: #fff; } .player__content { width: 100%; } .player__btn { display: flex; flex-direction: row; justify-content: center; align-items: center; background-color: #16151a; border-radius: 12px 12px 0 0; height: 40px; width: 90px; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 103; color: #fff; font-size: 14px; border: 1px solid #222227; border-bottom: none; } .player__btn svg { width: 18px; height: auto; fill: #25a56a; margin-right: 8px; } .player--active { transform: translateY(0); } @media (min-width: 1200px) { .player { width: 278px; padding: 20px 30px; position: a; transform: translateY(0); } .player__btn { display: none; } } .plyr__control { padding: 0; } .plyr__control svg { width: 24px; height: 24px; transition: fill 0.4s ease; } .plyr__control:hover { background-color: transparent !important; } .plyr__control:hover svg { fill: #25a56a; } .plyr__controls { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; } .plyr__actions { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; } .plyr__actions button { margin: 0 5px; } .plyr__tooltip { background-color: #222227; box-shadow: none; color: #fff; font-size: 14px !important; } .plyr__tooltip:before { border-top-color: #222227; } .plyr__wrap { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; margin-top: 10px; } .plyr__time { margin-left: 10px; color: #c0c0c0; font-size: 14px; line-height: 100%; } .plyr__volume { margin-right: auto; } .plyr__progress { width: 100%; } .plyr--audio .plyr__controls { padding: 0; color: #fff; background-color: transparent; } .plyr--full-ui input[type="range"] { color: #25a56a; } /*============================== Main ==============================*/ .main { position: relative; margin-top: 70px; padding: 20px 0 60px; } .main__title { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; margin-bottom: 10px; margin-top: 60px; } .main__title h1 { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; font-family: "Inter", sans-serif; font-weight: 400; color: #fff; font-size: 30px; line-height: 140%; margin-bottom: 0; position: relative; } .main__title h1 b { font-weight: 500; } .main__title h1 a { color: #fff; } .main__title h1 a:hover { color: #25a56a; } .main__title h2 { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; font-family: "Inter", sans-serif; font-weight: 400; color: #fff; font-size: 26px; line-height: 100%; margin-bottom: 0; position: relative; } .main__title h2 svg { width: 26px; height: auto; fill: #25a56a; margin-right: 10px; } .main__title h2 b { font-weight: 500; } .main__title h2 a { color: black } .main__title h2 a:hover { color: black; } .main__title h3 { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; font-family: "Inter", sans-serif; font-weight: 400; font-size: 24px; color: #fff; margin-bottom: 0; line-height: 100%; position: relative; } .main__title p { display: block; width: 100%; font-size: 16px; line-height: 26px; color: #c0c0c0; margin-top: 20px; margin-bottom: 0; } .main__title p b { font-weight: 600; } .main__title p a { color: #25a56a; text-decoration: none; } .main__title p a:hover { text-decoration: none; } .main__title ol { padding-left: 0; list-style: none; counter-reset: li; margin-bottom: 0; } .main__title ol ol { padding-left: 15px; margin-top: 10px; } .main__title ol ol ol { margin-top: 10px; margin-bottom: 10px; } .main__title ol ol ol li { margin-top: 5px; } .main__title ol h4 { font-size: 16px; color: #fff; display: inline-block; margin-bottom: 0; margin-top: 20px; font-weight: 500; font-family: "Inter", sans-serif; } .main__title ol li { font-size: 16px; line-height: 24px; color: #c0c0c0; position: relative; } .main__title ol li b { font-weight: 600; color: #c0c0c0; } .main__title ol li a { color: #eb5757; } .main__title ol li a:hover { color: #eb5757; text-decoration: none; } .main__title ol li:last-child { margin-bottom: 0; } .main__title ol li:before { counter-increment: li; content: counters(li, ".") ". "; } .main__title--page { margin-bottom: 0; margin-top: 50px; } .main__link { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 16px; color: black; text-decoration: none; font-weight: 400; } .main__link svg { color: black; text-decoration: none; width: 22px; height: auto; fill: #c0c0c0; margin-left: 5px; transition: fill 0.5s ease; } .main__link:hover { color: black; text-decoration: none; } .main__link:hover svg { fill: #25a56a; color: black; text-decoration: none; } .main__carousel-wrap { position: relative; } .main__carousel .owl-dots { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; margin-top: 20px; position: relative; } .main__carousel .owl-dot { margin-right: 10px; } .main__carousel .owl-dot:last-child { margin-right: 0; } .main__carousel .owl-dot span { display: block; height: 4px; width: 10px; border-radius: 2px; background-color: #c0c0c0; transition: 0.5s ease; } .main__carousel .owl-dot.active span { width: 20px; background-color: #25a56a; } .main__nav { display: none; } .main__list { margin-top: 20px; } .main__list--dashbox { margin-top: 0; } .main__list--dashbox .single-item__title { max-width: 80px; } .main__list--dashbox .single-item__time { font-size: 12px; } .main__filter { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-top: 20px; padding-bottom: 20px; padding-top: 20px; background-color: #16151a; position: relative; } .main__filter:before { content: ""; position: absolute; display: block; left: -15px; right: -15px; width: auto; top: 0; border-top: 1px solid #222227; border-bottom: 1px solid #222227; bottom: 0; background-color: #16151a; } .main__filter-wrap { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; position: relative; z-index: 2; padding: 0 20px; } .main__filter-search { position: relative; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; margin-bottom: 10px; } .main__filter-search input { width: 100%; height: 40px; background-color: #222227; color: #fff; font-size: 14px; border-radius: 12px; border: none; padding: 0 60px 0 20px; font-family: "Inter", sans-serif; } .main__filter-search input:focus { border-color: #222227; } .main__filter-search button { position: absolute; right: 20px; top: 0; height: 40px; width: auto; display: flex; flex-direction: row; justify-content: center; align-items: center; } .main__filter-search button svg { width: 20px; height: auto; fill: #c0c0c0; transition: 0.5s ease; } .main__filter-search button:hover svg { fill: #25a56a; } .main__load { width: 160px; height: 50px; border-radius: 12px; background-color: #25a56a; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; margin: 30px auto 0; } .main__load:hover { color: #25a56a; background-color: #222227; } .main__tabs { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%; margin-top: 10px; } .main__tabs li { margin-top: 15px; margin-right: 15px; } .main__tabs li:last-child { margin-right: 0; } .main__tabs a { display: inline-flex; flex-direction: row; justify-content: center; align-items: center; width: auto; color: #c0c0c0; font-size: 17px; } .main__tabs a span { font-size: 15px; font-weight: 600; margin-right: 3px; margin-top: 3px; color: #c0c0c0; transition: color 0.5s ease; } .main__tabs a:hover { color: #fff; } .main__tabs a.active { color: #fff; } .main__tabs a.active span { color: #25a56a; } .main__table { width: 100%; min-width: 520px; border-spacing: 0; } .main__table thead { border-bottom: 1px solid #222227; } .main__table thead th { font-size: 14px; color: #c0c0c0; font-weight: 400; padding: 0 10px 20px 0; line-height: 100%; margin-bottom: 0; border: none; } .main__table thead th a { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; color: #c0c0c0; } .main__table thead th a svg { width: 20px; height: auto; fill: #c0c0c0; transition: fill 0.5s ease; } .main__table thead th a:hover { color: #fff; } .main__table thead th a:hover svg { fill: #25a56a; } .main__table thead th a.active { color: #fff; } .main__table thead th a.active svg { width: 16px; fill: #25a56a; } .main__table tbody tr { border-bottom: none; background-color: transparent; border-top: 1px solid #222227; } .main__table tbody td { padding: 0; background-color: transparent; border: 0px solid transparent; } .main__table tbody td:first-child .main__table-text { border-radius: 12px 0 0 12px; } .main__table tbody td:last-child .main__table-text, .main__table tbody td:last-child .main__table-btns { border-radius: 0 12px 12px 0; } .main__table tbody td .main__table-text { background-color: transparent; padding: 15px 20px 15px 0; } .main__table-text { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 14px; color: #c0c0c0; font-weight: 400; line-height: 30px; padding: 20px; white-space: nowrap; } .main__table-text svg { width: 18px; height: auto; transition: fill 0.5s ease; fill: #c0c0c0; margin-right: 5px; } .main__table-text a { font-size: 16px; color: #fff; } .main__table-text a:hover { color: #25a56a; } .main__table-text--number a { font-size: 14px; line-height: 22px; border-bottom: 2px dashed #25a56a; } .main__table-text--price { font-family: "Inter", sans-serif; font-weight: 500; color: #c0c0c0; font-size: 16px; } .main__table-text--red { color: #eb5757; } .main__table-text--red svg { fill: #eb5757; } .main__table-text--green { color: #25a56a; } .main__table-text--green svg { fill: #25a56a; } .main__table-text--grey { color: #c0c0c0; } .main__table-img { width: 100px; height: auto; display: flex; flex-direction: row; justify-content: center; align-items: center; background-color: transparent; border-radius: 8px; overflow: hidden; padding: 15px 20px 15px 0; } .main__table-img img { width: 100%; height: auto; border-radius: 8px; } @media (min-width: 400px) { .main__list--dashbox .single-item__title { max-width: 110px; } } @media (min-width: 576px) { .main { padding: 20px 15px 50px; } .main__list--dashbox .single-item__title { max-width: 150px; } .main__list--dashbox .single-item__time { font-size: 14px; } .main__filter:before { left: -30px; right: -30px; } } @media (min-width: 768px) { .main { padding: 30px 15px 70px; } .main__title { margin-top: 70px; color: #000; margin-bottom: 0; } .main__title h1 { color: #000; font-size: 36px; } .main__title h2 { color: #000; font-size: 30px; } .main__title h2 svg { width: 30px; color: #000; } .main__title p:last-child { margin-bottom: 10px; color: #000; } .main__title--sidebar { margin-bottom: 10px; } .main__carousel .owl-dots { margin-top: 30px; } .main__list { margin-top: 30px; } .main__list--dashbox { margin-top: 0; } .main__filter { padding: 0; flex-direction: row; align-items: center; margin-top: 30px; height: 70px; } .main__filter-wrap { padding: 0; } .main__load { margin: 40px auto 0; } .main__tabs li { margin-top: 20px; margin-right: 20px; } .main__tabs li:last-child { margin-right: 0; } .main__filter-search { margin-bottom: 0; width: 180px; margin-right: 30px; } .main__filter-search input { width: 180px; } } @media (min-width: 992px) { .main__filter-search { margin-bottom: 0; width: 250px; } .main__filter-search input { width: 250px; } .main__title--sidebar { margin-top: 30px; } .main__list--dashbox .single-item__title { max-width: 200px; } } @media (min-width: 1200px) { .main__carousel .owl-dots { justify-content: flex-end; padding-right: 68px; } .main__nav { position: absolute; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 34px; height: 34px; right: 0; bottom: -14px; z-index: 2; } .main__nav svg { width: 30px; height: auto; fill: #c0c0c0; transition: fill 0.5s ease; } .main__nav:hover svg { fill: #25a56a; } .main__nav--prev { right: 25px; } .main__nav--next { right: -5px; } .main__nav--hero { bottom: 15px; } .main__nav--hero svg { fill: #fff; } .main__nav--hero.main__nav--prev { right: 95px; } .main__nav--hero.main__nav--next { right: 65px; } .main__nav--hero:hover svg { fill: #25a56a; } .main__filter { position: -webkit-sticky; position: sticky; top: 0; z-index: 99; background-color: #fff; border: none; } .main__filter-search { margin-bottom: 0; width: 220px; } .main__filter-search input { width: 220px; } } /*============================== Breadcrumb ==============================*/ .breadcrumb { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; } .breadcrumb__item { font-size: 14px; color: #c0c0c0; transition: 0.5s ease; position: relative; margin-right: 34px; } .breadcrumb__item:before { content: ""; position: absolute; left: 100%; top: 1px; bottom: 0; width: 34px; background: url("../img/breadcrumb.svg") no-repeat center/16px auto; } .breadcrumb__item:hover { color: #c0c0c0; } .breadcrumb__item:last-child { margin-right: 0; } .breadcrumb__item:last-child:before { display: none; } .breadcrumb__item--active { cursor: default; margin-right: 0; } .breadcrumb__item--active:before { display: none; } .breadcrumb__item--active:hover { color: #c0c0c0; } .breadcrumb a { color: #c0c0c0; } .breadcrumb a:hover { color: #25a56a; } @media (min-width: 1200px) { .breadcrumb { margin-top: 25px; } .breadcrumb--hidden-desk { display: none; } } /*============================== Profile ==============================*/ .profile { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; background-color: #16151a; padding: 20px 20px 0; border-radius: 12px; position: relative; margin-top: 20px; border: 1px solid #222227; } .profile__tabs { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; overflow: hidden; width: 100%; } .profile__tabs li { margin-right: 20px; } .profile__tabs li:last-child { margin-right: 0; } .profile__tabs a { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; height: 40px; color: #c0c0c0; position: relative; font-size: 14px; font-family: "Inter", sans-serif; } .profile__tabs a:hover { color: #fff; } .profile__tabs a:before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; display: block; background-color: #25a56a; transition: 0.5s ease; transform: translateY(2px); opacity: 0; border-radius: 2px 2px 0 0; } .profile__tabs a.active { color: #fff; cursor: default; } .profile__tabs a.active:before { opacity: 1; transform: translateY(0); } .profile__logout { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: auto; position: absolute; top: 20px; right: 20px; } .profile__logout span { display: none; font-size: 16px; color: #c0c0c0; margin-right: 10px; transition: 0.5s ease; font-family: "Inter", sans-serif; } .profile__logout svg { fill: #c0c0c0; width: 24px; height: auto; transition: fill 0.5s ease; } .profile__logout:hover span { color: #fff; } .profile__logout:hover svg { fill: #25a56a; } .profile__user { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 20px; } .profile__meta { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .profile__meta h3 { color: #fff; font-family: "Inter", sans-serif; display: block; font-size: 16px; font-weight: 400; margin-bottom: 7px; line-height: 100%; } .profile__meta span { color: #c0c0c0; font-size: 12px; line-height: 100%; } .profile__avatar { display: block; position: relative; width: 40px; cursor: pointer; overflow: hidden; border-radius: 8px; margin-right: 15px; } .profile__avatar img { width: 100%; } @media (min-width: 768px) { .profile { margin-top: 30px; padding: 0 20px; flex-direction: row; justify-content: space-between; align-items: center; } .profile__tabs { border-bottom: none; margin-bottom: 0; width: auto; margin-right: auto; } .profile__tabs li { margin-right: 30px; } .profile__tabs li:last-child { margin-right: 0; } .profile__tabs a { align-items: center; height: 70px; font-size: 16px; } .profile__user { margin-bottom: 0; margin-right: 60px; } .profile__logout { position: relative; top: auto; right: auto; } .profile__logout span { display: block; } } /*============================== Hero ==============================*/ .hero { display: block; width: 100%; } .hero .owl-dots { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; margin-top: 20px; position: relative; } .hero .owl-dot { margin-right: 10px; } .hero .owl-dot:last-child { margin-right: 0; } .hero .owl-dot span { display: block; height: 4px; width: 10px; border-radius: 2px; background-color: #c0c0c0; transition: 0.5s ease; } .hero .owl-dot.active span { width: 20px; background-color: #25a56a; } .hero .owl-stage-outer { border-radius: 12px; } .hero__slide { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 100%; min-height: 300px; border-radius: 12px; overflow: hidden; padding: 40px 20px; position: relative; } .hero__slide:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient( 45deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; } .hero__title { position: relative; z-index: 2; color: #fff; font-weight: 400; font-size: 30px; font-family: "Inter", sans-serif; margin-bottom: 0; line-height: 130%; } .hero__text { position: relative; z-index: 2; color: #c0c0c0; font-size: 16px; line-height: 26px; margin-bottom: 0; margin-top: 15px; } .hero__btns { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%; margin-top: 10px; } .hero__btn { width: auto; min-width: 120px; height: 50px; border-radius: 12px; background-color: #222227; display: inline-flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; padding: 0 20px; margin-top: 20px; margin-right: 20px; } .hero__btn svg { fill: #fff; width: 28px; height: auto; margin-right: 7px; } .hero__btn:last-child { margin-right: 0; } .hero__btn:hover { color: #25a56a; } .hero__btn--video { text-transform: none; font-size: 16px; } .hero__btn--video svg { fill: #25a56a; width: 28px; height: auto; margin-right: 10px; transition: fill 0.5s ease; } .hero__btn--video:hover { background-color: #25a56a; color: #fff; } .hero__btn--video:hover svg { fill: #fff; } .hero__btn--green { background-color: #25a56a; color: #fff; } .hero__btn--green:hover { background-color: #222227; color: #25a56a; } @media (min-width: 576px) { .hero__slide { min-height: 400px; } } @media (min-width: 768px) { .hero .owl-dots { margin-top: 30px; } .hero__slide { padding: 40px 30px; padding-right: 10%; min-height: 460px; } .hero__title { font-size: 36px; } .hero__btn { margin-top: 30px; margin-right: 30px; min-width: 160px; padding: 0 25px; } .hero__btn:last-child { margin-right: 0; } } @media (min-width: 992px) { .hero__slide { padding-right: 25%; } } @media (min-width: 1200px) { .hero { margin-top: 30px; } .hero .owl-dots { justify-content: flex-end; margin-top: -34px; margin-bottom: 30px; padding-right: 124px; z-index: 2; } .hero .owl-dot span { background-color: rgba(255, 255, 255, 0.6); } .hero .owl-dot.active span { background-color: #fff; } .hero__title { font-size: 44px; } .hero__text { font-size: 17px; line-height: 28px; } .hero__btn { margin-top: 40px; } .hero__slide { padding: 60px; padding-right: 33%; } } @media (min-width: 1900px) { .hero__slide { padding-right: 50%; } } /*============================== Album ==============================*/ .album { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-top: 20px; width: 100%; } .album__cover { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 12px; position: relative; overflow: hidden; width: 100%; background-color: #000; } .album__cover img { width: 100%; display: block; position: relative; z-index: 1; opacity: 1; transition: 0.5s ease; } .album__cover a { position: absolute; z-index: 2; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 56px; height: 56px; top: 50%; left: 50%; margin: -28px 0 0 -28px; border-radius: 12px; background-color: #222227; transform: scale(0.8); opacity: 0; transition: 0.5s ease; border: 1px solid rgba(255, 255, 255, 0.05); } .album__cover a svg { fill: #fff; width: 24px; height: auto; margin: 1px 0 0 1px; transition: fill 0.5s ease; } .album__cover a:hover svg { fill: #25a56a; } .album__cover:hover img { opacity: 0.6; transform: scale(1.08); } .album__cover:hover a { opacity: 1; transform: scale(1); } .album__cover:hover .album__stat { opacity: 1; transform: scale(1); } .album__title { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-top: 5px; } .album__title h3 { display: block; width: 100%; color: #fff; font-size: 16px; font-weight: 400; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } .album__title h3 a { color: #fff; } .album__title h3 a:hover { color: #25a56a; } .album__title span { display: block; width: 100%; color: #c0c0c0; font-size: 14px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } .album__title span a { color: black; text-decoration: none; } .album__title span a:hover { color: #0000; } .album__stat { position: absolute; z-index: 2; display: flex; flex-direction: row; justify-content: center; align-items: center; bottom: 20px; left: 0; right: 0; color: #fff; font-size: 12px; transform: scale(0.8); opacity: 0; transition: 0.5s ease; } .album__stat span { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-right: 15px; } .album__stat span:last-child { margin-right: 0; } .album__stat svg { width: 14px; height: auto; fill: #fff; margin-right: 5px; } @media (min-width: 768px) { .album { margin-top: 30px; padding: 30px; border-radius: 12px; background-color: #E9E7E7; } .album--sidebar { margin-top: 20px; } .album__stat { font-size: 13px; } .album__stat span { margin-right: 20px; } .album__stat span:last-child { margin-right: 0; } .album__stat svg { width: 16px; } } /*============================== Releases ==============================*/ .release { margin-top: 20px; border: 1px solid #222227; background-color: #16151a; padding: 20px; border-radius: 12px; position: release; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; } .release__cover { display: block; position: relative; width: 100%; border-radius: 12px; overflow: hidden; } .release__cover img { width: 100%; } .release__list { position: relative; height: 330px; width: 100%; overflow: hidden; padding-right: 14px; margin-top: 20px; } .release__stat { display: flex; flex-direction: row; justify-content: space-between; align-items: center; color: #c0c0c0; font-size: 14px; transition: 0.5s ease; width: 100%; margin-top: 15px; } .release__stat span { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-right: 20px; } .release__stat span:last-child { margin-right: 0; } .release__stat svg { width: 20px; height: auto; fill: #25a56a; margin-right: 5px; } .release__buy { width: 100%; height: 50px; border-radius: 12px; background-color: #25a56a; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; padding: 0 25px; margin-top: 15px; } .release__buy svg { fill: #fff; width: 28px; height: auto; margin-right: 7px; } .release__buy:hover { background-color: #222227; color: #fff; } @media (min-width: 768px) { .release { flex-direction: row; margin-bottom: 10px; } .release__list { margin-top: 0; width: calc(100% - 250px); } .release__content { width: 230px; margin-right: 20px; } } @media (min-width: 1200px) { .release__list { width: calc(100% - 310px); height: 388px; } .release__content { width: 290px; } } /*============================== Store-item ==============================*/ .store-item { margin-top: 20px; border: 1px solid #222227; background-color: #16151a; padding: 20px; border-radius: 12px; position: release; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; } .store-item__cover { display: block; position: release; width: 100%; border-radius: 12px; overflow: hidden; } .store-item__cover img { width: 100%; } .store-item__description { position: relative; width: 100%; margin-top: 20px; } .store-item__buy { width: 100%; height: 50px; border-radius: 12px; background-color: #25a56a; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; padding: 0 25px; margin-top: 15px; } .store-item__buy svg { fill: #fff; width: 28px; height: auto; margin-right: 7px; } .store-item__buy:hover { background-color: #222227; color: #fff; } .store-item__content { width: 100%; display: block; } .store-item__carousel { position: relative; width: 100%; } .store-item__carousel .owl-dots { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; margin-top: 20px; position: relative; } .store-item__carousel .owl-dot { margin-right: 10px; } .store-item__carousel .owl-dot:last-child { margin-right: 0; } .store-item__carousel .owl-dot span { display: block; height: 4px; width: 10px; border-radius: 2px; background-color: #c0c0c0; transition: 0.5s ease; } .store-item__carousel .owl-dot.active span { width: 20px; background-color: #25a56a; } @media (min-width: 768px) { .store-item { flex-direction: row; } .store-item__description { margin-top: 0; width: calc(100% - 250px); } .store-item__content { width: 230px; margin-right: 20px; } } @media (min-width: 1200px) { .store-item__description { width: calc(100% - 310px); } .store-item__content { width: 290px; } } /*============================== Artist ==============================*/ .artist { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-top: 20px; width: 100%; position: relative; } .artist__cover { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 12px; position: relative; overflow: hidden; width: 100%; } .artist__cover:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient( 45deg, rgba(37, 165, 106, 0.8) 0%, rgba(37, 165, 106, 0) 100%); opacity: 0; transition: opacity 0.5s ease; z-index: 2; } .artist__cover img { width: 100%; display: block; position: relative; z-index: 1; } .artist__title { z-index: 3; color: #fff; font-size: 16px; margin-bottom: 0; text-align: center; width: 100%; transition: color 0.5s ease; margin-top: 10px; font-family: "Inter", sans-serif; font-weight: 400; } .artist:hover .artist__cover:before { opacity: 0.3; } .artist:hover .artist__title { color: #25a56a; } @media (min-width: 768px) { .artist { margin-top: 30px; } } /*============================== Event ==============================*/ .event { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; margin-top: 20px; width: 100%; border-radius: 12px; position: relative; overflow: hidden; padding: 20px; height: 300px; } .event:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient( 45deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); opacity: 0.6; transition: opacity 0.5s ease; z-index: 1; } .event__date { position: relative; z-index: 2; font-size: 18px; font-weight: 400; color: #fff; } .event__time { position: relative; z-index: 2; font-size: 14px; color: #c0c0c0; font-weight: 400; margin-bottom: 20px; } .event__title { position: relative; z-index: 2; font-family: "Inter", sans-serif; font-weight: 400; color: #fff; font-size: 24px; margin-bottom: 5px; width: 100%; } .event__title a { color: #fff; } .event__title a:hover { color: #25a56a; } .event__address { position: relative; z-index: 2; font-size: 14px; color: #fff; line-height: 24px; margin-bottom: 0; width: 100%; } .event__ticket { position: absolute; top: 20px; left: 20px; min-width: 130px; height: 40px; border-radius: 12px; background-color: #222227; display: inline-flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; z-index: 2; font-family: "Inter", sans-serif; font-weight: 500; padding: 0 15px; border: 1px solid rgba(255, 255, 255, 0.05); } .event__ticket svg { width: 18px; height: auto; margin-right: 7px; fill: #25a56a; transition: fill 0.5s ease; } .event__ticket:hover { color: #fff; background-color: #25a56a; border-color: #25a56a; } .event__ticket:hover svg { fill: #fff; } .event__out { position: absolute; top: 20px; left: 20px; min-width: 120px; height: 40px; border-radius: 12px; background-color: #25a56a; display: inline-flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; z-index: 2; font-family: "Inter", sans-serif; font-weight: 500; padding: 0 15px; } .event:hover:before { opacity: 0.8; } @media (min-width: 768px) { .event { margin-top: 30px; height: 320px; } .event__title { font-size: 26px; } } /*============================== Single ==============================*/ .single-item { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #222227; height: 58px; } .single-item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; height: 48px; } .single-item__number { color: #c0c0c0; font-size: 22px; min-width: 20px; width: auto; font-family: "Inter", sans-serif; font-weight: 400; } .single-item__rate { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 14px; color: #c0c0c0; width: 24px; margin-right: 10px; } .single-item__rate svg { fill: #25a56a; width: 20px; height: auto; } .single-item__rate--red svg { fill: #eb5757; } .single-item__cover { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 8px; overflow: hidden; transition: 0.5s ease; } .single-item__cover img { width: 48px; height: auto; opacity: 1; transition: opacity 0.5s ease; position: relative; } .single-item__cover svg { position: absolute; opacity: 0; fill: #fff; width: 24px; height: auto; margin: 1px 0 0 1px; transition: 0.5s ease; } .single-item__cover svg:last-child { opacity: 0; } .single-item__cover:hover svg { fill: #25a56a; } .single-item__cover.active { background-color: #000; } .single-item__cover.active img { opacity: 0.35; } .single-item__cover.active svg { fill: #25a56a; } .single-item__cover.pause svg { opacity: 1; } .single-item__cover.pause svg:last-child { opacity: 0; } .single-item__cover.play svg { opacity: 0; } .single-item__cover.play svg:last-child { opacity: 1; } .single-item__title { display: inline-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-left: 15px; margin-right: auto; } .single-item__title h4 { display: block; color: #fff; font-size: 16px; line-height: 24px; font-weight: 400; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } .single-item__title h4 a { color: black; text-decoration: none; } .single-item__title h4 a:hover { color: #25a56a; } .single-item__title span { display: block; color: #000; text-decoration: none; font-size: 14px; line-height: 24px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } .single-item__title span a { color: #000; text-decoration: none; } .single-item__title span a:hover { text-decoration: none; color: #25a56a; } .single-item__time { margin-left: 15px; font-size: 13px; color: #0000; } .single-item__time--live { background-color: #eb5757; color: #fff; display: inline-flex; flex-direction: row; justify-content: center; align-items: center; height: 24px; padding: 0 12px; border-radius: 8px; font-size: 12px; font-family: "Inter", sans-serif; font-weight: 400; } .single-item__add { margin-left: 15px; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 32px; height: 32px; border-radius: 8px; background-color: rgba(37, 165, 106, 0.15); } .single-item__add svg { width: 18px; height: auto; fill: #25a56a; } .single-item__add:hover { background-color: rgba(37, 165, 106, 0.3); } .single-item__export { margin-left: 15px; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 32px; height: 32px; border-radius: 8px; background-color: rgba(128, 81, 212, 0.15); } .single-item__export svg { width: 18px; height: auto; fill: #8051d4; } .single-item__export:hover { background-color: rgba(128, 81, 212, 0.3); } .single-item:hover .single-item__cover { background-color: #222227; } .single-item:hover .single-item__cover img { opacity: 0.35; } .single-item:hover .single-item__cover svg { opacity: 1; } .single-item:hover .single-item__cover svg:last-child { opacity: 0; } .single-item:hover .single-item__cover.play svg { opacity: 0; } .single-item:hover .single-item__cover.play svg:last-child { opacity: 1; } /*============================== Post ==============================*/ .post { position: relative; margin-top: 20px; border-radius: 12px; width: 100%; overflow: hidden; background-color: #222227; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; height: calc(100% - 20px); } .post__img { display: block; width: 100%; position: relative; background-color: #000; } .post__img:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient( 45deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); opacity: 0.1; transition: opacity 0.5s ease; z-index: 2; } .post__img img { width: 100%; position: relative; z-index: 1; } .post__img:hover:before { opacity: 0.3; } .post__video { position: absolute; top: 20px; left: 20px; z-index: 3; display: flex; flex-direction: row; justify-content: center; align-items: center; height: 40px; border-radius: 12px; background-color: #222227; font-family: "Inter", sans-serif; font-weight: 500; font-size: 14px; color: #fff; padding: 0 15px; border: 1px solid rgba(255, 255, 255, 0.05); } .post__video svg { fill: #25a56a; width: 24px; height: auto; margin-right: 7px; transition: fill 0.5s ease; } .post__video:hover { background-color: #25a56a; color: #fff; border-color: #25a56a; } .post__video:hover svg { fill: #fff; } .post__content { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; padding: 20px; background-color: #222227; border-radius: 0 0 12px 12px; height: 100%; position: relative; } .post__category { display: inline-flex; flex-direction: row; justify-content: center; align-items: center; height: 28px; min-width: 70px; width: auto; color: #fff; font-size: 13px; background-color: #2f80ed; border-radius: 8px; padding: 0 15px; margin-bottom: 20px; position: absolute; bottom: 100%; left: 20px; z-index: 2; } .post__category:hover { color: #fff; background-color: #25a56a; } .post__title { color: #000; text-decoration: none; display: block; font-family: "Inter", sans-serif; font-weight: 400; font-size: 24px; line-height: 140%; color: #fff; margin-bottom: 20px; overflow: hidden; width: 100%; } .post__title a { color: #fff; display: block; } .post__title a:hover { color: #25a56a; } .post__meta { margin-top: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; height: 20px; } .post__date { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 13px; color: #c0c0c0; } .post__date svg { fill: #fff; width: 16px; height: auto; margin-right: 5px; } .post__comments { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 13px; color: #c0c0c0; } .post__comments svg { fill: #fff; width: 16px; height: auto; margin-right: 5px; } @media (min-width: 768px) { .post { margin-top: 30px; height: calc(100% - 30px); } } /*============================== Live ==============================*/ .live { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-top: 20px; position: relative; overflow: hidden; } .live__cover { width: 100%; border-radius: 12px; overflow: hidden; position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; } .live__cover img { position: relative; width: 100%; z-index: 1; transition: 0.5s ease; } .live__cover svg { position: absolute; display: block; fill: #fff; width: 46px; height: auto; transition: 0.5s ease; z-index: 3; transform: scale(0.8); opacity: 0; } .live__cover:before { content: ""; position: absolute; display: block; top: 0; bottom: 0; right: 0; left: 0; z-index: 2; background: linear-gradient( 45deg, rgba(37, 165, 106, 0.8) 0%, rgba(37, 165, 106, 0) 100%); opacity: 0.1; transition: opacity 0.5s ease; } .live__value { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; position: absolute; bottom: 20px; left: 20px; z-index: 3; pointer-events: none; height: 28px; width: auto; padding: 0 15px; border-radius: 8px; background-color: rgba(34, 34, 39, 0.8); color: #fff; font-size: 12px; font-weight: 400; } .live__status { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; position: absolute; top: 20px; left: 20px; z-index: 3; pointer-events: none; height: 24px; width: auto; padding: 0 12px; border-radius: 8px; background-color: #eb5757; color: #fff; font-size: 12px; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 400; } .live__title { font-size: 20px; font-family: "Inter", sans-serif; font-weight: 400; color: #fff; margin-bottom: 0; margin-top: 10px; width: 100%; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: break-word; transition: color 0.5s ease; } .live__title a { color: #fff; } .live:hover .live__cover:before { opacity: 0.3; } .live:hover .live__cover svg { opacity: 1; transform: scale(1); } .live:hover .live__title { color: #25a56a; } .live:hover .live__title a { color: #25a56a; } @media (min-width: 768px) { .live { margin-top: 30px; } } /*============================== Product ==============================*/ .product { position: relative; margin-top: 20px; border-radius: 12px; width: 100%; overflow: hidden; background-color: #222227; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 20px; } .product__img { width: 100%; border-radius: 12px; overflow: hidden; position: relative; } .product__img:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(45deg, #000 0%, rgba(0, 0, 0, 0) 100%); opacity: 0; transition: opacity 0.5s ease; z-index: 2; } .product__img img { width: 100%; display: block; position: relative; z-index: 1; } .product__img:hover:before { opacity: 0.2; } .product__title { display: block; width: 100%; font-size: 17px; font-weight: 400; color: #fff; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; margin-top: 15px; } .product__title a { color: #fff; } .product__title a:hover { color: #25a56a; } .product__price { font-size: 16px; color: #c0c0c0; margin-top: 5px; display: block; width: 100%; font-family: "Inter", sans-serif; font-weight: 400; } .product__new { font-size: 14px; color: #eb5757; position: absolute; bottom: 20px; right: 20px; font-weight: 600; } @media (min-width: 768px) { .product { margin-top: 30px; } } /*============================== Partners ==============================*/ .partners { margin-top: 60px; } .partners__img img { -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.7; transition: 0.5s; } .partners__img:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; } @media (min-width: 768px) { .partners { margin-top: 70px; } } /*============================== Stats ==============================*/ .stats { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; position: relative; margin-top: 20px; padding: 20px; border-radius: 12px; background-color: #16151a; width: 100%; border: 1px solid #222227; } .stats span { font-family: "Inter", sans-serif; font-size: 20px; line-height: 100%; font-weight: 400; color: #fff; margin-bottom: 0; width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; } .stats span a { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 13px; color: #fff; margin-left: 10px; line-height: 100%; border-bottom: 2px dashed #25a56a; } .stats span a svg { width: 14px; height: auto; fill: #25a56a; position: relative; bottom: auto; right: auto; transition: 0.5s ease; } .stats span a:hover { color: #25a56a; } .stats span a:hover svg { fill: #25a56a; } .stats p { font-size: 14px; color: #c0c0c0; margin-bottom: 0; margin-top: 20px; font-family: "Inter", sans-serif; font-weight: 400; line-height: 100%; } .stats p b { font-size: 20px; font-weight: 500; } .stats p a { color: #c0c0c0; } .stats p a:hover { color: #25a56a; } .stats svg { position: absolute; bottom: 15px; right: 20px; fill: #25a56a; width: 30px; height: auto; } .stats__form { display: flex; flex-direction: row; justify-content: space-between; align-items: center; position: relative; width: 100%; margin-top: 10px; } .stats__form input { position: relative; z-index: 1; width: 100%; height: 24px; background-color: transparent; color: #fff; font-size: 18px; border: none; padding: 0 50px 0 0; } .stats__form button { position: absolute; z-index: 2; right: 0; top: 0; display: flex; flex-direction: row; justify-content: center; align-items: flex-end; height: 24px; color: #25a56a; font-size: 14px; text-transform: uppercase; font-weight: 500; font-family: "Inter", sans-serif; } .stats__form button svg { position: relative; width: 18px; height: auto; top: auto; bottom: auto; right: auto; left: auto; transition: fill 0.5s ease; } .stats__form button:hover { color: #fff; } .stats__form button:hover svg { fill: #25a56a; } .stats--green svg { fill: #25a56a; } .stats--purple svg { fill: #8051d4; } @media (min-width: 768px) { .stats { margin-top: 30px; } } /*============================== Dashbox ==============================*/ .dashbox { background-color: #16151a; margin-top: 20px; border-radius: 12px; overflow: hidden; border: 1px solid #222227; } .dashbox__title { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 20px; border-bottom: 1px solid #222227; } .dashbox__title h3 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; color: #fff; font-weight: 400; font-size: 20px; line-height: 100%; margin-bottom: 0; font-family: "Inter", sans-serif; } .dashbox__title h3 svg { fill: #25a56a; margin-right: 10px; width: 22px; height: auto; } .dashbox__title h3 span { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 18px; min-width: 18px; color: #fff; padding: 0 5px; border-radius: 6px; font-family: "Inter", sans-serif; font-size: 10px; pointer-events: none; background-color: #25a56a; margin-bottom: auto; margin-left: 5px; } .dashbox__wrap { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .dashbox__more { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 13px; margin-left: 15px; color: #c0c0c0; font-family: "Inter", sans-serif; } .dashbox__more:hover { color: #25a56a; } .dashbox__refresh { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 22px; height: 30px; } .dashbox__refresh svg { fill: #c0c0c0; width: 18px; height: auto; transition: fill 0.5s ease; } .dashbox__refresh:hover svg { fill: #25a56a; } .dashbox__table-wrap { position: relative; display: block; width: 100%; overflow: auto; padding: 20px 20px 5px; } .dashbox__table-scroll { width: 100%; display: block; } .dashbox__list-wrap { padding: 20px; position: relative; display: block; width: 100%; } .dashbox__scroll { position: relative; max-height: 320px; width: 100%; overflow: hidden; padding-right: 14px; } .dashbox__note { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #222227; height: 58px; } .dashbox__note:last-child { height: 48px; margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .dashbox__note svg { width: 20px; height: auto; margin-right: 10px; fill: #c0c0c0; } .dashbox__note p { color: #c0c0c0; font-size: 16px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; width: calc(100% - 30px); display: block; margin-bottom: 0; font-weight: 400; } .dashbox__note p a { color: #fff; text-decoration: none; } .dashbox__note p a:hover { color: #fff; text-decoration: none; } .dashbox__note span { padding: 0; font-size: 13px; color: #c0c0c0; position: relative; background-color: transparent; top: auto; left: auto; display: block; width: 100%; margin-top: 5px; } .dashbox__note--succ svg { fill: #25a56a; } .dashbox__note--fail svg { fill: #eb5757; } .dashbox__note--info svg { fill: #c0c0c0; } .dashbox__note--gift svg { fill: #8051d4; } @media (min-width: 768px) { .dashbox { margin-top: 30px; } } /*============================== Feature ==============================*/ .feature { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; position: relative; overflow: hidden; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #222227; } .feature__icon { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 46px; height: 46px; border-radius: 12px; background-color: rgba(37, 165, 106, 0.15); } .feature__icon svg { fill: #25a56a; width: auto; height: 26px; } .feature__icon--purple { background-color: rgba(128, 81, 212, 0.15); } .feature__icon--purple svg { fill: #8051d4; } .feature__icon--red { background-color: rgba(235, 87, 87, 0.15); } .feature__icon--red svg { fill: #eb5757; } .feature__icon--blue { background-color: rgba(47, 128, 237, 0.15); } .feature__icon--blue svg { fill: #2f80ed; } .feature__title { font-family: "Inter", sans-serif; font-size: 18px; font-weight: 400; color: #fff; margin-bottom: 0; margin-left: 15px; } .feature__text { display: block; width: 100%; font-size: 16px; line-height: 26px; color: #c0c0c0; margin-bottom: 0; margin-top: 15px; } .feature--last { border-bottom: none; padding-bottom: 0; } @media (min-width: 768px) { .feature { margin-top: 30px; padding-bottom: 0; border-bottom: none; } } @media (min-width: 1200px) { .feature { margin-top: 40px; } } /*============================== Step ==============================*/ .step { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; position: relative; overflow: hidden; width: 100%; margin-top: 20px; padding: 20px; border-radius: 12px; background-color: #16151a; border: 1px solid #222227; } .step__number { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 12px; width: 46px; height: 46px; font-family: "Inter", sans-serif; line-height: 100%; font-weight: 500; font-size: 20px; color: #25a56a; background-color: rgba(37, 165, 106, 0.15); } .step__title { font-family: "Inter", sans-serif; font-size: 18px; font-weight: 400; color: #fff; margin-bottom: 0; margin-left: 15px; } .step__text { display: block; width: 100%; font-size: 16px; line-height: 26px; color: #c0c0c0; margin-bottom: 0; margin-top: 15px; } @media (min-width: 768px) { .step { margin-top: 30px; } } /*============================== Plan ==============================*/ .plan { display: block; margin-top: 20px; padding: 20px; border-radius: 12px; background-color: #16151a; position: relative; overflow: hidden; border: 1px solid #222227; } .plan--red .plan__title { color: #eb5757; } .plan--red .plan__list li.green svg { fill: #eb5757; } .plan--red .plan__btn { color: #eb5757; } .plan--red .plan__btn:hover { background-color: #eb5757; } .plan--green .plan__title { color: #25a56a; } .plan--purple .plan__title { color: #8051d4; } .plan--purple .plan__list li.green svg { fill: #8051d4; } .plan--purple .plan__btn { color: #8051d4; } .plan--purple .plan__btn:hover { background-color: #8051d4; } .plan__title { position: relative; z-index: 2; font-size: 18px; color: #fff; line-height: 100%; display: block; font-weight: 500; margin-bottom: 15px; font-family: "Inter", sans-serif; } .plan__list { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; } .plan__list li { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 15px; font-size: 16px; color: #c0c0c0; } .plan__list li:last-child { margin-bottom: 0; } .plan__list li svg { width: 20px; height: auto; margin-right: 10px; } .plan__list li.red svg { fill: #c0c0c0; } .plan__list li.green { color: #fff; } .plan__list li.green svg { fill: #25a56a; } .plan__price { position: relative; z-index: 2; font-family: "Inter", sans-serif; font-weight: 500; font-size: 32px; color: #fff; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #222227; display: block; line-height: 100%; } .plan__price span { font-size: 16px; } .plan__btn { width: 100%; min-width: 140px; height: 50px; border-radius: 12px; background-color: #222227; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #25a56a; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; margin-top: 20px; } .plan__btn:hover { color: #fff; background-color: #25a56a; } @media (min-width: 768px) { .plan { margin-top: 30px; } .plan__btn { margin-top: 30px; } } /*============================== Contacts ==============================*/ .contacts__list { margin-top: 20px; } .contacts__list li { margin-bottom: 15px; } .contacts__list li:last-child { margin-bottom: 0; } .contacts__list a { font-size: 16px; color: #fff; font-family: "Inter", sans-serif; font-weight: 400; } .contacts__list a:hover { color: #25a56a; } .contacts__social { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%; } .contacts__social a { margin-top: 20px; margin-right: 15px; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 30px; height: 30px; position: relative; transition-property: all; } .contacts__social a svg { width: 100%; height: auto; } .contacts__social a:last-child { margin-right: 0; } .contacts__social a:hover { opacity: 1 !important; -webkit-filter: grayscale(0) !important; filter: grayscale(0) !important; } .contacts__social:hover a { opacity: 0.7; -webkit-filter: grayscale(0.7); filter: grayscale(0.7); } @media (min-width: 768px) { .contacts__social { margin-top: 10px; } } /*============================== Cart ==============================*/ .cart { position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; background-color: #16151a; width: 100%; padding: 0; border: 1px solid #222227; border-radius: 20px; min-height: 400px; margin-top: 20px; } .cart__table { width: 100%; min-width: 600px; } .cart__table th { font-size: 14px; font-weight: 400; color: #c0c0c0; line-height: 100%; padding: 0 20px 10px 0; } .cart__table th:last-child { width: 24px; padding: 0 0 10px 0; } .cart__table td { font-size: 16px; font-weight: 400; color: #fff; padding: 10px 20px 10px 0; } .cart__table td a { color: #fff; font-family: "Inter", sans-serif; font-weight: 400; } .cart__table td a:hover { color: #25a56a; } .cart__table td:last-child { width: 24px; padding: 10px 0; } .cart__table td:first-child { width: 100px; } .cart__img { width: 100px; height: auto; display: flex; flex-direction: row; justify-content: center; align-items: center; background-color: transparent; border-radius: 8px; overflow: hidden; } .cart__img img { width: 100px; height: auto; } .cart__delete { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 18px; height: 18px; } .cart__delete svg { fill: #c0c0c0; width: 18px; height: auto; transition: 0.5s ease; } .cart__delete:hover svg { fill: #25a56a; } .cart__price { font-size: 16px; color: #c0c0c0; font-family: "Inter", sans-serif; font-weight: 500; } .cart__price span { font-weight: 400; font-size: 12px; text-decoration: line-through; margin-left: 5px; color: #eb5757; } .cart__info { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; width: 100%; margin-top: 10px; padding: 10px 20px 20px; } .cart__total { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .cart__total p { font-size: 14px; color: #c0c0c0; margin-bottom: 10px; } .cart__total span { font-size: 28px; color: #fff; line-height: 100%; font-family: "Inter", sans-serif; font-weight: 500; } .cart__systems { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 24px; color: #c0c0c0; width: 100%; margin-top: 20px; } .cart__systems i { margin-right: 15px; } .cart__systems i:last-child { margin-right: 0; } .cart__promo { display: flex; flex-direction: row; justify-content: space-between; align-items: center; position: relative; width: 100%; margin-top: 20px; } .cart__promo .sign__btn { width: 80px; margin: 0; height: 40px; border-radius: 12px; } .cart__promo .sign__input { width: calc(100% - 90px); height: 40px; } .cart__amount { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; background-color: #222227; height: 36px; border-radius: 12px; padding: 0 10px; } .cart__amount input { width: 30px; height: 36px; border: none; text-align: center; background-color: transparent; font-size: 16px; color: #fff; font-family: "Inter", sans-serif; pointer-events: none; } .cart__amount button { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 24px; height: 36px; } .cart__amount button svg { width: 18px; height: auto; fill: #c0c0c0; transition: fill 0.5s ease; } .cart__amount button:hover svg { fill: #25a56a; } .cart__table-wrap { position: relative; display: block; width: 100%; overflow: auto; padding: 20px 20px 10px; } .cart__table-scroll { width: 100%; display: block; } @media (min-width: 768px) { .cart { margin-top: 30px; } .cart__table-wrap { padding: 25px 20px 10px; } .cart__table th { padding: 0 20px 15px 0; } .cart__table th:last-child { padding: 0 0 15px 0; } .cart__total { order: 1; } .cart__systems { margin-top: 0; width: auto; order: 2; margin-right: auto; margin-left: 20px; } .cart__promo { width: 250px; margin-top: 0; order: 3; } } @media (min-width: 1200px) { .cart__systems { margin-left: 40px; } } /*============================== Article ==============================*/ .article { display: block; position: relative; width: 100%; margin-top: 20px; } .article--page { margin-top: 0; } .article__category { display: inline-flex; flex-direction: row; justify-content: center; align-items: center; height: 30px; min-width: 70px; width: auto; color: #fff; font-size: 13px; background-color: #2f80ed; border-radius: 8px; padding: 0 15px; } .article__category:hover { color: #fff; background-color: #25a56a; } .article__date { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 13px; color: #c0c0c0; height: 30px; } .article__date svg { fill: #fff; width: 16px; height: auto; margin-right: 5px; } .article__place { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 14px; color: #c0c0c0; min-height: 30px; width: 100%; margin-bottom: 10px; } .article__place svg { fill: #fff; width: 18px; height: auto; margin-right: 5px; } .article__place:hover { color: #25a56a; } .article__content { position: relative; } .article__content img { display: block; width: 100%; height: auto; margin-bottom: 20px; border-radius: 12px; } .article__content iframe { display: block; width: 100%; height: 240px; margin-bottom: 20px; border-radius: 12px; border: none; } .article__content h1, .article__content h2, .article__content h3, .article__content h4, .article__content h5, .article__content h6 { font-family: "Inter", sans-serif; font-weight: 400; color: #000; margin-bottom: 15px; line-height: 140%; } .article__content h1:last-child, .article__content h2:last-child, .article__content h3:last-child, .article__content h4:last-child, .article__content h5:last-child, .article__content h6:last-child { margin-bottom: 0; } .article__content h1 { font-size: 30px; color: #000; } .article__content h2 { font-size: 28px; color: #000; } .article__content h3 { font-size: 24px; color: #000; } .article__content h4 { font-size: 22px; color: #000; } .article__content h5 { font-size: 18px; color: #000; } .article__content h6 { font-size: 16px; color: #000; } .article__content p { display: block; font-size: 16px; color: #000; line-height: 26px; font-weight: 400; color: #c0c0c0; margin-bottom: 20px; } .article__content p b { font-weight: 600; color: #000; } .article__content p a { color: #000; text-decoration: none; } .article__content p a:hover, .article__content p a:focus { color: #25a56a; text-decoration: none; } .article__content p:last-child { margin-bottom: 0; } .article__content blockquote { display: block; position: relative; font-family: "Inter", sans-serif; padding: 0 0 0 20px; font-size: 16px; line-height: 28px; color: #fff; font-weight: 400; margin-bottom: 20px; } .article__content blockquote:before { content: ""; position: absolute; display: block; top: 2px; bottom: 2px; left: 0; width: 3px; background-color: #25a56a; border-radius: 3px; } .article__content blockquote:last-child { margin-bottom: 0; } .article__content ul { margin-bottom: 20px; display: block; } .article__content ul li { font-size: 16px; line-height: 28px; font-weight: 400; color: #c0c0c0; padding-left: 20px; position: relative; } .article__content ul li:before { content: ""; position: absolute; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #25a56a; left: 0; top: 50%; margin-top: -2px; } .article__content ul:last-child { margin-bottom: 0; } .article__meta { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; margin-bottom: 20px; } .article__price { font-size: 30px; line-height: 100%; color: #fff; display: block; width: 100%; font-family: "Inter", sans-serif; font-weight: 500; margin-bottom: 15px; } .article__amount { display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; background-color: #222227; height: 36px; border-radius: 12px; padding: 0 10px; margin-bottom: 20px; } .article__amount input { width: 30px; height: 36px; border: none; text-align: center; background-color: transparent; font-size: 16px; color: #fff; font-family: "Inter", sans-serif; pointer-events: none; } .article__amount button { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 24px; height: 36px; } .article__amount button svg { width: 18px; height: auto; fill: #c0c0c0; transition: fill 0.5s ease; } .article__amount button:hover svg { fill: #25a56a; } .article__buy { width: 180px; height: 50px; border-radius: 12px; background-color: #25a56a; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: "Inter", sans-serif; font-weight: 500; padding: 0 25px; margin-bottom: 20px; } .article__buy svg { fill: #fff; width: 28px; height: auto; margin-right: 7px; } .article__buy:hover { background-color: #222227; color: #25a56a; } .article__artist { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-bottom: 20px; } .article__artist img { height: auto; width: 200px !important; margin-right: 20px; border-radius: 12px; } .article__artist div { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .article__artist div h1 { margin-bottom: 0; } .article__artist div span { font-size: 14px; color: #c0c0c0; display: block; margin-bottom: 20px; } @media (min-width: 576px) { .article__content iframe { height: 280px; } } @media (min-width: 768px) { .article { margin-top: 30px; } .article--page { margin-top: 0; } .article__content h1 { font-size: 36px; } .article__content h2 { font-size: 32px; } .article__content h3 { font-size: 28px; } .article__content h4 { font-size: 24px; } .article__content h5 { font-size: 20px; } .article__content h6 { font-size: 18px; } .article__content iframe { height: 400px; } .article__meta { margin-bottom: 25px; } .article__place { margin-bottom: 0; width: auto; } .article__artist { flex-direction: row; } .article__artist img { margin-bottom: 0 !important; } .article__artist div { width: calc(100% - 220px); } .article__artist div span { margin-bottom: 30px; } } @media (min-width: 1200px) { .article--page { margin-top: 30px; } .article__content iframe { height: 460px; } } .share { margin-top: 10px; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100% } .share__link { margin-top: 20px; margin-right: 20px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 0 15px; height: 30px; border-radius: 8px; color: #000; text-decoration: none; font-size: 14px; background-color: #25a56a } .share__link svg { color: #000; text-decoration: none; margin-right: 10px; margin-top: 1px } .share__link:last-child { margin-right: 0; color: #000; text-decoration: none } .share__link:hover { background-color: #25a56a; color: #fff } .footer { background-color: #222227; padding: 30px 0 20px; position: relative; overflow: hidden } .footer__logo { margin-top: 60px } .footer__logo img { width: 100px; height: auto } .footer__social { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100% } .footer__social a { margin-top: 20px; margin-right: 15px; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 30px; height: 30px; position: relative; transition-property: all } .footer__social a svg { width: 100%; height: auto } .footer__social a:last-child { margin-right: 0 } .footer__social a:hover { opacity: 1!important; -webkit-filter: grayscale(0)!important; filter: grayscale(0)!important } .footer__social:hover a { opacity: .6; -webkit-filter: grayscale(.6); filter: grayscale(.6) } .footer__content { margin-top: 60px; border-top: 1px solid rgba(255, 255, 255, .1) } .footer__copyright { display: block; font-size: 14px; color: silver; margin-top: 20px } .footer__copyright a { color: silver } .footer__copyright a:hover { color: #25a56a } .footer__title { display: block; margin-top: 30px; font-size: 16px; color: #fff; font-family: Inter, sans-serif; font-weight: 500; margin-bottom: 15px } .footer__nav { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start } .footer__nav a { font-size: 15px; line-height: 24px; margin-bottom: 10px; color: silver } .footer__nav a:last-child { margin-bottom: 0 } .footer__nav a:hover { color: #25a56a } @media (min-width:576px) { .footer { padding: 30px 15px 20px } } @media (min-width:768px) { .footer { padding: 20px 15px 25px } .footer__content { margin-top: 70px; padding-top: 25px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100% } .footer__logo { margin-top: 50px } .footer__title { margin-top: 50px } .footer__social { width: auto; order: 2 } .footer__social a { margin-top: 0 } .footer__copyright { margin-top: 0; order: 1 } } @media (min-width:1200px) { .footer { padding-left: 295px; padding-right: 15px } .footer__social { display: inline-flex; width: auto } } .sign { display: block; position: relative } .sign__content { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; height: auto; padding: 20px 0 0 } .sign__form { background-color: #16151a; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 12px; padding: 30px 20px; position: relative; width: 100%; max-width: 420px; border: 1px solid #222227 } .sign__form--profile { margin-top: 20px; max-width: 100%; padding: 20px 20px 5px; align-items: flex-start } .sign__form--profile .sign__btn { margin: 0 0 15px } .sign__form--profile .row { margin-left: -10px; margin-right: -10px } .sign__form--profile .col-12 { padding-left: 10px; padding-right: 10px } .sign__form--profile .sign__btn { margin: 5px 0 15px } .sign__logo { display: block; margin-bottom: 30px } .sign__logo a { max-width: 100%; width: auto } .sign__logo img { width: 100px } .sign__title { font-size: 16px; font-weight: 500; font-family: Inter, sans-serif; color: #fff; margin-bottom: 20px } .sign__label { font-weight: 400; font-size: 14px; color: silver; margin-bottom: 5px; padding-left: 20px } .sign__label b { font-weight: 600; color: #fff } .sign__input { background-color: #222227; border: 1px solid transparent; border-radius: 12px; height: 46px; position: relative; color: #fff; font-size: 16px; width: 100%; padding: 0 20px; font-family: Inter, sans-serif } .sign__input:focus { border-color: #25a56a } .sign__select { background: url(../img/arrow2.svg) no-repeat center right 20px #222227; background-size: 18px auto; border: 1px solid transparent; border-radius: 12px; height: 46px; position: relative; color: #fff; font-size: 16px; width: 100%; padding: 0 20px; cursor: pointer; font-family: Inter, sans-serif } .sign__select:focus { border-color: #25a56a } .sign__group { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; flex-wrap: wrap; position: relative; margin-bottom: 20px; width: 100% } .sign__group--row .sign__label { padding-left: 0 } .sign__group--checkbox { width: 100%; text-align: left } .sign__group--checkbox input:checked, .sign__group--checkbox input:not(:checked) { position: absolute; left: -9999px } .sign__group--checkbox input:checked+label, .sign__group--checkbox input:not(:checked)+label { font-size: 14px; color: silver; font-weight: 400; position: relative; cursor: pointer; padding-left: 35px; line-height: 22px; margin: 0 } .sign__group--checkbox input:checked+label a, .sign__group--checkbox input:not(:checked)+label a { color: #25a56a } .sign__group--checkbox input:checked+label a:hover, .sign__group--checkbox input:not(:checked)+label a:hover { color: #25a56a; text-decoration: none } .sign__group--checkbox input:checked+label:before, .sign__group--checkbox input:not(:checked)+label:before { content: ""; position: absolute; left: 0; top: 0; width: 22px; height: 22px; background-color: #222227; border: 1px solid transparent; border-radius: 6px } .sign__group--checkbox input:checked+label:after, .sign__group--checkbox input:not(:checked)+label:after { content: ""; position: absolute; left: 0; top: 0; width: 22px; height: 22px; text-align: center; transition: .5s ease; background: url(../img/checkmark.svg) no-repeat center/20px auto; border-radius: 6px } .sign__group--checkbox input:not(:checked)+label:after { opacity: 0; transform: scale(0) } .sign__group--checkbox input:checked+label:after { opacity: 1; transform: scale(1) } .sign__group--checkbox label::-moz-selection { background: 0 0; color: silver } .sign__group--checkbox label::selection { background: 0 0; color: silver } .sign__btn { width: 100%; height: 50px; border-radius: 12px; background-color: #25a56a; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 14px; position: relative; z-index: 2; text-transform: uppercase; font-family: Inter, sans-serif; font-weight: 500; margin: 15px auto } .sign__btn:hover { color: #fff; background-color: #222227 } .sign__text { margin-top: 15px; font-size: 14px; line-height: 24px; color: #fff; width: 100%; text-align: center } .sign__text:first-child { margin-top: 0 } .sign__text a { position: relative; color: #25a56a } .sign__text a:hover { color: #25a56a; text-decoration: underline } .sign__text--small { font-size: 13px; line-height: 20px; text-align: left } .sign__social { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 15px; margin-top: 15px } .sign__social a { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 46px; width: calc(33% - 10px); border-radius: 12px; color: #fff } .sign__social a svg { height: auto; fill: #fff; transition: .5s ease } .sign__social a:hover { background-color: silver } .sign__social a:hover.fb svg { fill: #3b5999 } .sign__social a:hover.gl svg { fill: #df4a32 } .sign__social a:hover.tw svg { fill: #1da1f2 } .sign__value { font-size: 24px; color: #fff; display: block; font-weight: 500; margin-left: 10px; font-family: Inter, sans-serif } .sign__radio { position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-top: 5px } .sign__radio li { position: relative; overflow: hidden; margin-bottom: 10px } .sign__radio li:last-child { margin-bottom: 0 } .sign__radio input:checked, .sign__radio input:not(:checked) { position: absolute; left: -9999px } .sign__radio label { display: block; margin: 0; position: relative; font-weight: 400; cursor: pointer; font-size: 16px; color: silver; line-height: 24px; padding-left: 32px; transition: .5s ease } .sign__radio label:before { content: ""; display: block; position: absolute; width: 20px; height: 20px; border: 6px solid #222227; background-color: transparent; border-radius: 50%; left: 0; top: 2px; transition: .5s ease } .sign__radio label:hover { color: #fff } .sign__radio input:checked+label { color: #fff } .sign__radio input:checked+label:before { border-color: #25a56a } @media (min-width:576px) { .sign__form { padding: 40px } .sign__form--profile { padding: 20px 20px 5px } .sign__logo { margin-bottom: 40px } } @media (min-width:768px) { .sign__form--profile { margin-top: 30px } .sign__form--profile .sign__btn { margin: 10px 0 15px } .sign__content { padding: 30px 0 0 } } @media (min-width:992px) { .sign__form--profile .sign__btn { width: 180px } } .mfp-container { padding: 0 15px!important } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all .4s ease-in-out } .slider-radio { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; background-color: #222227; padding: 5px 0; border-radius: 12px; margin-top: 10px; position: relative; width: 100%; z-index: 2 } .slider-radio label { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 30px; padding: 0 15px; font-size: 14px; color: silver; margin-bottom: 0; cursor: pointer; border-radius: 10px; margin: 0 5px; position: relative; z-index: 100; transition: color .5s; font-family: Inter, sans-serif; font-weight: 400 } .slider-radio label:hover { color: #fff } .slider-radio input[type=radio]:checked+label { color: #fff; background-color: #25a56a } @media (min-width:768px) { .slider-radio { margin-left: auto; margin-top: 0; width: auto } } .select2-container { width: auto!important; margin-right: 30px } .select2-container .select2-selection--single { height: 40px; background-color: transparent; border-radius: 0; border: none } .select2-container .select2-selection--single[aria-expanded=true] { background-color: transparent } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 20px; width: 18px; top: 10px; right: 0; background: url(../img/arrow.svg) no-repeat center right; background-size: 18px auto; margin-top: 1px } .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none } .select2-dropdown { border-left: none; border-right: none; border-bottom: none; border-top: none; border-radius: 12px!important; min-width: 180px; padding: 5px 0 5px 15px; background-color: #222227 } @keyframes plyr-progress { to { background-position: 25px 0; background-position: var(--plyr-progress-loading-size, 25px) 0 } } @keyframes plyr-popup { 0% { opacity: .5; transform: translateY(10px) } to { opacity: 1; transform: translateY(0) } } @keyframes plyr-fade-in { from { opacity: 0 } to { opacity: 1 } } .plyr:-moz-full-screen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr: -moz-full-screen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-ms-fullscreen video { height: 100%; } .plyr:-ms-fullscreen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr: -ms-fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr--fullscreen-fallback { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; bottom: 0; display: block; left: 0; 33 right: 0; top: 0; z-index: 10000000; } .plyr--fullscreen-fallback video { height: 100%; } .plyr--fullscreen-fallback .plyr__video-wrapper { height: 100%; position: static; } .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { display: block; } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg { display: none; } .plyr--fullscreen-fallback.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr--fullscreen-fallback .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr__ads { border-radius: inherit; bottom: 0; cursor: pointer; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: -1; } .plyr__ads>div, .plyr__ads>div iframe { height: 100%; position: absolute; width: 100%; } .plyr__ads::after { background: #23282f; border-radius: 2px; bottom: 10px; bottom: var(--plyr-control-spacing, 10px); color: #fff; content: attr(data-badge-text); font-size: 11px; padding: 2px 6px; pointer-events: none; position: absolute; right: 10px; right: var(--plyr-control-spacing, 10px); z-index: 3; } .plyr__ads::after:empty { display: none; } .plyr__cues { background: currentColor; display: block; height: 5px; height: var(--plyr-range-track-height, 5px); left: 0; margin: -var(--plyr-range-track-height, 5px) / 2 0 0; opacity: 0.8; position: absolute; top: 50%; width: 3px; z-index: 3; } .plyr__preview-thumb { background-color: rgba(255, 255, 255, 0.9); background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); border-radius: 3px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); margin-bottom: calc(calc(10px / 2) * 2); margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2); opacity: 0; padding: 3px; padding: var(--plyr-tooltip-radius, 3px); pointer-events: none; position: absolute; transform: translate(0, 10px) scale(0.8); transform-origin: 50% 100%; transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; z-index: 2; } .plyr__preview-thumb--is-shown { opacity: 1; transform: translate(0, 0) scale(1); } .plyr__preview-thumb::before { border-left: 4px solid transparent; border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-right: 4px solid transparent; border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.9); border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); bottom: calc(4px * -1); bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1); content: ""; height: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0; z-index: 2; } .plyr__preview-thumb__image-container { background: #c1c8d1; border-radius: calc(3px - 1px); border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px); overflow: hidden; position: relative; z-index: 0; } .plyr__preview-thumb__image-container img { height: 100%; left: 0; max-height: none; max-width: none; position: absolute; top: 0; width: 100%; } .plyr__preview-thumb__time-container { bottom: 6px; left: 0; position: absolute; right: 0; white-space: nowrap; z-index: 3; } .plyr__preview-thumb__time-container span { background-color: rgba(0, 0, 0, 0.55); border-radius: calc(3px - 1px); border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px); color: #fff; font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); padding: 3px 6px; } .plyr__preview-scrubbing { bottom: 0; filter: blur(1px); height: 100%; left: 0; margin: auto; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; right: 0; top: 0; transition: opacity 0.3s ease; width: 100%; z-index: 1; } .plyr__preview-scrubbing--is-shown { opacity: 1; } .plyr__preview-scrubbing img { height: 100%; left: 0; max-height: none; max-width: none; object-fit: contain; position: absolute; top: 0; width: 100%; } .plyr--no-transition { transition: none !important; } .plyr__sr-only { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; border: 0 !important; height: 1px !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .plyr [hidden] { display: none !important; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative } .owl-carousel { display: none; width: 100%; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100% } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0!important; font: inherit } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } s /********************* NEW PLAYER ********************/ body { color: #000; font-family: 'Lato', sans-serif; background-color: ghostwhite; } .player { width: 600px; height: 200px; margin: 20px auto; background-color: white; border: 1px solid #ebebeb; border-radius: 15px; box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.2), 0 33px 40px -40px rgba(0, 0, 0, 0.75); } .player .featureImg { display: block; width: 100%; height: 60%; background: no-repeat center center; background-size: 100% auto; border-radius: 15px 15px 0 0; } .player .controller { position: relative; width: 100%; height: 40%; border-radius: 0 0 15px 15px; } .player .controller .duration { position: absolute; top: -4px; left: 0; right: 0; height: 4px; background-color: rgba(204, 204, 204, 0.8); transition: 0.25s all ease-in-out; } .player .controller .duration:hover { cursor: pointer; height: 15px; top: -15px; } .player .controller .duration .currPos { position: absolute; top: 0; bottom: 0; left: 0; width: 0%; background-color: #F02C74; } .player .controller .duration .currPos.animate { transition: 0.25s top ease-in-out, 0.25s bottom ease-in-out, 1s width linear; } .player .controller .timeLogs { width: 100%; font-size: 10px; padding: 5px 5px 0; } .player .controller .timeLogs:after { content: ""; display: table; clear: both; } .player .controller .timeLogs .currTime { float: left; } .player .controller .timeLogs .totalDuration { float: right; } .player .controller .controls { padding: 10px 15px; } .player .controller .controls:after { content: ""; display: table; clear: both; } .player .controller .controls .playPauseBtn { float: left; height: 45px; width: 45px; margin-right: 8px; background: url('https://i.imgur.com/FAyemkP.png'); transition: 0.5s opacity ease-in-out; } .player .controller .controls .playPauseBtn:hover { cursor: pointer; opacity: 0.75; } .player .controller .controls .playPauseBtn.play { background-position: -3px -48px; } .player .controller .controls .playPauseBtn.pause { background-position: -3px -2px; } .player .controller .controls .titleArtist { float: left; height: 45px; width: 100px; overflow: hidden; } .player .controller .controls .titleArtist .title { font-size: 18px; line-height: 25px; height: 25px; color: #84878E; white-space: nowrap; } .player .controller .controls .titleArtist .artist { font-size: 12px; height: 12px; color: #C5C9D3; white-space: nowrap; } .player .controller .controls .addtControls { float: right; } .player .controller .controls .addtControls div { float: right; width: 17px; height: 17px; background: url('https://i.imgur.com/FAyemkP.png'); } .player .controller .controls .addtControls div:hover { cursor: pointer; } .player .controller .controls .addtControls .prev { background-position: -61px -6px; margin-left: 4px; } .player .controller .controls .addtControls .prev:hover { background-position: -61px -34px; } .player .controller .controls .addtControls .next { background-position: -91px -6px; margin-left: 4px; } .player .controller .controls .addtControls .next:hover { background-position: -91px -34px; } .player .controller .controls .addtControls .loop { background-position: -119px -6px; } .player .controller .controls .addtControls .loop.active { background-position: -119px -35px; } .mt-15 { margin-top: 15px !important; } .mt-30 { margin-top: 30px !important; } .mt-50 { margin-top: 50px !important; } .mt-70 { margin-top: 70px !important; } .mt-100 { margin-top: 100px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-100 { margin-bottom: 100px !important; } .ml-15 { margin-left: 15px !important; } .ml-30 { margin-left: 30px !important; } .ml-50 { margin-left: 50px !important; } .mr-15 { margin-right: 15px !important; } .mr-30 { margin-right: 30px !important; } .mr-50 { margin-right: 50px !important; } /* :: 3.2.0 Height */ .height-400 { height: 400px !important; } .height-500 { height: 500px !important; } .height-600 { height: 600px !important; } .height-700 { height: 700px !important; } .height-800 { height: 800px !important; } /* :: 3.3.0 Section Padding */ .section-padding-100 { padding-top: 100px; padding-bottom: 100px; } .section-padding-100-0 { padding-top: 100px; padding-bottom: 0; } .section-padding-0-100 { padding-top: 0; padding-bottom: 100px; } .section-padding-100-70 { padding-top: 100px; padding-bottom: 70px; } /* :: 3.4.0 Section Heading */ .section-heading { position: relative; z-index: 1; margin-bottom: 100px; text-align: center; p { color: #5f5f5f; font-size: 14px; margin-bottom: 5px; } h2 { font-size: 18px; text-transform: uppercase; letter-spacing: 10px; margin-bottom: 0; @media #{$breakpoint-xs} { letter-spacing: 5px; } } &.white { h2 { color: #fff; } } &.style-2 { p { font-size: 16px; } h2 { font-size: 30px; @media #{$breakpoint-xs} { font-size: 24px; } } } } /* :: 3.5.0 Preloader */ .preloader { background-color: $white-color; width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; z-index: 99999; .lds-ellipsis { display: inline-block; position: relative; width: 64px; height: 64px; div { position: absolute; top: 27px; width: 11px; height: 11px; border-radius: 50%; background: $dark-color; animation-timing-function: cubic-bezier(0, 1, 1, 0); &:nth-child(1) { left: 6px; @include animation(lds-ellipsis1 0.6s infinite); } &:nth-child(2) { left: 6px; @include animation(lds-ellipsis2 0.6s infinite); } &:nth-child(3) { left: 26px; @include animation(lds-ellipsis2 0.6s infinite); } &:nth-child(4) { left: 45px; @include animation(lds-ellipsis3 0.6s infinite); } } } } @-webkit-keyframes lds-ellipsis1 { 0% { @include transform(scale(0)); } 100% { @include transform(scale(1)); } } @keyframes lds-ellipsis1 { 0% { @include transform(scale(0)); } 100% { @include transform(scale(1)); } } @-webkit-keyframes lds-ellipsis3 { 0% { @include transform(scale(1)); } 100% { @include transform(scale(0)); } } @keyframes lds-ellipsis3 { 0% { @include transform(scale(1)); } 100% { @include transform(scale(0)); } } @-webkit-keyframes lds-ellipsis2 { 0% { @include transform(translate(0, 0)); } 100% { @include transform(translate(19px, 0)); } } @keyframes lds-ellipsis2 { 0% { @include transform(translate(0, 0)); } 100% { @include transform(translate(19px, 0)); } } /* :: 3.6.0 Miscellaneous */ .bg-img { background-position: center center; background-size: cover; background-repeat: no-repeat; } .bg-white { background-color: #ffffff !important; } .bg-dark { background-color: #000000 !important; } .bg-transparent { background-color: transparent !important; } .bg-gray { background-color: $bg-gray; } .font-bold { font-weight: 700; } .font-light { font-weight: 300; } .bg-overlay { position: relative; z-index: 2; background-position: center center; background-size: cover; &::after { background-color: rgba(0, 0, 0, 0.65); position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; content: ""; } } .bg-fixed { background-attachment: fixed !important; } /* :: 3.7.0 ScrollUp */ #scrollUp { background-color: $dark-color; border-radius: 0; bottom: 50px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3); color: $white-color; font-size: 24px; height: 40px; line-height: 40px; right: 50px; text-align: center; width: 40px; @include trans-duration(500ms); box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.15); @media #{$breakpoint-xs} { right: 30px; bottom: 30px; } &:hover { background-color: #fff; color: $heading-color; } } /* :: 3.8.0 oneMusic Button */ .oneMusic-btn { background-color: #fff; @include trans-duration(500ms); position: relative; z-index: 1; display: inline-block; min-width: 212px; height: 49px; color: #000; border: 1px solid #000; border-radius: 0; padding: 0 30px; font-size: 16px; line-height: 47px; font-weight: 700; text-transform: capitalize; i { margin-left: 5px; } &:hover, &:focus { font-size: 16px; font-weight: 700; background-color: $dark-color; color: #fff; } &.btn-2 { background-color: $dark-color; color: #fff; &:hover, &:focus { background-color: #fff; color: $heading-color; } } } /* :: 4.0 Header Area CSS */ .header-area { position: absolute; z-index: 1000; width: 100%; top: 20px; left: 0; z-index: 1000; .oneMusic-main-menu { position: relative; width: 100%; height: 85px; background-color: transparent; @media #{$breakpoint-xs} { height: 70px; } .classy-nav-container { background-color: transparent; } .classy-navbar { background-color: transparent; height: 85px; padding: 0; @media #{$breakpoint-xs} { height: 70px; } .classynav ul li a { font-weight: 700; text-transform: capitalize; color: $white-color; font-size: 16px; &:hover, &:focus { color: rgba(255, 255, 255, 0.7); } @media #{$breakpoint-md} { background-color: $dark-color; border-bottom-color: rgba(255, 255, 255, 0.1); } @media #{$breakpoint-xs} { background-color: $dark-color; border-bottom-color: rgba(255, 255, 255, 0.1); } } .classynav ul li.megamenu-item>a::after, .classynav ul li.has-down>a::after { color: $white-color; } .classynav ul li.megamenu-item ul li>a::after, .classynav ul li.has-down ul li>a::after { color: $heading-color; @media #{$breakpoint-xs} { color: $white-color; } } .classynav ul li ul li a { color: $heading-color; &:hover, &:focus { color: #888888; } @media #{$breakpoint-lg} { padding: 0 15px; } @media #{$breakpoint-md} { color: $white-color; padding: 0 30px; border-bottom-color: rgba(255, 255, 255, 0.1); } @media #{$breakpoint-xs} { color: $white-color; padding: 0 30px; border-bottom-color: rgba(255, 255, 255, 0.1) !important; } } .classynav ul li .dropdown li .dropdown li .dropdown li a { border-bottom: 1px solid rgba(242, 244, 248, 0.7); @media #{$breakpoint-md} { border-bottom-color: rgba(255, 255, 255, 0.1) !important; } @media #{$breakpoint-xs} { border-bottom-color: rgba(255, 255, 255, 0.1) !important; } } } .login-register-cart-button { position: relative; z-index: 1; margin-left: 100px; @media #{$breakpoint-md} { margin-left: 12px; margin-top: 15px; } @media #{$breakpoint-xs} { margin-left: 12px; margin-top: 15px; } .login-register-btn { position: relative; z-index: 10; a { @include trans-duration(500ms); margin-bottom: 0; color: #fff; font-weight: 700; font-size: 16px; cursor: pointer; line-height: 1; &:hover, &:focus { color: rgba(255, 255, 255, 0.7); } } } .cart-btn { position: relative; z-index: 10; p { @include trans-duration(500ms); margin-bottom: 0; color: #fff; font-size: 18px; cursor: pointer; line-height: 1; &:hover, &:focus { color: rgba(255, 255, 255, 0.7); } .quantity { width: 15px; height: 15px; border: 1px solid #fff; background-color: #232323; color: #fff; display: block; position: absolute; bottom: -5px; left: -10px; z-index: 10; font-size: 9px; font-weight: 400; border-radius: 50%; line-height: 13px; text-align: center; } } } } } .is-sticky { .oneMusic-main-menu { position: fixed; width: 100%; height: 85px; top: 0; left: 0; z-index: 9999; background-color: $dark-color; box-shadow: 0 5px 50px 15px rgba(0, 0, 0, 0.2); @media #{$breakpoint-xs} { height: 70px; } } } } .classy-navbar .nav-brand { max-width: 130px; } .breakpoint-on .classy-navbar .classy-menu { @media #{$breakpoint-md} { background-color: $bg-default; } @media #{$breakpoint-xs} { background-color: $bg-default; } } .classynav ul li .megamenu .single-mega.cn-col-4 { @media #{$breakpoint-md} { padding: 0; } @media #{$breakpoint-xs} { padding: 0; } } .classycloseIcon .cross-wrap span { background: $white-color; } /* :: 5.0 Hero Slides Area */ .hero-area, .hero-slides { position: relative; z-index: 1; } .single-hero-slide { width: 100%; height: 950px; position: relative; z-index: 1; padding: 0 30px; overflow: hidden; @media #{$breakpoint-lg} { height: 700px; } @media #{$breakpoint-md} { height: 650px; } @media #{$breakpoint-xs} { height: 500px; } &::after { position: absolute; width: 100%; height: 100%; z-index: -5; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.35); content: ''; } .slide-img { position: absolute; width: 100%; height: 100%; z-index: -10; left: 0; right: 0; top: 0; bottom: 0; } .hero-slides-content { display: inline-block; width: 100%; h6 { font-size: 18px; color: #fff; letter-spacing: 20px; text-transform: uppercase; margin-bottom: 20px; display: block; @media #{$breakpoint-xs} { letter-spacing: 5px; } } h2 { position: relative; z-index: 1; font-size: 60px; color: $white-color; margin-bottom: 0; font-weight: 400; display: block; text-transform: capitalize; letter-spacing: 30px; overflow: hidden; span { position: absolute; top: 0; width: 100%; height: 100%; left: 0; color: rgba(255, 255, 255, 0.15); @include animation(textsonar 6s linear infinite); } @media #{$breakpoint-md} { letter-spacing: 15px; font-size: 42px; } @media #{$breakpoint-xs} { letter-spacing: 5px; font-size: 30px; } } .btn { border: 1px solid #fff; background-color: transparent; color: #fff; &:hover, &:focus { background-color: #fff; color: $dark-color; } } } } @-webkit-keyframes textsonar { 0% { @include transform(scaleX(1)); } 50% { @include transform(scaleX(1.15)); } 100% { @include transform(scaleX(1)); } } @keyframes textsonar { 0% { @include transform(scaleX(1)); } 50% { @include transform(scaleX(1.15)); } 100% { @include transform(scaleX(1)); } } .single-hero-slide .slide-img { @include animation(slide 12s linear infinite); } @-webkit-keyframes slide { 0% { @include transform(scale(1)); } 50% { @include transform(scale(1.2)); } 100% { @include transform(scale(1)); } } @keyframes slide { 0% { @include transform(scale(1)); } 50% { @include transform(scale(1.2)); } 100% { @include transform(scale(1)); } } /* :: 6.0 Buy Now Area CSS */ .oneMusic-buy-now-area.has-fluid { padding-left: 4%; padding-right: 4%; position: relative; z-index: 1; } /* :: 7.0 Events Area CSS */ .single-event-area { position: relative; z-index: 1; @include trans-duration(500ms); img { width: 100%; } .event-text { text-align: center; position: relative; z-index: 1; padding: 30px 15px; background-color: #000; @include trans-duration(500ms); h4 { color: #fff; text-transform: uppercase; @include trans-duration(500ms); } .event-meta-data { position: relative; margin-bottom: 30px; a { @include trans-duration(500ms); position: relative; z-index: 1; color: #fff; font-size: 15px; font-weight: 400; display: inline-block; padding-right: 29px; &:first-child::after { position: absolute; content: '|'; top: 0; right: 12px; z-index: 1; } &:last-child { padding-right: 0; } } } .see-more-btn { font-size: 11px; color: #fff; text-transform: uppercase; letter-spacing: 10px; border-bottom: 1px solid #fff; padding-left: 0; padding-right: 0; border-radius: 0; &:hover, &:focus { font-weight: 400; } } } &:hover, &:focus { box-shadow: 0 5px 80px 0 rgba(0, 0, 0, 0.2); .event-text { background-color: #f5f9fa; h4, .event-meta-data a { color: $dark-color; } .see-more-btn { border-bottom-color: $dark-color; color: $dark-color; } } } } /* :: 8.0 Newsletter Area CSS */ .newsletter-area { position: relative; z-index: 1; border: 1px solid $dark-color; padding: 45px; .newsletter-form { position: relative; z-index: 1; input { width: 100%; height: 40px; font-size: 14px; color: #b3b3b3; font-style: italic; border: none; border-bottom: 1px solid #d6d6d6; margin-bottom: 30px; display: block; } } } .testimonials-area { position: relative; z-index: 1; padding: 45px; .testimonials-slide { position: relative; z-index: 1; .single-slide { p { font-size: 15px; color: #fff; font-style: italic; } .testimonial-info { margin-top: 30px; display: block; .testimonial-thumb { width: 44px; height: 44px; border-radius: 50%; margin-right: 15px; img { border-radius: 50%; } } p { font-style: normal; font-size: 15px; color: #fff; margin-bottom: 0; } } } } } /* :: 9.0 Album Catagory Area CSS */ .featured-artist-area { position: relative; z-index: 1; } .featured-artist-content { position: relative; z-index: 1; @media #{$breakpoint-xs} { margin-top: 50px; } p { color: #fff; } } .browse-by-catagories { position: relative; z-index: 1; a { display: inline-block; background-color: #f4f4f4; border: 2px solid transparent; padding: 6px 9px; font-size: 15px; margin-right: 5px; @media #{$breakpoint-lg} { padding: 4px 7px; font-size: 14px; margin-right: 4px; } @media #{$breakpoint-md} { padding: 4px 7px; font-size: 14px; margin-right: 5px; margin-bottom: 5px; } @media #{$breakpoint-xs} { padding: 2px 5px; font-size: 13px; margin-right: 5px; margin-bottom: 5px; } &:hover, &:focus, &.active { border: 2px solid $dark-color; } &:first-child { border-color: transparent; background-color: transparent; } } } .single-album { position: relative; z-index: 1; @include trans-duration(500ms); margin-bottom: 30px; img { width: 100%; } .album-info { position: relative; z-index: 1; text-align: center; padding-top: 15px; padding-bottom: 15px; h5 { font-size: 18px; margin-bottom: 0; text-transform: uppercase; } p { margin-bottom: 0; } } &:hover, &:focus { box-shadow: 0 5px 70px 0 rgba(0, 0, 0, 0.15); } } .single-album-area { position: relative; z-index: 1; @include trans-duration(500ms); margin-bottom: 30px; .album-thumb { position: relative; z-index: 1; .album-price p { position: absolute; top: 15px; left: 15px; background-color: #fff; margin-bottom: 0; line-height: 1; padding: 5px 15px; border-radius: 15px; z-index: 20; } .play-icon a { color: #fff; font-size: 50px; position: absolute; top: 50%; left: 50%; line-height: 1; @include transform(translate(-50%, -50%)); } } img { width: 100%; } .album-info { display: block; position: relative; z-index: 1; padding-top: 15px; padding-bottom: 15px; h5 { font-size: 18px; margin-bottom: 0; text-transform: uppercase; } p { margin-bottom: 0; } } } .albums-slideshow { position: relative; z-index: 1; .single-album { @include trans-duration(500ms); margin-bottom: 0; border: 1px solid transparent; &:hover, &:focus { border: 1px solid $dark-color; box-shadow: none; background-color: #f5f9fa; } } .owl-prev, .owl-next { @include trans-duration(500ms); background-color: #fff; position: absolute; width: 50px; height: 50px; border: 1px solid $dark-color; top: 50%; left: -25px; margin-top: -50px; z-index: 50; text-align: center; line-height: 48px; opacity: 0; visibility: hidden; @media #{$breakpoint-xs} { left: 0; } &:hover, &:focus { background-color: $dark-color; color: #fff; } } .owl-next { left: auto; right: -25px; @media #{$breakpoint-xs} { right: 0; } } &:hover { .owl-prev, .owl-next { opacity: 1; visibility: visible; } } } /* :: 10.0 Songs Area CSS */ .single-song-area { position: relative; z-index: 1; .song-thumbnail { position: relative; z-index: 1; @include flex(0 0 135px); max-width: 135px; width: 135px; margin-right: 50px; img { width: 100%; } @media #{$breakpoint-xs} { margin-right: 0; @include flex(0 0 100%); max-width: 100%; width: 100%; } } .song-play-area { position: relative; z-index: 1; @include flex(0 0 calc(100% - 185px)); max-width: calc(100% - 185px); width: calc(100% - 185px); background-color: #262626; padding: 15px 30px 20px; @media #{$breakpoint-xs} { @include flex(0 0 100%); max-width: 100%; width: 100%; } .song-name p { color: #b8b8b8; margin-bottom: 5px; } .audioplayer { margin: 0; padding: 0; width: 100%; height: auto; align-items: center; border: none; border-radius: 0; background: transparent; } .audioplayer-playing .audioplayer-playpause, .audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover, .audioplayer:not(.audioplayer-playing) .audioplayer-playpause { background: #fff; } .audioplayer-time { font-size: 14px; color: #fff; } } } .song-play-area { position: relative; z-index: 1; width: 100%; background-color: #262626; padding: 15px 30px 20px; border: 1px solid #363636; .song-name p { color: #b8b8b8; margin-bottom: 5px; } .audioplayer { margin: 0; padding: 0; width: 100%; height: auto; align-items: center; border: none; border-radius: 0; background: transparent; } .audioplayer-playing .audioplayer-playpause, .audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover, .audioplayer:not(.audioplayer-playing) .audioplayer-playpause { background: #fff; } .audioplayer-time { font-size: 14px; color: #fff; } } /* :: 11.0 Miscellaneous Area CSS */ .weeks-top-area { position: relative; z-index: 1; padding: 45px 30px; @include trans-duration(500ms); border: 1px solid transparent; .single-top-item { position: relative; z-index: 1; margin-bottom: 21px; &:last-child { margin-bottom: 0; } .thumbnail { @include flex(0 0 73px); max-width: 73px; width: 73px; margin-right: 20px; } .content- { h6 { text-transform: uppercase; margin-bottom: 0; } p { font-size: 14px; margin-bottom: 0; } } } &:hover, &:focus { background-color: #f5f9fa; border-color: #d8d8d8; } } .popular-artists-area { position: relative; z-index: 1; padding: 45px 30px; @include trans-duration(500ms); border: 1px solid #d8d8d8; background-color: #f5f9fa; .single-artists { position: relative; z-index: 1; margin-bottom: 17px; &:last-child { margin-bottom: 0; } .thumbnail { @include flex(0 0 63px); max-width: 63px; width: 63px; margin-right: 20px; border-radius: 50%; img { border-radius: 50%; } } .content- { p { font-size: 16px; margin-bottom: 0; } } } } .new-hits-area { position: relative; z-index: 1; padding: 45px 30px; @include trans-duration(500ms); border: 1px solid #d8d8d8; background-color: #f5f9fa; .single-new-item { position: relative; z-index: 1; border-bottom: 1px solid #d8d8d8; margin-bottom: 10px; padding-bottom: 10px; &:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } .thumbnail { @include flex(0 0 73px); max-width: 73px; width: 73px; margin-right: 20px; } .content- { h6 { text-transform: uppercase; margin-bottom: 0; } p { font-size: 14px; margin-bottom: 0; } } .audioplayer { margin: 0; padding: 0; width: auto; height: auto; border: none; border-radius: 0; background: transparent; } .audioplayer-playing .audioplayer-playpause, .audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover, .audioplayer:not(.audioplayer-playing) .audioplayer-playpause { background: #d6d6d6; } .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a { border-left: 12px solid #fff; } .audioplayer-time, .audioplayer-volume, .audioplayer-bar { display: none; } } } /* :: 12.0 Login Area CSS */ .login-content { @include trans-duration(500ms); position: relative; z-index: 1; background-color: $bg-gray; border: 1px solid #d8d8d8; padding: 50px 100px; box-shadow: 0 2px 70px 0 rgba(0, 0, 0, 0.15); text-align: center; @media #{$breakpoint-xs} { padding: 50px 30px; } h3 { margin-bottom: 30px; } .form-group { text-align: left; } .form-control { width: 100%; height: 50px; border: 1px solid $dark-color; font-size: 12px; font-style: italic; padding: 0 20px; border-radius: 0; &:focus { box-shadow: none; } } } /* :: 13.0 Services Area CSS */ .single-service-area { .icon { @include flex(0 0 78px); max-width: 78px; width: 78px; position: relative; z-index: 1; width: 78px; height: 78px; border: 1px solid $dark-color; text-align: center; span { line-height: 76px; font-size: 40px; } } .text { position: relative; z-index: 1; @include flex(0 0 calc(100% - 78px)); max-width: calc(100% - 78px); width: calc(100% - 78px); padding-left: 30px; } } /* :: 14.0 Footer Area CSS */ .footer-area { position: relative; z-index: 1; background-color: $footer-color; padding: 30px 0; @media #{$breakpoint-xs} { text-align: center; } .copywrite-text { font-size: 12px; margin-bottom: 0; color: rgba(166, 165, 165, 0.54); a { color: rgba(166, 165, 165, 0.54); font-size: 12px; &:hover, &:focus { color: #fff; } } } .footer-nav { ul { @include display-flex(flex); @include align-items(center); @include justify-content-end; @media #{$breakpoint-xs} { @include justify-content-center; margin-top: 30px; } } li { a { color: #898888; font-size: 16px; padding: 0 20px; @media #{$breakpoint-md} { padding: 0 10px; font-size: 14px; } @media #{$breakpoint-xs} { padding: 0 10px; font-size: 14px; } &:hover, &:focus { color: #fff; } } &:last-child a { padding-right: 0; } } } } /* :: 15.0 Breadcumb Area CSS */ .breadcumb-area { position: relative; z-index: 10; width: 100%; height: 385px; @media #{$breakpoint-xs} { height: 270px; } .bradcumbContent { position: absolute; background-color: #fff; width: 552px; bottom: 0; left: 50%; z-index: 100; text-align: center; padding-top: 40px; @include transform(translateX(-50%)); @media #{$breakpoint-xs} { width: calc(100% - 60px); padding-top: 30px; } p { line-height: 1.5; font-size: 16px; color: $text-color; } h2 { font-size: 30px; letter-spacing: 10px; text-transform: uppercase; line-height: 1; margin-bottom: 0; @media #{$breakpoint-xs} { font-size: 18px; letter-spacing: 5px; } } } } /* :: 16.0 Blog Area CSS */ .single-blog-post { position: relative; z-index: 1; .blog-post-thumb { position: relative; z-index: 1; .post-date { width: 76px; height: 106px; border: 1px solid $dark-color; text-align: center; background-color: #fff; position: absolute; z-index: 10; top: -30px; left: 30px; padding: 17px 0; span { display: block; font-size: 14px; font-weight: 700; line-height: 1.3; &:first-child { font-size: 36px; } } } } .blog-content { background-color: #f5f9fa; padding: 45px 40px; border: 1px solid #d8d8d8; @media #{$breakpoint-xs} { padding: 30px 20px; } .post-title { font-size: 24px; display: block; @media #{$breakpoint-xs} { font-size: 20px; } &:hover, &:focus { color: $hover-color; } } .post-meta { position: relative; z-index: 1; margin-bottom: 10px; p { color: #8d8d8d; font-size: 13px; padding-right: 25px; position: relative; z-index: 1; &::after { content: '|'; position: absolute; right: 12px; top: 0; z-index: 5; } &:last-child::after { display: none; } a { color: #8d8d8d; font-size: 13px; margin-bottom: 0; font-weight: 400; &:hover, &:focus { color: $dark-color; } } } } p { margin-bottom: 0; } } } .oneMusic-pagination-area { .pagination { .page-item { .page-link { background-color: transparent; display: block; padding: 0; border: 1px solid transparent; color: #5f5f5f; font-size: 15px; font-weight: 400; width: 34px; height: 34px; line-height: 32px; text-align: center; margin-right: 10px; &:hover, &:focus { color: $dark-color; border: 1px solid $dark-color; } } &:first-child .page-link { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } &:last-child .page-link { border-top-right-radius: 0; border-bottom-right-radius: 0; } &.active { .page-link { color: $dark-color; border: 1px solid $dark-color; } } } } } .blog-sidebar-area { position: relative; z-index: 1; @media #{$breakpoint-xs} { margin-top: 100px; } } .single-widget-area { position: relative; z-index: 1; background-color: #f5f9fa; border: 1px solid #d8d8d8; img { width: 100%; } .widget-title { padding: 25px 45px; border-bottom: 1px solid #d8d8d8; @media #{$breakpoint-lg} { padding: 20px 30px; } h5 { margin-bottom: 0; line-height: 1; } } .widget-content { padding: 25px 45px; @media #{$breakpoint-lg} { padding: 20px 30px; } ul li { margin-bottom: 10px; a { color: #5f5f5f; font-size: 15px; font-weight: 400; &:hover, &:focus { color: $dark-color; } } &:last-child { margin-bottom: 0; } } .tags { @include display-flex(flex); @include flex-wrap(wrap); li { margin-bottom: 0; a { display: block; line-height: 28px; font-size: 15px; color: #5f5f5f; height: 30px; background-color: #fff; padding: 0 15px; border: 1px solid $dark-color; margin: 3px; @media #{$breakpoint-lg} { padding: 0 10px; } } } } } } /* :: 17.0 Skills Area CSS */ .single-skils-area { position: relative; z-index: 1; text-align: center; .circle { position: relative; z-index: 10; margin-bottom: 15px; } .skills-text { position: absolute; top: 50%; left: 50%; text-align: center; @include transform(translate(-50%, -50%)); span { font-size: 24px; color: $heading-color; font-weight: 500; } p { font-size: 15px; color: #5f5f5f; line-height: 1; } } } /* :: 18.0 Contact Area CSS */ .contact-content { position: relative; z-index: 2; .contact-social-info { a { display: inline-block; margin-right: 20px; font-size: 14px; color: #000000; &:hover, &:focus { color: $hover-color; } } } .single-contact-info { position: relative; margin-bottom: 20px; &:last-child { margin-bottom: 0; } p { font-size: 15px; margin-bottom: 0; } .icon { @include flex(0 0 35px); max-width: 35px; width: 35px; height: 35px; border: 1px solid #000; text-align: center; span { font-size: 20px; line-height: 33px; } } } } .contact-form-area { .form-control { position: relative; z-index: 2; height: 45px; width: 100%; background-color: transparent; font-size: 14px; margin-bottom: 15px; border: none; border-radius: 0; padding: 15px 0; font-style: italic; color: #b3b3b3; border-bottom: 1px solid $dark-color; @include trans-duration(500ms); &:focus { box-shadow: none; border-bottom: 1px solid $dark-color; } } textarea.form-control { height: 160px; } } .has-bg-img { position: relative; z-index: 1; .contact-form-area { .form-control { color: #fff; border-bottom: 1px solid #fff; &:focus { border-bottom: 1px solid #fff; } } } .oneMusic-btn { background-color: transparent; border-color: #fff; color: #fff; &:hover, &:focus { background-color: #fff; color: $dark-color; } } } .map-area { position: relative; z-index: 2; iframe { width: 100%; height: 385px; border: none; margin-bottom: 0; @media #{$breakpoint-xs} { height: 300px; } } } /* :: 19.0 Elements Area CSS */ .elements-title { position: relative; z-index: 1; h2 { font-size: 24px; } } /* :: 20.1.0 Single Cool Facts CSS */ .single-cool-fact { position: relative; z-index: 1; .scf-text { h2 { font-size: 48px; margin-bottom: 0; color: $heading-color; @media #{$breakpoint-lg} { font-size: 48px; } @media #{$breakpoint-md} { font-size: 36px; } @media #{$breakpoint-xs} { font-size: 30px; } } p { font-size: 15px; margin-bottom: 0; color: #5f5f5f; line-height: 1; } } } /* :: 20.2.0 Accordians Area CSS */ .single-accordion { &.panel { background-color: $white-color; border: 0 solid transparent; border-radius: 4px; box-shadow: 0 0 0 transparent; margin-bottom: 15px; } &:last-of-type { margin-bottom: 0; } h6 { margin-bottom: 0; a { background-color: $dark-color; border-radius: 0; color: $white-color; display: block; margin: 0; padding: 20px 70px 20px 30px; position: relative; font-size: 14px; text-transform: capitalize; border: 1px solid $dark-color; span { background: transparent; @include trans-duration(500ms); font-size: 10px; position: absolute; right: 0; text-align: center; top: 0; width: 58px; height: 100%; color: $white-color; line-height: 58px; &.accor-open { opacity: 0; } } &.collapsed { @include trans-duration(500ms); background-color: transparent; color: $heading-color; span { color: $dark-color; &.accor-close { opacity: 0; } &.accor-open { opacity: 1; } } } } } .accordion-content { border-top: 0 solid transparent; box-shadow: none; p { padding: 20px 15px 5px; margin-bottom: 0; } } } /* :: 20.3.0 Tabs Area CSS */ .oneMusic-tabs-content { position: relative; z-index: 1; .nav-tabs { border-bottom: none; margin-bottom: 15px; .nav-link { background-color: transparent; border: 1px solid $dark-color; padding: 0 30px; height: 58px; line-height: 58px; color: $heading-color; margin: 0 2px; border-radius: 0; @media #{$breakpoint-lg} { padding: 0 15px; } @media #{$breakpoint-xs} { padding: 0 15px; font-size: 12px; margin-bottom: 5px; } @media #{$breakpoint-xs-landscape} { padding: 0 15px; } &.active { background-color: $dark-color; color: $white-color; } } } .oneMusic-tab-text { position: relative; z-index: 1; padding-top: 10px; p { margin-bottom: 0; } } .tab-content { h6 { font-size: 18px; } } } .single-web-icon { position: relative; z-index: 1; background-color: $bg-gray; text-align: center; padding: 30px 10px; border: 1px solid #b8b8b8; @include trans-duration(500ms); i { display: block; font-size: 50px; margin-bottom: 15px; } span { font-size: 16px; } &:hover { box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.15); } } /* :: 3.1.0 Spacing */ .mt-15 { margin-top: 15px !important; } .mt-30 { margin-top: 30px !important; } .mt-50 { margin-top: 50px !important; } .mt-70 { margin-top: 70px !important; } .mt-100 { margin-top: 100px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-100 { margin-bottom: 100px !important; } .ml-15 { margin-left: 15px !important; } .ml-30 { margin-left: 30px !important; } .ml-50 { margin-left: 50px !important; } .mr-15 { margin-right: 15px !important; } .mr-30 { margin-right: 30px !important; } .mr-50 { margin-right: 50px !important; } /* :: 3.2.0 Height */ .height-400 { height: 400px !important; } .height-500 { height: 500px !important; } .height-600 { height: 600px !important; } .height-700 { height: 700px !important; } .height-800 { height: 800px !important; } /* :: 3.3.0 Section Padding */ .section-padding-100 { padding-top: 100px; padding-bottom: 100px; } .section-padding-100-0 { padding-top: 100px; padding-bottom: 0; } .section-padding-0-100 { padding-top: 0; padding-bottom: 100px; } .section-padding-100-70 { padding-top: 100px; padding-bottom: 70px; } /* :: 3.4.0 Section Heading */ .section-heading { position: relative; z-index: 1; margin-bottom: 100px; text-align: center; } @media only screen and (max-width: 767px) { .section-heading h2 { letter-spacing: 5px; } } .section-heading.white h2 { color: #fff; } .section-heading.style-2 p { font-size: 16px; } .section-heading.style-2 h2 { font-size: 30px; } @media only screen and (max-width: 767px) { .section-heading.style-2 h2 { font-size: 24px; } } /* :: 3.5.0 Preloader */ .preloader { background-color: #ffffff; width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; z-index: 99999; } .preloader .lds-ellipsis { display: inline-block; position: relative; width: 64px; height: 64px; } .preloader .lds-ellipsis div { position: absolute; top: 27px; width: 11px; height: 11px; border-radius: 50%; background: #000000; animation-timing-function: cubic-bezier(0, 1, 1, 0); } .preloader .lds-ellipsis div:nth-child(1) { left: 6px; -webkit-animation: lds-ellipsis1 0.6s infinite; animation: lds-ellipsis1 0.6s infinite; } .preloader .lds-ellipsis div:nth-child(2) { left: 6px; -webkit-animation: lds-ellipsis2 0.6s infinite; animation: lds-ellipsis2 0.6s infinite; } .preloader .lds-ellipsis div:nth-child(3) { left: 26px; -webkit-animation: lds-ellipsis2 0.6s infinite; animation: lds-ellipsis2 0.6s infinite; } .preloader .lds-ellipsis div:nth-child(4) { left: 45px; -webkit-animation: lds-ellipsis3 0.6s infinite; animation: lds-ellipsis3 0.6s infinite; } @-webkit-keyframes lds-ellipsis1 { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes lds-ellipsis1 { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes lds-ellipsis3 { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0); transform: scale(0); } } @keyframes lds-ellipsis3 { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0); transform: scale(0); } } @-webkit-keyframes lds-ellipsis2 { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(19px, 0); transform: translate(19px, 0); } } @keyframes lds-ellipsis2 { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(19px, 0); transform: translate(19px, 0); } } /* :: 3.6.0 Miscellaneous */ .bg-img { background-position: center center; background-size: cover; background-repeat: no-repeat; } .bg-white { background-color: #ffffff !important; } .bg-dark { background-color: #000000 !important; } .bg-transparent { background-color: transparent !important; } .bg-gray { background-color: #f5f9fa; } .font-bold { font-weight: 700; } .font-light { font-weight: 300; } .bg-overlay { position: relative; z-index: 2; background-position: center center; background-size: cover; } .bg-overlay::after { background-color: rgba(0, 0, 0, 0.65); position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; content: ""; } .bg-fixed { background-attachment: fixed !important; } /* :: 3.7.0 ScrollUp */ #scrollUp { background-color: #000000; border-radius: 0; bottom: 50px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3); color: #ffffff; font-size: 24px; height: 40px; line-height: 40px; right: 50px; text-align: center; width: 40px; -webkit-transition-duration: 500ms; transition-duration: 500ms; box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.15); } @media only screen and (max-width: 767px) { #scrollUp { right: 30px; bottom: 30px; } } #scrollUp:hover { background-color: #fff; color: #232323; } /* :: 3.8.0 oneMusic Button */ .oneMusic-btn { background-color: #fff; -webkit-transition-duration: 500ms; transition-duration: 500ms; position: relative; z-index: 1; display: inline-block; min-width: 212px; height: 49px; color: #000; border: 1px solid #000; border-radius: 0; padding: 0 30px; font-size: 16px; line-height: 47px; font-weight: 700; text-transform: capitalize; } .oneMusic-btn i { margin-left: 5px; } .oneMusic-btn:hover, .oneMusic-btn:focus { font-size: 16px; font-weight: 700; background-color: #000000; color: #fff; } .oneMusic-btn.btn-2 { background-color: #000000; color: #fff; } .oneMusic-btn.btn-2:hover, .oneMusic-btn.btn-2:focus { background-color: #fff; color: #232323; } /* :: 4.0 Header Area CSS */ .header-area { position: absolute; z-index: 1000; width: 100%; top: 20px; left: 0; z-index: 1000; } .header-area .oneMusic-main-menu { position: relative; width: 100%; height: 85px; background-color: transparent; } @media only screen and (max-width: 767px) { .header-area .oneMusic-main-menu { height: 70px; } } .header-area .oneMusic-main-menu .classy-nav-container { background-color: transparent; } .header-area .oneMusic-main-menu .classy-navbar { background-color: transparent; height: 85px; padding: 0; } @media only screen and (max-width: 767px) { .header-area .oneMusic-main-menu .classy-navbar { height: 70px; } } .header-area .oneMusic-main-menu .classy-navbar .classynav ul li a { font-weight: 700; text-transform: capitalize; color: #ffffff; font-size: 16px; } .header-area .oneMusic-main-menu .classy-navbar .classynav ul li a:hover, .header-area .oneMusic-main-menu .classy-navbar .classynav ul li a:focus { color: rgba(255, 255, 255, 0.7); } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .oneMusic-main-menu .classy-navbar .classynav ul li a { background-color: #000000; border-bottom-color: rgba(255, 255, 255, 0.1); } } @media only screen and (max-width: 767px) { .header-area .oneMusic-main-menu .classy-navbar .classynav ul li a { background-color: #000000; border-bottom-color: rgba(255, 255, 255, 0.1); } } .header-area .oneMusic-main-menu .classy-navbar .classynav ul li.megamenu-item>a::after, .header-area .oneMusic-main-menu .classy-navbar .classynav ul li.has-down>a::after { color: #ffffff; } .header-area .oneMusic-main-menu .classy-navbar .classynav ul li.megamenu-item ul li>a::after, .header-area .oneMusic-main-menu .classy-navbar .classynav ul li.has-down ul li>a::after { color: #232323; } @media only screen and (max-width: 767px) { .header-area .oneMusic-main-menu .classy-navbar .classynav ul li.megamenu-item ul li>a::after, .header-area .oneMusic-main-menu .classy-navbar .classynav ul li.has-down ul li>a::after { color: #ffffff; } } .header-area .oneMusic-main-menu .classy-navbar .classynav ul li ul li a { color: #232323; } .header-area .oneMusic-main-menu .classy-navbar .classynav ul li ul li a:hover, .header-area .oneMusic-main-menu .classy-navbar .classynav ul li ul li a:focus { color: #888888; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header-area .oneMusic-main-menu .classy-navbar .classynav ul li ul li a { padding: 0 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .oneMusic-main-menu .classy-navbar .classynav ul li ul li a { color: #ffffff; padding: 0 30px; border-bottom-color: rgba(255, 255, 255, 0.1); } } @media only screen and (max-width: 767px) { .header-area .oneMusic-main-menu .classy-navbar .classynav ul li ul li a { color: #ffffff; padding: 0 30px; border-bottom-color: rgba(255, 255, 255, 0.1) !important; } } .header-area .oneMusic-main-menu .classy-navbar .classynav ul li .dropdown li .dropdown li .dropdown li a { border-bottom: 1px solid rgba(242, 244, 248, 0.7); } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .oneMusic-main-menu .classy-navbar .classynav ul li .dropdown li .dropdown li .dropdown li a { border-bottom-color: rgba(255, 255, 255, 0.1) !important; } } @media only screen and (max-width: 767px) { .header-area .oneMusic-main-menu .classy-navbar .classynav ul li .dropdown li .dropdown li .dropdown li a { border-bottom-color: rgba(255, 255, 255, 0.1) !important; } } .header-area .oneMusic-main-menu .login-register-cart-button { position: relative; z-index: 1; margin-left: 100px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .oneMusic-main-menu .login-register-cart-button { margin-left: 12px; margin-top: 15px; } } @media only screen and (max-width: 767px) { .header-area .oneMusic-main-menu .login-register-cart-button { margin-left: 12px; margin-top: 15px; } } .header-area .oneMusic-main-menu .login-register-cart-button .login-register-btn { position: relative; z-index: 10; } .header-area .oneMusic-main-menu .login-register-cart-button .login-register-btn a { -webkit-transition-duration: 500ms; transition-duration: 500ms; margin-bottom: 0; color: #fff; font-weight: 700; font-size: 16px; cursor: pointer; line-height: 1; } .header-area .oneMusic-main-menu .login-register-cart-button .login-register-btn a:hover, .header-area .oneMusic-main-menu .login-register-cart-button .login-register-btn a:focus { color: rgba(255, 255, 255, 0.7); } .header-area .oneMusic-main-menu .login-register-cart-button .cart-btn { position: relative; z-index: 10; } .header-area .oneMusic-main-menu .login-register-cart-button .cart-btn p { -webkit-transition-duration: 500ms; transition-duration: 500ms; margin-bottom: 0; color: #fff; font-size: 18px; cursor: pointer; line-height: 1; } .header-area .oneMusic-main-menu .login-register-cart-button .cart-btn p:hover, .header-area .oneMusic-main-menu .login-register-cart-button .cart-btn p:focus { color: rgba(255, 255, 255, 0.7); } .header-area .oneMusic-main-menu .login-register-cart-button .cart-btn p .quantity { width: 15px; height: 15px; border: 1px solid #fff; background-color: #232323; color: #fff; display: block; position: absolute; bottom: -5px; left: -10px; z-index: 10; font-size: 9px; font-weight: 400; border-radius: 50%; line-height: 13px; text-align: center; } .header-area .is-sticky .oneMusic-main-menu { position: fixed; width: 100%; height: 85px; top: 0; left: 0; z-index: 9999; background-color: #000000; box-shadow: 0 5px 50px 15px rgba(0, 0, 0, 0.2); } @media only screen and (max-width: 767px) { .header-area .is-sticky .oneMusic-main-menu { height: 70px; } } .classy-navbar .nav-brand { max-width: 130px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .breakpoint-on .classy-navbar .classy-menu { background-color: #000000; } } @media only screen and (max-width: 767px) { .breakpoint-on .classy-navbar .classy-menu { background-color: #000000; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .classynav ul li .megamenu .single-mega.cn-col-4 { padding: 0; } } @media only screen and (max-width: 767px) { .classynav ul li .megamenu .single-mega.cn-col-4 { padding: 0; } } .classycloseIcon .cross-wrap span { background: #ffffff; } /* :: 5.0 Hero Slides Area */ .hero-area, .hero-slides { position: relative; z-index: 1; } .single-hero-slide { width: 100%; height: 950px; position: relative; z-index: 1; padding: 0 30px; overflow: hidden; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-hero-slide { height: 700px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-hero-slide { height: 650px; } } @media only screen and (max-width: 767px) { .single-hero-slide { height: 500px; } } .single-hero-slide::after { position: absolute; width: 100%; height: 100%; z-index: -5; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.35); content: ''; } .single-hero-slide .slide-img { position: absolute; width: 100%; height: 100%; z-index: -10; left: 0; right: 0; top: 0; bottom: 0; } .single-hero-slide .hero-slides-content { display: inline-block; width: 100%; } .single-hero-slide .hero-slides-content h6 { font-size: 18px; color: #fff; letter-spacing: 20px; text-transform: uppercase; margin-bottom: 20px; display: block; } @media only screen and (max-width: 767px) { .single-hero-slide .hero-slides-content h6 { letter-spacing: 5px; } } .single-hero-slide .hero-slides-content h2 { position: relative; z-index: 1; font-size: 60px; color: #ffffff; margin-bottom: 0; font-weight: 400; display: block; text-transform: capitalize; letter-spacing: 30px; overflow: hidden; } .single-hero-slide .hero-slides-content h2 span { position: absolute; top: 0; width: 100%; height: 100%; left: 0; color: rgba(255, 255, 255, 0.15); -webkit-animation: textsonar 6s linear infinite; animation: textsonar 6s linear infinite; } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-hero-slide .hero-slides-content h2 { letter-spacing: 15px; font-size: 42px; } } @media only screen and (max-width: 767px) { .single-hero-slide .hero-slides-content h2 { letter-spacing: 5px; font-size: 30px; } } .single-hero-slide .hero-slides-content .btn { border: 1px solid #fff; background-color: transparent; color: #fff; } .single-hero-slide .hero-slides-content .btn:hover, .single-hero-slide .hero-slides-content .btn:focus { background-color: #fff; color: #000000; } @-webkit-keyframes textsonar { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scaleX(1.15); transform: scaleX(1.15); } 100% { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes textsonar { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scaleX(1.15); transform: scaleX(1.15); } 100% { -webkit-transform: scaleX(1); transform: scaleX(1); } } .single-hero-slide .slide-img { -webkit-animation: slide 12s linear infinite; animation: slide 12s linear infinite; } @-webkit-keyframes slide { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes slide { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } /* :: 6.0 Buy Now Area CSS */ .oneMusic-buy-now-area.has-fluid { padding-left: 4%; padding-right: 4%; position: relative; z-index: 1; } /* :: 7.0 Events Area CSS */ .single-event-area { position: relative; z-index: 1; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .single-event-area img { width: 100%; } .single-event-area .event-text { text-align: center; position: relative; z-index: 1; padding: 30px 15px; background-color: #000; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .single-event-area .event-text h4 { color: #fff; text-transform: uppercase; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .single-event-area .event-text .event-meta-data { position: relative; margin-bottom: 30px; } .single-event-area .event-text .event-meta-data a { -webkit-transition-duration: 500ms; transition-duration: 500ms; position: relative; z-index: 1; color: #fff; font-size: 15px; font-weight: 400; display: inline-block; padding-right: 29px; } .single-event-area .event-text .event-meta-data a:first-child::after { position: absolute; content: '|'; top: 0; right: 12px; z-index: 1; } .single-event-area .event-text .event-meta-data a:last-child { padding-right: 0; } .single-event-area .event-text .see-more-btn { font-size: 11px; color: #fff; text-transform: uppercase; letter-spacing: 10px; border-bottom: 1px solid #fff; padding-left: 0; padding-right: 0; border-radius: 0; } .single-event-area .event-text .see-more-btn:hover, .single-event-area .event-text .see-more-btn:focus { font-weight: 400; } .single-event-area:hover, .single-event-area:focus { box-shadow: 0 5px 80px 0 rgba(0, 0, 0, 0.2); } .single-event-area:hover .event-text, .single-event-area:focus .event-text { background-color: #f5f9fa; } .single-event-area:hover .event-text h4, .single-event-area:hover .event-text .event-meta-data a, .single-event-area:focus .event-text h4, .single-event-area:focus .event-text .event-meta-data a { color: #000000; } .single-event-area:hover .event-text .see-more-btn, .single-event-area:focus .event-text .see-more-btn { border-bottom-color: #000000; color: #000000; } /* :: 8.0 Newsletter Area CSS */ .newsletter-area { position: relative; z-index: 1; border: 1px solid #000000; padding: 45px; } .newsletter-area .newsletter-form { position: relative; z-index: 1; } .newsletter-area .newsletter-form input { width: 100%; height: 40px; font-size: 14px; color: #b3b3b3; font-style: italic; border: none; border-bottom: 1px solid #d6d6d6; margin-bottom: 30px; display: block; } .testimonials-area { position: relative; z-index: 1; padding: 45px; } .testimonials-area .testimonials-slide { position: relative; z-index: 1; } .testimonials-area .testimonials-slide .single-slide p { font-size: 15px; color: #fff; font-style: italic; } .testimonials-area .testimonials-slide .single-slide .testimonial-info { margin-top: 30px; display: block; } .testimonials-area .testimonials-slide .single-slide .testimonial-info .testimonial-thumb { width: 44px; height: 44px; border-radius: 50%; margin-right: 15px; } .testimonials-area .testimonials-slide .single-slide .testimonial-info .testimonial-thumb img { border-radius: 50%; } .testimonials-area .testimonials-slide .single-slide .testimonial-info p { font-style: normal; font-size: 15px; color: #fff; margin-bottom: 0; } /* :: 9.0 Album Catagory Area CSS */ .featured-artist-area { position: relative; z-index: 1; } .featured-artist-content { position: relative; z-index: 1; } @media only screen and (max-width: 767px) { .featured-artist-content { margin-top: 50px; } } .featured-artist-content p { color: #fff; } .browse-by-catagories { position: relative; z-index: 1; } .browse-by-catagories a { display: inline-block; background-color: #f4f4f4; border: 2px solid transparent; padding: 6px 9px; font-size: 15px; color: black; margin-right: 5px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .browse-by-catagories a { padding: 4px 7px; font-size: 14px; margin-right: 4px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .browse-by-catagories a { padding: 4px 7px; font-size: 14px; margin-right: 5px; margin-bottom: 5px; } } @media only screen and (max-width: 767px) { .browse-by-catagories a { padding: 2px 5px; font-size: 13px; margin-right: 5px; color: black; margin-bottom: 5px; } } .browse-by-catagories a:hover, .browse-by-catagories a:focus, .browse-by-catagories a.active { border: 2px solid #000000; } .browse-by-catagories a:first-child { border-color: transparent; color: black; background-color: transparent; } .single-album { position: relative; z-index: 1; color: black; -webkit-transition-duration: 500ms; transition-duration: 500ms; margin-bottom: 30px; } .single-album img { width: 100%; } .single-album .album-info { position: relative; z-index: 1; text-align: center; padding-top: 15px; padding-bottom: 15px; } .single-album .album-info h5 { font-size: 18px; color: #000 !important; margin-bottom: 0; text-transform: uppercase; } .single-album .album-info p { margin-bottom: 0; } .single-album:hover, .single-album:focus { box-shadow: 0 5px 70px 0 rgba(0, 0, 0, 0.15); } .single-album-area { position: relative; z-index: 1; -webkit-transition-duration: 500ms; transition-duration: 500ms; margin-bottom: 30px; } .single-album-area .album-thumb { position: relative; z-index: 1; } .single-album-area .album-thumb .album-price p { position: absolute; top: 15px; left: 15px; background-color: #fff; margin-bottom: 0; line-height: 1; padding: 5px 15px; border-radius: 15px; z-index: 20; } .single-album-area .album-thumb .play-icon a { color: #fff; font-size: 50px; position: absolute; top: 50%; left: 50%; line-height: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .single-album-area img { width: 100%; } .single-album-area .album-info { display: block; position: relative; z-index: 1; padding-top: 15px; padding-bottom: 15px; } .single-album-area .album-info h5 { font-size: 18px; margin-bottom: 0; text-transform: uppercase; } .single-album-area .album-info p { margin-bottom: 0; } .albums-slideshow { position: relative; z-index: 1; } .albums-slideshow .single-album { -webkit-transition-duration: 500ms; transition-duration: 500ms; margin-bottom: 0; border: 1px solid transparent; } .albums-slideshow .single-album:hover, .albums-slideshow .single-album:focus { border: 1px solid #000000; box-shadow: none; background-color: #f5f9fa; } .albums-slideshow .owl-prev, .albums-slideshow .owl-next { -webkit-transition-duration: 500ms; transition-duration: 500ms; background-color: #fff; position: absolute; width: 50px; height: 50px; border: 1px solid #000000; top: 50%; left: -25px; margin-top: -50px; z-index: 50; text-align: center; line-height: 48px; opacity: 0; visibility: hidden; } @media only screen and (max-width: 767px) { .albums-slideshow .owl-prev, .albums-slideshow .owl-next { left: 0; } } .albums-slideshow .owl-prev:hover, .albums-slideshow .owl-prev:focus, .albums-slideshow .owl-next:hover, .albums-slideshow .owl-next:focus { background-color: #000000; color: #fff; } .albums-slideshow .owl-next { left: auto; right: -25px; } @media only screen and (max-width: 767px) { .albums-slideshow .owl-next { right: 0; } } .albums-slideshow:hover .owl-prev, .albums-slideshow:hover .owl-next { opacity: 1; visibility: visible; } /* :: 10.0 Songs Area CSS */ .single-song-area { position: relative; z-index: 1; } .single-song-area .song-thumbnail { position: relative; z-index: 1; -webkit-box-flex: 0; -ms-flex: 0 0 135px; flex: 0 0 135px; max-width: 135px; width: 135px; margin-right: 50px; } .single-song-area .song-thumbnail img { width: 100%; } @media only screen and (max-width: 767px) { .single-song-area .song-thumbnail { margin-right: 0; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } } .single-song-area .song-play-area { position: relative; z-index: 1; -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 185px); flex: 0 0 calc(100% - 185px); max-width: calc(100% - 185px); width: calc(100% - 185px); background-color: #262626; padding: 15px 30px 20px; } @media only screen and (max-width: 767px) { .single-song-area .song-play-area { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } } .single-song-area .song-play-area .song-name p { color: #b8b8b8; margin-bottom: 5px; } .single-song-area .song-play-area .audioplayer { margin: 0; padding: 0; width: 100%; height: auto; align-items: center; border: none; border-radius: 0; background: transparent; } .single-song-area .song-play-area .audioplayer-playing .audioplayer-playpause, .single-song-area .song-play-area .audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover, .single-song-area .song-play-area .audioplayer:not(.audioplayer-playing) .audioplayer-playpause { background: #fff; } .single-song-area .song-play-area .audioplayer-time { font-size: 14px; color: #fff; } .song-play-area { position: relative; z-index: 1; width: 100%; background-color: #262626; padding: 15px 30px 20px; border: 1px solid #363636; } .song-play-area .song-name p { color: #b8b8b8; margin-bottom: 5px; } .song-play-area .audioplayer { margin: 0; padding: 0; width: 100%; height: auto; align-items: center; border: none; border-radius: 0; background: transparent; } .song-play-area .audioplayer-playing .audioplayer-playpause, .song-play-area .audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover, .song-play-area .audioplayer:not(.audioplayer-playing) .audioplayer-playpause { background: #fff; } .song-play-area .audioplayer-time { font-size: 14px; color: #fff; } /* :: 11.0 Miscellaneous Area CSS */ .weeks-top-area { position: relative; z-index: 1; padding: 45px 30px; -webkit-transition-duration: 500ms; transition-duration: 500ms; border: 1px solid transparent; } .weeks-top-area .single-top-item { position: relative; z-index: 1; margin-bottom: 21px; } .weeks-top-area .single-top-item:last-child { margin-bottom: 0; } .weeks-top-area .single-top-item .thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 73px; flex: 0 0 73px; max-width: 73px; width: 73px; margin-right: 20px; } .weeks-top-area .single-top-item .content- h6 { text-transform: uppercase; margin-bottom: 0; } .weeks-top-area .single-top-item .content- p { font-size: 14px; margin-bottom: 0; } .weeks-top-area:hover, .weeks-top-area:focus { background-color: #f5f9fa; border-color: #d8d8d8; } .popular-artists-area { position: relative; z-index: 1; padding: 45px 30px; -webkit-transition-duration: 500ms; transition-duration: 500ms; border: 1px solid #d8d8d8; background-color: #f5f9fa; } .popular-artists-area .single-artists { position: relative; z-index: 1; margin-bottom: 17px; } .popular-artists-area .single-artists:last-child { margin-bottom: 0; } .popular-artists-area .single-artists .thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 63px; flex: 0 0 63px; max-width: 63px; width: 63px; margin-right: 20px; border-radius: 50%; } .popular-artists-area .single-artists .thumbnail img { border-radius: 50%; } .popular-artists-area .single-artists .content- p { font-size: 16px; margin-bottom: 0; } .new-hits-area { position: relative; z-index: 1; padding: 45px 30px; -webkit-transition-duration: 500ms; transition-duration: 500ms; border: 1px solid #d8d8d8; background-color: #f5f9fa; } .new-hits-area .single-new-item { position: relative; z-index: 1; border-bottom: 1px solid #d8d8d8; margin-bottom: 10px; padding-bottom: 10px; } .new-hits-area .single-new-item:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } .new-hits-area .single-new-item .thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 73px; flex: 0 0 73px; max-width: 73px; width: 73px; margin-right: 20px; } .new-hits-area .single-new-item .content- h6 { text-transform: uppercase; margin-bottom: 0; } .new-hits-area .single-new-item .content- p { font-size: 14px; margin-bottom: 0; } .new-hits-area .single-new-item .audioplayer { margin: 0; padding: 0; width: auto; height: auto; border: none; border-radius: 0; background: transparent; } .new-hits-area .single-new-item .audioplayer-playing .audioplayer-playpause, .new-hits-area .single-new-item .audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover, .new-hits-area .single-new-item .audioplayer:not(.audioplayer-playing) .audioplayer-playpause { background: #d6d6d6; } .new-hits-area .single-new-item .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a { border-left: 12px solid #fff; } .new-hits-area .single-new-item .audioplayer-time, .new-hits-area .single-new-item .audioplayer-volume, .new-hits-area .single-new-item .audioplayer-bar { display: none; } /* :: 12.0 Login Area CSS */ .login-content { -webkit-transition-duration: 500ms; transition-duration: 500ms; position: relative; z-index: 1; background-color: #f5f9fa; border: 1px solid #d8d8d8; padding: 50px 100px; box-shadow: 0 2px 70px 0 rgba(0, 0, 0, 0.15); text-align: center; } @media only screen and (max-width: 767px) { .login-content { padding: 50px 30px; } } .login-content h3 { margin-bottom: 30px; } .login-content .form-group { text-align: left; } .login-content .form-control { width: 100%; height: 50px; border: 1px solid #000000; font-size: 12px; font-style: italic; padding: 0 20px; border-radius: 0; } .login-content .form-control:focus { box-shadow: none; } /* :: 13.0 Services Area CSS */ .single-service-area .icon { -webkit-box-flex: 0; -ms-flex: 0 0 78px; flex: 0 0 78px; max-width: 78px; width: 78px; position: relative; z-index: 1; width: 78px; height: 78px; border: 1px solid #000000; text-align: center; } .single-service-area .icon span { line-height: 76px; font-size: 40px; } .single-service-area .text { position: relative; z-index: 1; -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 78px); flex: 0 0 calc(100% - 78px); max-width: calc(100% - 78px); width: calc(100% - 78px); padding-left: 30px; } /* :: 14.0 Footer Area CSS */ .footer-area { position: relative; z-index: 1; background-color: #000000; padding: 30px 0; } @media only screen and (max-width: 767px) { .footer-area { text-align: center; } } .footer-area .copywrite-text { font-size: 12px; margin-bottom: 0; color: rgba(166, 165, 165, 0.54); } .footer-area .copywrite-text a { color: rgba(166, 165, 165, 0.54); font-size: 12px; } .footer-area .copywrite-text a:hover, .footer-area .copywrite-text a:focus { color: #fff; } .footer-area .footer-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media only screen and (max-width: 767px) { .footer-area .footer-nav ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; } } .footer-area .footer-nav li a { color: #898888; font-size: 16px; padding: 0 20px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer-area .footer-nav li a { padding: 0 10px; font-size: 14px; } } @media only screen and (max-width: 767px) { .footer-area .footer-nav li a { padding: 0 10px; font-size: 14px; } } .footer-area .footer-nav li a:hover, .footer-area .footer-nav li a:focus { color: #fff; } .footer-area .footer-nav li:last-child a { padding-right: 0; } /* :: 15.0 Breadcumb Area CSS */ .breadcumb-area { position: relative; z-index: 10; width: 100%; height: 385px; } @media only screen and (max-width: 767px) { .breadcumb-area { height: 270px; } } .breadcumb-area .bradcumbContent { position: absolute; background-color: #fff; width: 552px; bottom: 0; left: 50%; z-index: 100; text-align: center; padding-top: 40px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (max-width: 767px) { .breadcumb-area .bradcumbContent { width: calc(100% - 60px); padding-top: 30px; } } .breadcumb-area .bradcumbContent p { line-height: 1.5; font-size: 16px; color: #5f5f5f; } .breadcumb-area .bradcumbContent h2 { font-size: 30px; letter-spacing: 10px; text-transform: uppercase; line-height: 1; margin-bottom: 0; } @media only screen and (max-width: 767px) { .breadcumb-area .bradcumbContent h2 { font-size: 18px; letter-spacing: 5px; } } /* :: 16.0 Blog Area CSS */ .single-blog-post { position: relative; z-index: 1; } .single-blog-post .blog-post-thumb { position: relative; z-index: 1; } .single-blog-post .blog-post-thumb .post-date { width: 76px; height: 106px; border: 1px solid #000000; text-align: center; background-color: #fff; position: absolute; z-index: 10; top: -30px; left: 30px; padding: 17px 0; } .single-blog-post .blog-post-thumb .post-date span { display: block; font-size: 14px; font-weight: 700; line-height: 1.3; } .single-blog-post .blog-post-thumb .post-date span:first-child { font-size: 36px; } .single-blog-post .blog-content { background-color: #f5f9fa; padding: 45px 40px; border: 1px solid #d8d8d8; } @media only screen and (max-width: 767px) { .single-blog-post .blog-content { padding: 30px 20px; } } .single-blog-post .blog-content .post-title { font-size: 24px; display: block; } @media only screen and (max-width: 767px) { .single-blog-post .blog-content .post-title { font-size: 20px; } } .single-blog-post .blog-content .post-title:hover, .single-blog-post .blog-content .post-title:focus { color: #232323; } .single-blog-post .blog-content .post-meta { position: relative; z-index: 1; margin-bottom: 10px; } .single-blog-post .blog-content .post-meta p { color: #8d8d8d; font-size: 13px; padding-right: 25px; position: relative; z-index: 1; } .single-blog-post .blog-content .post-meta p::after { content: '|'; position: absolute; right: 12px; top: 0; z-index: 5; } .single-blog-post .blog-content .post-meta p:last-child::after { display: none; } .single-blog-post .blog-content .post-meta p a { color: #8d8d8d; font-size: 13px; margin-bottom: 0; font-weight: 400; } .single-blog-post .blog-content .post-meta p a:hover, .single-blog-post .blog-content .post-meta p a:focus { color: #000000; } .single-blog-post .blog-content p { margin-bottom: 0; } .oneMusic-pagination-area .pagination .page-item .page-link { background-color: transparent; display: block; padding: 0; border: 1px solid transparent; color: #5f5f5f; font-size: 15px; font-weight: 400; width: 34px; height: 34px; line-height: 32px; text-align: center; margin-right: 10px; } .oneMusic-pagination-area .pagination .page-item .page-link:hover, .oneMusic-pagination-area .pagination .page-item .page-link:focus { color: #000000; border: 1px solid #000000; } .oneMusic-pagination-area .pagination .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .oneMusic-pagination-area .pagination .page-item:last-child .page-link { border-top-right-radius: 0; border-bottom-right-radius: 0; } .oneMusic-pagination-area .pagination .page-item.active .page-link { color: #000000; border: 1px solid #000000; } .blog-sidebar-area { position: relative; z-index: 1; } @media only screen and (max-width: 767px) { .blog-sidebar-area { margin-top: 100px; } } .single-widget-area { position: relative; z-index: 1; background-color: #f5f9fa; border: 1px solid #d8d8d8; } .single-widget-area img { width: 100%; } .single-widget-area .widget-title { padding: 25px 45px; border-bottom: 1px solid #d8d8d8; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-widget-area .widget-title { padding: 20px 30px; } } .single-widget-area .widget-title h5 { margin-bottom: 0; line-height: 1; } .single-widget-area .widget-content { padding: 25px 45px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-widget-area .widget-content { padding: 20px 30px; } } .single-widget-area .widget-content ul li { margin-bottom: 10px; } .single-widget-area .widget-content ul li a { color: #5f5f5f; font-size: 15px; font-weight: 400; } .single-widget-area .widget-content ul li a:hover, .single-widget-area .widget-content ul li a:focus { color: #000000; } .single-widget-area .widget-content ul li:last-child { margin-bottom: 0; } .single-widget-area .widget-content .tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .single-widget-area .widget-content .tags li { margin-bottom: 0; } .single-widget-area .widget-content .tags li a { display: block; line-height: 28px; font-size: 15px; color: #5f5f5f; height: 30px; background-color: #fff; padding: 0 15px; border: 1px solid #000000; margin: 3px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-widget-area .widget-content .tags li a { padding: 0 10px; } } /* :: 17.0 Skills Area CSS */ .single-skils-area { position: relative; z-index: 1; text-align: center; } .single-skils-area .circle { position: relative; z-index: 10; margin-bottom: 15px; } .single-skils-area .skills-text { position: absolute; top: 50%; left: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .single-skils-area .skills-text span { font-size: 24px; color: #232323; font-weight: 500; } .single-skils-area .skills-text p { font-size: 15px; color: #5f5f5f; line-height: 1; } /* :: 18.0 Contact Area CSS */ .contact-content { position: relative; z-index: 2; } .contact-content .contact-social-info a { display: inline-block; margin-right: 20px; font-size: 14px; color: #000000; } .contact-content .contact-social-info a:hover, .contact-content .contact-social-info a:focus { color: #232323; } .contact-content .single-contact-info { position: relative; margin-bottom: 20px; } .contact-content .single-contact-info:last-child { margin-bottom: 0; } .contact-content .single-contact-info p { font-size: 15px; margin-bottom: 0; } .contact-content .single-contact-info .icon { -webkit-box-flex: 0; -ms-flex: 0 0 35px; flex: 0 0 35px; max-width: 35px; width: 35px; height: 35px; border: 1px solid #000; text-align: center; } .contact-content .single-contact-info .icon span { font-size: 20px; line-height: 33px; } .contact-form-area .form-control { position: relative; z-index: 2; height: 45px; width: 100%; background-color: transparent; font-size: 14px; margin-bottom: 15px; border: none; border-radius: 0; padding: 15px 0; font-style: italic; color: #b3b3b3; border-bottom: 1px solid #000000; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .contact-form-area .form-control:focus { box-shadow: none; border-bottom: 1px solid #000000; } .contact-form-area textarea.form-control { height: 160px; } .has-bg-img { position: relative; z-index: 1; } .has-bg-img .contact-form-area .form-control { color: #fff; border-bottom: 1px solid #fff; } .has-bg-img .contact-form-area .form-control:focus { border-bottom: 1px solid #fff; } .has-bg-img .oneMusic-btn { background-color: transparent; border-color: #fff; color: #fff; } .has-bg-img .oneMusic-btn:hover, .has-bg-img .oneMusic-btn:focus { background-color: #fff; color: #000000; } .map-area { position: relative; z-index: 2; } .map-area iframe { width: 100%; height: 385px; border: none; margin-bottom: 0; } @media only screen and (max-width: 767px) { .map-area iframe { height: 300px; } } /* :: 19.0 Elements Area CSS */ .elements-title { position: relative; z-index: 1; } .elements-title h2 { font-size: 24px; } /* :: 20.1.0 Single Cool Facts CSS */ .single-cool-fact { position: relative; z-index: 1; } .single-cool-fact .scf-text h2 { font-size: 48px; margin-bottom: 0; color: #232323; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-cool-fact .scf-text h2 { font-size: 48px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-cool-fact .scf-text h2 { font-size: 36px; } } @media only screen and (max-width: 767px) { .single-cool-fact .scf-text h2 { font-size: 30px; } } .single-cool-fact .scf-text p { font-size: 15px; margin-bottom: 0; color: #5f5f5f; line-height: 1; } /* :: 20.2.0 Accordians Area CSS */ .single-accordion.panel { background-color: #ffffff; border: 0 solid transparent; border-radius: 4px; box-shadow: 0 0 0 transparent; margin-bottom: 15px; } .single-accordion:last-of-type { margin-bottom: 0; } .single-accordion h6 { margin-bottom: 0; } .single-accordion h6 a { background-color: #000000; border-radius: 0; color: #ffffff; display: block; margin: 0; padding: 20px 70px 20px 30px; position: relative; font-size: 14px; text-transform: capitalize; border: 1px solid #000000; } .single-accordion h6 a span { background: transparent; -webkit-transition-duration: 500ms; transition-duration: 500ms; font-size: 10px; position: absolute; right: 0; text-align: center; top: 0; width: 58px; height: 100%; color: #ffffff; line-height: 58px; } .single-accordion h6 a span.accor-open { opacity: 0; } .single-accordion h6 a.collapsed { -webkit-transition-duration: 500ms; transition-duration: 500ms; background-color: transparent; color: #232323; } .single-accordion h6 a.collapsed span { color: #000000; } .single-accordion h6 a.collapsed span.accor-close { opacity: 0; } .single-accordion h6 a.collapsed span.accor-open { opacity: 1; } .single-accordion .accordion-content { border-top: 0 solid transparent; box-shadow: none; } .single-accordion .accordion-content p { padding: 20px 15px 5px; margin-bottom: 0; } /* :: 20.3.0 Tabs Area CSS */ .oneMusic-tabs-content { position: relative; z-index: 1; } .oneMusic-tabs-content .nav-tabs { border-bottom: none; margin-bottom: 15px; } .oneMusic-tabs-content .nav-tabs .nav-link { background-color: transparent; border: 1px solid #000000; padding: 0 30px; height: 58px; line-height: 58px; color: #232323; margin: 0 2px; border-radius: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .oneMusic-tabs-content .nav-tabs .nav-link { padding: 0 15px; } } @media only screen and (max-width: 767px) { .oneMusic-tabs-content .nav-tabs .nav-link { padding: 0 15px; font-size: 12px; margin-bottom: 5px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .oneMusic-tabs-content .nav-tabs .nav-link { padding: 0 15px; } } .oneMusic-tabs-content .nav-tabs .nav-link.active { background-color: #000000; color: #ffffff; } .oneMusic-tabs-content .oneMusic-tab-text { position: relative; z-index: 1; padding-top: 10px; } .oneMusic-tabs-content .oneMusic-tab-text p { margin-bottom: 0; } .oneMusic-tabs-content .tab-content h6 { font-size: 18px; } .single-web-icon { position: relative; z-index: 1; background-color: #f5f9fa; text-align: center; padding: 30px 10px; border: 1px solid #b8b8b8; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .single-web-icon i { display: block; font-size: 50px; margin-bottom: 15px; } .single-web-icon span { font-size: 16px; } .single-web-icon:hover { box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.15); } .imgclass { width: 100%; min-height: 250px; } .main { padding: 4px 0; } .col-md-3 { margin-bottom: 40px; } .album-poster { position: relative; display: block; border-radius: 7px; overflow: hidden; transition: all ease 0.4s; } .album-poster:hover { box-shadow: none; transform: scale(0.98) translateY(5px); } /*default is hide music player*/ #aplayer { position: fixed; bottom: -100%; left: 0; width: 100%; margin: 0; box-shadow: 0 -2px 2px #dadada; background-color: #fff; transition: all ease 0.5s; } #aplayer.showPlayer { bottom: 0; } .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded { background: #e0e0e0; height: 4px; } .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played { height: 4px; background-color: #2196F3 !important; } .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb { background-color: #2196F3 !important; } .aplayer .aplayer-icon { width: 20px; height: 20px; } .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path { fill: #000; } .aplayer .aplayer-info .aplayer-music { margin-bottom: 5px; } @media only screen and (max-width:750px) { [responsive~="750-reset-background"] { background-color: initial; } } .entry .more:after, .entry .more:before, .section-secondary .cc:after, .section-secondary .cc:before, .section-secondary:after, .section-secondary:before { content: " :"; display: table; } .entry .more:after, .section-secondary .cc:after, .section-secondary:after { clear: both; } .section-header .select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } #p-year-in-review header, .entity_visual .avatar { background-size: cover; background-position: center center; } .player_background_img { -webkit-filter: blur(60px); filter: blur(60px); filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='60'); } .entry .feature .background:before, .hero-mobile_cover:after, .p-welcome .main .bg:before, .player_background:after, .post_entity:before, .tile_body:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .16; filter: alpha(opacity=16); background-color: #000; content: ""; z-index: 1; } #skeleton-notifications-followers, #skeleton-notifications-generic, #skeleton-overlay, #skeleton-player-full { position: fixed; max-width: 100%; right: 0; overflow-x: hidden; } .dispatcher .link-wrap:active, .dispatcher .link-wrap:hover, .form-search_suggestions a:active, .form-search_suggestions a:hover { background-color: #f0f0f0; } #skeleton-overlay, #skeleton-player-full { height: 100%; top: 0; left: 0; overflow-y: scroll; } .entry .type .text:focus, .form-control:focus { border-color: rgba(255, 31, 89, .7); outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 31, 89, .3); } .avatar, .entity_visual, .hero-cover { position: relative; width: 100%; /*border-radius: 10px;*/ padding-bottom: 100% } .avatar>div, .entity.entity--artist .entity_visual, .entity.entity--user .entity_visual, .entity_visual .avatar { width: 100%; height: 100%; border-radius: 100% } .range .thumb-path>div, .tile_body_content { display: table; width: 100%; height: 100% } #o-download .informational, #p-year-in-review header .body>div, .app-bar_wrap, .btn-social, .entity-overlay, .entity-secondary-menu .layout, .entity_information, .entry, .entry .expand-replies, .hero-plain_structure, .notifications .notification, .notifications .notification-target, .overlay-bar, .player-mini, .section-header, .section-tertiary, .track, .track .link-wrap>div { display: table; width: 100% } .edit-image-thumb-layer>div, .form-search { display: table; width: 100%; height: 100% } #o-download .informational>div, .app-bar_wrap>*, .dispatcher .icon, .dispatcher_body, .entity-overlay_body, .entity-secondary-menu .layout_body, .entity_information>div:first-child, .entry .expand-replies>div, .entry .feature .cover, .form-search_suggestions_statistic, .form-search_suggestions_text, .notifications .notification-target>div, .notifications .notification>div, .overlay-bar>*, .player-mini>*, .section-header_left, .section-header_mono, .section-header_right, .track .link-wrap, .track.track--playlist-deleted>*, .track_actions, .track_chart-position, .track_duration, .track_information, .track_tags { display: table-cell; vertical-align: middle; } .entry .feature .information, .hero-plain_structure>div { display: table-cell; vertical-align: bottom; } .entry .type>div, .entry>div { display: table-cell; vertical-align: top; } #p-year-in-review header .body>div>div, .btn-social>div, .edit-image-thumb-layer>div>div, .form-search_input, .form-search_left, .form-search_right, .p-welcome .licensing_content, .p-welcome .licensing_logo, .p-welcome .main .content, .tile_body_content_descriptive, .tile_body_content_standalone-title, .track.track--playlist-edition .track_handle { display: table-cell; text-align: center; vertical-align: middle; } .entity-overlay_body, .entity-secondary-menu .layout_body, .entity_information>div:first-child, .entry .feature .information, .overlay-bar_information, .player-mini_track_information>:first-child, .track_information { width: 100%; max-width: 50px; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: auto; margin-right: auto; color: inherit; } #p-year-in-review header .body, .edit-image-thumb-layer, .edit-image-thumb-layer:before, .entity_visual .avatar, .entity_visual .playlist-cover-grid, .entity_visual>div, .entry .feature .background, .entry .feature .content, .hero-cover>div, .hero-desktop_cover, .hero-desktop_wrap, .hero-mobile_cover>div, .p-welcome .main .bg, .post_entity:before, .post_entity>:first-child, .post_entity>:last-child, .range .thumb-path, .tile_body:before, .tile_body>:first-child, .tile_body>:last-child { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .avatar>div, .pivot-bar ul, .player-mini_volume_layer, .post .quick-play, .social-links li .icon, .track_play img { position: absolute; top: 0; left: 0; } .player_progress_current { position: absolute; bottom: 0; left: 0; } .licensing-img-insert-desktop>div, .p-welcome .licensing { position: absolute; top: 0; right: 0; } .player_progress_running { position: absolute; bottom: 0; right: 0; } .pivot-bar li.is-active a:before, .pivot-bar:before { position: absolute; bottom: 0; right: 0; left: 0; } .btn-action:after { position: absolute; bottom: 0; right: 0; left: 0; top: 0; } .btn-icon.is-active:after, .loader>div { position: absolute; left: 50%; top: 50% } #skeleton-content-veil { position: fixed; height: 100%; top: 0; left: 0; right: 0; } #skeleton-bar-new, #skeleton-bars { top: 0; right: 0; left: 0; } #skeleton-content-messages, #skeleton-player-mini, #skeleton-secondary-menu-mobile, #skeleton-toast { position: fixed; right: 0; bottom: 0; left: 0; } .btn-like .icon, .btn-like span { display: inline-block; vertical-align: middle; } .pivot-bar li { display: inline-block; vertical-align: top; } .player-mini_volume_layer { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .player-mini .player-volume_mute { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .app-bar .avatar-button, .app-bar-new .avatar-button, .app-bar-new2 .avatar-button, .btn, .btn-fixed_btn, .btn-icon, .btn-like, .btn-link, .btn-pill, .btn-secondary-menu, .btn-social, .btn-store, .btn-tag, .highlighted, .list-entity-overlay button, a.link-action:link { position: relative; display: inline-block; vertical-align: top; text-align: center; text-decoration: none; z-index: 0; } .app-bar .avatar-button:hover, .app-bar-new .avatar-button:hover, .app-bar-new2 .avatar-button:hover, .btn-fixed_btn:hover, .btn-icon:hover, .btn-like:hover, .btn-link:hover, .btn-pill:hover, .btn-secondary-menu:hover, .btn-social:hover, .btn-store:hover, .btn-tag:hover, .btn:hover, .highlighted:hover, .list-entity-overlay button:hover, a.link-action:hover:link { cursor: pointer; } .entity-overlay_cover_img, .entity-secondary-menu .layout_cover_img, .entity_visual_image, .entry .feature .cover>div img, .hero-desktop_cover img, .player-mini_cover img, .player_background_img, .playlist-cover-grid>li img, .post_entity>:first-child img, .row--list-image img, .tile_body>:first-child img, .track_play img { width: 100%; height: auto; } .avatar img, .entity_visual_image.entity_visual_image--avatar, .entry .avatar img { width: 100%; height: auto; border-radius: 100% } .post_entity_background.post_entity_background--fitted img { max-width: 100%; min-height: 100%; width: auto; } .entity .btn-pill, .tile .button-icon-round--play { position: absolute; z-index: 2; } .logo.logo--dark { fill: #262626; } .hero-entity-description, .player_entity-information>*, .post_entity_content>div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tile_body_content_descriptive_title, .tile_body_content_standalone-title { -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .track.track--playlist-edition, .unselectable-text { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #skeleton-player-mini, .chosen-container { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .tile_body_content_descriptive, .tile_body_content_standalone-title { color: #FFF; font-size: 14px; font-size: 1rem; font-family: futurademi, Arial, sans-serif; -webkit-text-shadow: 0 1px 8px #000; -moz-text-shadow: 0 1px 8px #000; -ms-text-shadow: 0 1px 8px #000; -o-text-shadow: 0 1px 8px #000; text-shadow: 0 1px 8px #000; } .list-link.list-link--small a, a.small, p.small { font-size: 12px; font-size: .85714rem; } p.xsmall { font-size: .78571rem; } .dispatcher_body_title, .section-header .select select, .section-header h1, legend { font-size: 11px; font-size: .78571rem; letter-spacing: 1px; line-height: 1.3636; text-transform: uppercase; } .entity-overlay_body_title, .entity-secondary-menu .layout_body_title, .entity_information_title { margin-bottom: .42857rem; text-transform: capitalize; font-weight: 600; font-family: futurabook, Arial, sans-serif; } .entity-overlay_body_title, .entity-secondary-menu .layout_body_title { font-size: 13px; font-size: .92857rem; } .entity_information_title { font-size: 12px; font-size: .85714rem; } .player-mini_track_information_play_source a, .player-mini_track_information_title, .track_information_title { font-size: 13px; font-size: .92857rem; margin-bottom: .28571rem; font-family: futurabook, Arial, sans-serif; font-weight: 600; } .entity-overlay_body_secondary, .entity-secondary-menu .layout_body_secondary, .entity_information_secondary, .track_information_artist { font-size: 10px; font-size: .71429rem; font-family: futurabook, Arial, sans-serif; text-transform: uppercase; } #p-jobs .no-positions, #p-jobs .positions .location, #p-jobs .positions .type, .btn-icon .notification-count, .btn-like, .section-secondary .stats { font-size: 9px; font-size: .64286rem; } .btn-tag, .entry .expand-replies, .entry .info .date, .entry .type .remaining-chars, .p-welcome .licensing, .player-mini_track_duration, .post_entity_content_tag, .track_tags { font-size: 10px; font-size: .71429rem; } .btn, .btn-fixed_btn, .btn-pill.btn--hybrid span, .btn-social>div:last-child, .highlighted, a.link-action:link { font-size: 10px; font-size: .71429rem; font-family: futurabold, Arial, sans-serif; } #p-legal .clauses p, .author, .dispatcher_body_description, .edit-image-cover a span, .edit-image-thumb-layer .text, .help-block, .post_body p, .tile_body_content_descriptive_description, .toasts p, .track_duration { font-size: 11px; font-size: .78571rem; } #p-legal .clauses li li, .author a, .beta-badge, .post_body p a { font-size: 11px; font-size: .78571rem; font-family: futurabold, Arial, sans-serif; } #p-creative-commons .conditions li, #p-privacy-policy, #p-terms-of-use, #p-year-in-review .entity p, .app-bar .avatar-button_username, .app-bar .user-menu a, .app-bar-new .avatar-button_username, .app-bar-new .user-menu a, .app-bar-new2 .avatar-button_username, .app-bar-new2 .user-menu a, .btn-link, .entry .source, .entry .type .text, .form-search input, .form-search_suggestions_statistic, .messages_message_text, .notifications .notification-target, .pivot-bar a, .player-mini_track_information_play_source, .player-mini_track_information_text-by, .player_progress_current, .player_progress_running, .section-secondary .date, .section-secondary .stats .count, .social-links li, .t-static .bullet-list, .t-static .company-information, .track.track--playlist-deleted>div:nth-child(2), p.small { font-size: 12px; font-size: .85714rem; font-family: futurabook, Arial, sans-serif; } #p-legal .clauses li, #p-year-in-review .entity_for, .btn-action, .empty-message, .form-group .as-label, .form-group label:not(.radio-inline), .form-inline .as-label, .form-inline label:not(.radio-inline), .notifications .notification-target span { font-size: 12px; font-size: .85714rem; font-family: futurabold, Arial, sans-serif; } .btn-secondary-menu, .section-tertiary { font-size: 13px; font-size: .92857rem; font-family: futurabook, Arial, sans-serif; } .entry .text .title, .section-tertiary .heading { font-size: 14px; font-size: 1rem; font-family: futurademi, Arial, sans-serif; } a.a--search { font-size: 18px; font-size: 1.28571rem; font-family: futurabold, Arial, sans-serif; } a.a--search span:first-child { font-size: 24px; font-size: 1.71429rem; font-family: futurademi, Arial, sans-serif; } .overlay-bar_information_prefix { font-size: 9px; font-size: .64286rem; font-family: futurabook, Arial, sans-serif; } .entry .feature .author, .navigation .language select, .navigation .primary .btn--brand, .navigation .primary .btn--lightgrey-brand, .navigation .secondary, .player_entity-information_author { font-size: 10px; font-size: .71429rem; font-family: futurabook, Arial, sans-serif; } .player-mini_track_information_artist { font-size: 11px; font-size: .78571rem; font-family: futurabook, Arial, sans-serif; } .navigation .primary .primary-title>span, .navigation .primary a, .post_entity_content_author, .post_entity_content_name>span { font-size: 12px; font-size: .85714rem; font-family: futurabook, Arial, sans-serif; } .overlay-bar_information_title { font-size: 12px; font-size: .85714rem; font-family: futurabold, Arial, sans-serif; } .entry .feature .title, .player_entity-information_title { font-size: 13px; font-size: .92857rem; font-family: futurabook, Arial, sans-serif; } .post_entity_content_name { font-size: 14px; font-size: 1rem; font-family: futurabold, Arial, sans-serif; } #p-year-in-review .entity_attr { font-size: 10px; font-size: .71429rem; font-family: futurabook, Arial, sans-serif; } #p-year-in-review .entity_month, #p-year-in-review .jump-to span, .p-welcome .main .content .button, .redirection-container .licensing-redirect .content .cta-catalog, .redirection-container .licensing-redirect .content .cta-in-store, .redirection-container .music-redirect .content .cta-music, .redirection-container-one-image .licensing-redirect .content .cta-catalog, .redirection-container-one-image .licensing-redirect .content .cta-in-store, .redirection-container-one-image .music-redirect .content .cta-music { font-size: 14px; font-size: 1rem; font-family: futurabook, Arial, sans-serif; } #p-year-in-review .entity_title span { font-size: 16px; font-size: 1.14286rem; font-family: futurabold, Arial, sans-serif; } #p-year-in-review .jump-to, #p-year-in-review h2 { font-size: 18px; font-size: 1.28571rem; font-family: futurabook, Arial, sans-serif; } #p-year-in-review .entity_title, .redirection-container-one-image .licensing-redirect .content .cta-link .cta-free-trial, .redirection-container-one-image .licensing-redirect .content .cta-link a, .redirection-container-one-image .music-redirect .content .cta-music { font-size: 18px; font-size: 1.28571rem; font-family: futurabold, Arial, sans-serif; } #p-year-in-review header h1 { font-size: 24px; font-size: 1.71429rem; font-family: futurabook, Arial, sans-serif; } .p-welcome .main .content .heading { font-size: 24px; font-size: 1.71429rem; font-family: futurabold, Arial, sans-serif; } .social-links .web a:link { color: #4d4d4d; } .social-links .web a:hover, .social-links .web a:visited { color: #272727; } .social-links .facebook a, .social-links .facebook a:link { color: #5f78ab; } .social-links .facebook a:hover, .social-links .facebook a:visited { color: #41557c; } .social-links .twitter a:link { color: #4099FF; } .social-links .twitter a:hover, .social-links .twitter a:visited { color: #0071f3; } .social-links .google a:link { color: #dd4b39; } .social-links .google a:hover, .social-links .google a:visited { color: #ac2d1e; } .social-links .apple a:hover, .social-links .apple a:link, .social-links .apple a:visited { color: #000; } .entry .feature .background>div, .post_entity_background>div { width: 100%; top: 50%; margin: auto 0; position: absolute; bottom: 50% } .entry .feature .background>div>div, .post_entity_background>div>div { width: 100%; top: -1000px; margin: auto 0; position: absolute; bottom: -1000px; display: block; } .entry .feature .background>div>div>div, .post_entity_background>div>div>div { display: table; width: 100%; height: 100% } .entry .feature .background>div>div>div>div, .post_entity_background>div>div>div>div { display: table-cell; vertical-align: middle; } .entry .feature .background>div img, .post_entity_background>div img { width: 100%; height: auto!important; display: block; } #p-jobs .positions>li, .dispatcher>li, .form-search_suggestions>li, .list-secondary-menu>li, .list-track>li { border-bottom: 1px solid #d1d1d1; } #p-jobs .positions>li:last-child, .dispatcher>li:last-child, .form-search_suggestions>li:last-child, .list-secondary-menu>li:last-child, .list-track>li:last-child { border-bottom: none; } .entry .actions .thumbs, .list-button-icon-fat { font-size: 0; display: inline-block; } .entry .actions .thumbs>li, .list-button-icon-fat>li { display: inline-block; } .entry .actions .thumbs>li { border-right: 1px solid #d1d1d1; } .entry .actions .thumbs>li:last-child { border-right: none; } .list-link>li { display: block; } .hero-entity-description .tags>li, .list-link-inline>li { display: inline; } .hero-entity-description .tags>li:after, .list-link-inline>li:after { content: ", " } .hero-entity-description .tags>li:last-child:after, .list-link-inline>li:last-child:after { content: "" } .post_entity, .tile_body { position: relative; padding-bottom: 100%; z-index: auto; } #skeleton-overlay, #skeleton-player-full, #skeleton-player-mini { padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); } .post_entity:before, .post_entity>:first-child, .post_entity>:last-child, .tile_body:before, .tile_body>:first-child, .tile_body>:last-child { display: block; } .post_entity>:last-child:not(:first-child), .post_entity>:only-child, .tile_body>:last-child:not(:first-child), .tile_body>:only-child { z-index: 2; } #skeleton-navigation { position: fixed; display: block; height: 100%; top: 0; bottom: 0; left: -300px; width: 300px; -webkit-overflow-scrolling: touch; overflow-x: hidden; z-index: 30; transition: left .15s linear; } #skeleton-navigation.is-visible { left: 0; height: 100%; background-color: #262626; } #skeleton-bar-new, #skeleton-bars { background-color: #e8e8e8; z-index: 10; } #skeleton-topbar-and-content { padding-left: 0; } #skeleton-bars { height: 48px; position: static; } #skeleton-bars.fixfixed { position: absolute; } #skeleton-bar-new { height: auto; position: fixed; padding-left: 0; padding-right: 16px; } #skeleton-bar-new.fixfixed { position: absolute; } #skeleton-bar-new.sticky { position: -webkit-sticky; position: sticky; top: 0; } #skeleton-content-messages { z-index: 10; } #skeleton-content-wrap { z-index: 0; padding: env(safe-area-inset-top) env(safe-area-inset-right) calc(env(safe-area-inset-bottom)+72px) env(safe-area-inset-left); } #skeleton-content-wrap>.container-fluid.no-query>.licensing-links, #skeleton-content-wrap>.container-fluid.no-query>.results-container, #skeleton-content-wrap>.container-fluid>.redirection-container-one-image { display: none; } #skeleton-content-wrap>.container-fluid.no-query>.redirection-container-one-image { display: block; } #skeleton-player-mini { bottom: -50px; visibility: hidden; z-index: 10; transition: all .3s linear; user-select: none; } #skeleton-player-mini.is-visible { visibility: visible; bottom: 0; } #skeleton-player-full { overflow: hidden; top: 100%; visibility: hidden; z-index: 40; transition: all .15s linear; } #skeleton-player-full.is-visible { visibility: visible; top: 0; } #skeleton-overlay { visibility: hidden; z-index: 50; background-color: #fff; overflow-y: auto; overflow-x: hidden; } #skeleton-overlay .overlay-content { padding: env(safe-area-inset-top) env(safe-area-inset-right) calc(env(safe-area-inset-bottom)+96px) env(safe-area-inset-left); } #skeleton-overlay .overlay-skip { text-align: right; } #skeleton-overlay.is-visible { visibility: visible; } #skeleton-notifications-followers, #skeleton-notifications-generic { width: 450px; height: auto; visibility: hidden; z-index: 45; overflow: visible; top: 48px; left: initial; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; background-color: #FFF; box-shadow: 0 3px 10px -2px rgba(0, 0, 0, .6); } #skeleton-notifications-followers.is-visible, #skeleton-notifications-generic.is-visible { visibility: visible; } #skeleton-notifications-followers.empty .notifications, #skeleton-notifications-generic.empty .notifications { display: none; } #skeleton-notifications-followers.empty .empty-message, #skeleton-notifications-generic.empty .empty-message { display: block; } #skeleton-toast { bottom: 96px; opacity: 0; filter: alpha(opacity=0); visibility: hidden; z-index: 60; transition: all .15s linear; } #skeleton-toast.is-visible { visibility: visible; opacity: 1; filter: alpha(opacity=100); } #skeleton-content-veil { opacity: 0; filter: alpha(opacity=0); background-color: #000; visibility: hidden; z-index: 20; } #skeleton-content-veil.is-visible { visibility: visible; opacity: .95; filter: alpha(opacity=95); } #skeleton-content-veil, #skeleton-secondary-menu-mobile { transition: all .15s linear; padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); } #skeleton-secondary-menu-mobile { bottom: -100%; visibility: hidden; z-index: 21; background-color: #FFF; } #skeleton-secondary-menu-mobile.is-visible { visibility: visible; bottom: 0; } @media only screen and (min-width:993px) { #skeleton-navigation { left: 0; width: 180px; } #skeleton-topbar-and-content { padding-left: 180px; } #skeleton-bar-new, #skeleton-bars { padding-left: 0; position: static; } #skeleton-bar-new>.container-fluid, #skeleton-bars>.container-fluid { padding-right: 32px; } #skeleton-content-messages { left: 180px; } #skeleton-content-wrap { position: static; } @media only screen and (min-width: 993px) { #skeleton-content-wrap>.container-fluid { padding: 10px 0px 10px 44px; } } #skeleton-content-wrap>.container-fluid.no-query { padding: 0; } #skeleton-content-wrap>.container-fluid.no-query .licensing-links, #skeleton-content-wrap>.container-fluid.no-query .results-container { display: none; } #skeleton-content-wrap>.container-fluid.no-query>.redirection-container-one-image { display: -webkit-box; display: -ms-flexbox; display: flex; } #skeleton-player-mini { visibility: visible; bottom: 0; padding-left: 180px; } } @media only screen and (max-width:768px) { #skeleton-notifications-followers, #skeleton-notifications-generic { width: 100%; left: 0!important; margin-right: 0!important; position: fixed; height: calc(100vh - 48px); } #skeleton-notifications-followers.empty, #skeleton-notifications-generic.empty { height: auto; } } html.has-player #skeleton-content-wrap { padding-bottom: 120px; } html.has-player #skeleton-content-messages { bottom: 48px; } html.noscroll { overflow: hidden; } .pivot { position: relative; width: 100% } .pivot .page { position: absolute; display: none; width: 100%; top: 0; left: 100% } .pivot .page.is-current { position: relative; display: block; left: 0; } body { height: 100% } .col-community-left, .col-community-right { padding-top: 32px; } @media only screen and (min-width:992px) { body .is-mini-player #skeleton-notifications-followers, body .is-mini-player #skeleton-notifications-generic { bottom: 50px; } .l-form-2-col-md>div:first-child { padding-right: 24px; } .l-form-2-col-md>div:last-child { padding-left: 24px; } .col-community-left { padding-right: 24px; border-right: 1px solid #d1d1d1; } .col-community-right { padding-left: 24px; border-left: 1px solid #d1d1d1; left: -1px; } } .container, .container-fluid { padding-left: 16px; padding-right: 16px; clear: both; } .container-fluid>.no-padding-x, .container>.no-padding-x { margin-left: -16px; margin-right: -16px; } @media only screen and (min-width:1334px) { .container.mod { margin-left: 0; padding-left: 32px; padding-right: 32px; width: auto; max-width: 1500px; } } .row--list-grid { margin: -8px; } .row--list-grid>[class*=col-] { padding: .57143rem; } .container-wrap-emphasize { background-color: #f0f0f0; padding-bottom: 48px; } @media only screen and (min-width:1334px) { .col-wide-gap { padding-right: 48px; } } @media only screen and (min-width:1646px) { .col-xl-force-8-split { width: 12.5% } } @media only screen and (max-width:992px) { .container { padding: 48px 0 72px; } } .form-group .as-label, .form-group label:not(.radio-inline), .form-inline .as-label, .form-inline label:not(.radio-inline) { line-height: 2; } .help-block { color: #999; } .help-block:empty { margin: 0; } .form-group-submit, fieldset { margin-top: 2.28571rem; } legend { margin-bottom: 1.14286rem; } .icon.form-control-feedback { position: absolute; width: 34px; height: 34px; line-height: 34px; font-size: 12px; } .form-control-inline { min-width: 0; width: auto; display: inline-block; } .croppie-container .cr-original-image, .form-global-error:empty { display: none; } .form-group-submit { padding-top: .57143rem; text-align: right; } .form-global-error { color: #FFF; font-size: 12px; padding: 8px 12px; margin-top: 32px; background-color: #cc2929; } form hr { margin: 24px 0; } .croppie-container { width: 100%; height: 100% } .croppie-container .cr-image { z-index: -1; position: absolute; top: 0; left: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; max-height: none; max-width: none; } .croppie-container .cr-boundary { position: relative; overflow: hidden; margin: 0 auto; z-index: 1; width: 100%; height: 100%; background-color: #f0f0f0; } .croppie-container .cr-viewport { position: absolute; border: 2px solid #fff; margin: auto; top: 0; bottom: 0; right: 0; left: 0; box-shadow: 0 0 2000px 2000px rgba(255, 255, 255, .9); z-index: 0; } .croppie-container .cr-vp-circle { border-radius: 50% } .croppie-container .cr-overlay { z-index: 1; position: absolute; cursor: move; } .croppie-container .cr-slider-wrap { text-align: center; } .croppie-result { position: relative; overflow: hidden; } .croppie-result img { position: absolute; } .croppie-container .cr-image, .croppie-container .cr-overlay, .croppie-container .cr-viewport { -webkit-transform: translateZ(0); transform: translateZ(0); } .cr-slider { -webkit-appearance: none; width: 300px; max-width: 100% } .cr-slider::-webkit-slider-runnable-track { width: 100%; height: 3px; background: rgba(0, 0, 0, .5); border: 0; border-radius: 3px; } .cr-slider::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top: -6px; } .cr-slider:focus { outline: 0; } .cr-slider::-moz-range-track { width: 100%; height: 3px; background: rgba(0, 0, 0, .5); border: 0; border-radius: 3px; } .cr-slider::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top: -6px; } .cr-slider:-moz-focusring { outline: #fff solid 1px; outline-offset: -1px; } .form-search input:focus, .section-header .select:focus { outline-width: 0; } .cr-slider::-ms-track { width: 100%; height: 5px; background: 0 0; border-color: transparent; border-width: 6px 0; color: transparent; } .cr-slider::-ms-fill-lower { background: rgba(0, 0, 0, .5); border-radius: 10px; } .cr-slider::-ms-fill-upper { background: rgba(0, 0, 0, .5); border-radius: 10px; } .cr-slider::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top: 1px; } .cr-slider:focus::-ms-fill-lower { background: rgba(0, 0, 0, .5); } .cr-slider:focus::-ms-fill-upper { background: rgba(0, 0, 0, .5); } .cr-rotate-controls { position: absolute; bottom: 5px; left: 5px; z-index: 1; } .cr-rotate-controls button { border: 0; background: 0 0; } .cr-rotate-controls i:before { display: inline-block; font-style: normal; font-weight: 900; font-size: 22px; } .cr-rotate-l i:before { content: '↺' } .cr-rotate-r i:before { content: '↻' } /*! Chosen, a Select Box Enhancer for jQuery and Prototype by Patrick Filler for Harvest, http://getharvest.com Version 1.6.2 Full source at https://github.com/harvesthq/chosen Copyright (c) 2011-2016 Harvest http://getharvest.com MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md This file is generated by `grunt build`, do not edit it by hand. */ .chosen-container { position: relative; display: inline-block; vertical-align: middle; user-select: none; } .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; width: 100%; background: #fff; } .chosen-container.chosen-with-drop .chosen-drop { left: 0; } .chosen-container a { cursor: pointer; } .chosen-container .chosen-single .group-name, .chosen-container .search-choice .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 400; color: #999; } .chosen-container .chosen-single .group-name:after, .chosen-container .search-choice .group-name:after { content: ":"; padding-left: 2px; vertical-align: top; } .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; border: 1px solid #aaa; background-color: #fff; background-clip: padding-box; color: #444; text-decoration: none; white-space: nowrap; } .chosen-container-single .chosen-default { color: #999; } .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; font-size: 1px; } .chosen-container-single .chosen-single abbr:hover, .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; height: 100% } .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100% } .chosen-container-single .chosen-search { z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; } .chosen-container-single .chosen-search input[type=text] { margin: 1px 0; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; } .chosen-container .chosen-results { color: #444; position: relative; overflow-x: hidden; overflow-y: auto; max-height: 240px; -webkit-overflow-scrolling: touch; } .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; word-wrap: break-word; -webkit-touch-callout: none; } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } .chosen-container .chosen-results li.highlighted { color: #fff; } .chosen-container .chosen-results li.no-results { color: #777; display: list-item; background: #f4f4f4; } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: 700; cursor: default; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } .chosen-container .chosen-choices { position: relative; overflow: hidden; margin: 0; padding: 0 5px; width: 100%; height: auto; border: 1px solid #aaa; background-color: #fff; background-image: linear-gradient(#eee 1%, #fff 15%); cursor: text; } .chosen-container .chosen-choices li { float: left; list-style: none; } .chosen-container .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } .chosen-container .chosen-choices li.search-field input[type=text] { padding: 0; outline: 0; border: 0!important; background: 0 0!important; box-shadow: none; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container .chosen-choices li.search-choice { position: relative; margin: 3px 5px 3px 0; background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; cursor: default; } .chosen-container .chosen-choices li.search-choice span { word-wrap: break-word; } .chosen-container .chosen-choices li.search-choice .search-choice-close { position: absolute; display: block; } .chosen-container .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .chosen-container .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); color: #666; } .chosen-container .chosen-choices li.search-choice-focus { background: #d4d4d4; } .chosen-container .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .chosen-container .chosen-results { margin: 0; padding: 0; } .chosen-container .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; } .chosen-container-active .chosen-single { border: 1px solid #5897fb; } .chosen-container-active.chosen-with-drop .chosen-single { border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-image: linear-gradient(#eee 20%, #fff 80%); } .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: 0 0; } .chosen-container-active .chosen-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, .3); } .chosen-container-active .chosen-choices li.search-field input[type=text] { color: #222!important; } .chosen-disabled { opacity: .5!important; cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close, .chosen-disabled .chosen-single { cursor: default; } .chosen-rtl { text-align: right; } .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } .chosen-rtl .chosen-single div { right: auto; left: 3px; } .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } .chosen-rtl .chosen-choices li { float: right; } .chosen-rtl .chosen-choices li.search-field input[type=text] { direction: rtl; } .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .chosen-rtl .chosen-drop, .chosen-rtl.chosen-container-single-nosearch .chosen-search { left: 9999px; } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; } .chosen-rtl .chosen-search input[type=text] { padding: 4px 5px 4px 20px; direction: rtl; } .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; } .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi), only screen and (min-resolution:1.5dppx) { .chosen-container .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span, .chosen-container-single .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-rtl .chosen-search input[type=text] { background-image: url(chosen-sprite@2x.png)!important; background-size: 52px 37px!important; background-repeat: no-repeat!important; } } .chosen-container { font-size: 12.25px; font-size: .875rem; } .chosen-container .chosen-drop { font-size: 11.38px; font-size: .8125rem; box-shadow: 0 0 6px #ff85a5; padding-top: 4px; text-align: left; } .chosen-container-single .chosen-single { background: #FFF; border-radius: 0; padding: .5rem 1rem .625rem .5rem; line-height: inherit; box-shadow: none; height: 31.5px; height: 2.25rem; border-color: #ccc; } .chosen-container-single .chosen-single abbr { background: url(../images/chosen-sprite.png) -42px 1px no-repeat; } .chosen-container-single .chosen-single div { width: 16px; } .chosen-container-single .chosen-single div b { background: url(../images/sprites/chosen-sprite.png) 0 7px no-repeat; } .chosen-container-single .chosen-search { position: relative; } .chosen-container-single .chosen-search:after { position: absolute; z-index: 1; display: block; top: .75rem; right: 1rem; width: 12px; height: 12px; font-size: 12px; font-family: jamendo-licensing-icons; content: "" } .chosen-container-single .chosen-search input[type=text] { background: 0 0; padding: .5rem 2rem .5rem .5rem; } .chosen-search input[type=text] { background: 0 0!important; } .chosen-container-active .chosen-single { border-color: #00000; box-shadow: 0 0 6px #ff85a5; } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #00000; background: #FFF; box-shadow: 0 0 6px #ff85a5; } .chosen-container .chosen-results li.highlighted { background-color: #00000; background-image: none; } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 7px; } .chosen-rtl .chosen-search input[type=text] { background: url(../images/sprites/chosen-sprite.png) -30px -20px no-repeat; } .chosen-container .chosen-choices li.search-choice { border: none; max-width: 100%; border-radius: 4px; background-color: #ff527f; background-image: none; box-shadow: none; color: #FFF; line-height: 24px; padding: 0 24px 0 6px; } .chosen-container .chosen-choices li.search-choice .search-choice-close { top: 0; right: 0; width: 24px; height: 24px; background: 0 0; font-family: jamendo-licensing-icons; font-size: 8px; color: #FFF; text-decoration: none; line-height: 3; text-align: center; cursor: pointer; } .btn.btn--licensing-2, .button-cart, .button-cart .button-cart-text-container .pricing span, a:link.link-color { font-family: futurademi, Arial, sans-serif; } a, a.link-wrap { font-size: inherit; } .chosen-container .chosen-choices li.search-choice .search-choice-close:before { content: "" } .chosen-container .chosen-choices li.search-field input[type=text] { height: 30px; margin: 0; padding-left: 6px; padding-top: 2px; color: #737373!important; } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi), only screen and (min-resolution:1.5dppx) { .chosen-container .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span, .chosen-container-single .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-rtl .chosen-search input[type=text] { background: 0 0!important; } } .list-link-search { margin-top: -8px; margin-bottom: 8px; } .list-link-search>li { display: inline-block; margin: 0 .57143rem 0 0; } .list-link-search>li:last-child { margin-right: 0; } .btn { padding: 16px 12px; } .btn:before { top: 12px; right: 0; bottom: 12px; left: 0; } .btn span { text-transform: initial; } .btn.btn--licensing-2 { font-size: 12px; } .btn.btn--discreet--tag.selected:before, .btn.btn--discreet--tag:active:before, .btn.btn--discreet--tag:hover:before { background-color: #bfbfbf; } .btn.btn--bordered { color: #262626!important; } .btn.btn--bordered:active, .btn.btn--bordered:hover { color: #FFF!important; } .btn.btn--bordered:before { border-width: 1px; border-style: solid; background-color: transparent; } .btn.btn--bordered.btn--white:active, .btn.btn--bordered.btn--white:hover { color: #00000!important; } .btn.btn--bordered.btn--lightgrey-brand:active, .btn.btn--bordered.btn--lightgrey-brand:hover { color: #FFF!important; } .btn.btn--bordered.btn--lightgrey-brand:active::before, .btn.btn--bordered.btn--lightgrey-brand:hover::before { background-color:; border-color:; } .btn.btn--lg:before { top: 8px; right: 0; bottom: 8px; left: 0; } .btn.btn--block { width: 100% } .btn.btn-xs { padding: 12px 5px; } .btn.is-disabled, .btn[disabled] { pointer-events: none; } .btn.is-disabled:hover, .btn[disabled]:hover { cursor: not-allowed; } .btn:after { top: 12px; right: 0; bottom: 12px; left: 0; background-color: #737373; } .btn.is-active:after { -webkit-animation: btn-is-active .8s linear; animation: btn-is-active .8s linear; } @-webkit-keyframes btn-is-active { 0% { top: 12px; right: 0; bottom: 12px; left: 0; opacity: 0; filter: alpha(opacity=0); } 25% { top: 4px; right: -8px; bottom: 4px; left: -8px; opacity: .3; filter: alpha(opacity=30); } 100% { top: 4px; right: -8px; bottom: 4px; left: -8px; opacity: 0; filter: alpha(opacity=0); } } @keyframes btn-is-active { 0% { top: 12px; right: 0; bottom: 12px; left: 0; opacity: 0; filter: alpha(opacity=0); } 25% { top: 4px; right: -8px; bottom: 4px; left: -8px; opacity: .3; filter: alpha(opacity=30); } 100% { top: 4px; right: -8px; bottom: 4px; left: -8px; opacity: 0; filter: alpha(opacity=0); } } .button-cart { border-radius: .25rem; min-height: 42px; min-height: 3rem; background-color:; padding: 0 .75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; text-transform: uppercase; color: #FFF; font-size: 13px; width: 250px; transition: .15s ease-in; overflow: hidden; } .button-cart::before { content: ''; position: absolute; z-index: 1; width: 30px; height: calc(100%+4px); top: -2px; left: -40px; bottom: 0; right: 0; background: #FFF; opacity: .4; transition-timing-function: ease-out; -webkit-transform: skew(-20deg); transform: skew(-20deg); } .button-cart.bordered.on-blue-background.disabled:before, .button-cart.bordered.on-blue-background.is-processing:before, .button-cart.bordered.on-blue-background:disabled:before, .button-cart.bordered.on-blue-background[disabled]:before, fieldset[disabled] .button-cart.bordered.on-blue-background:before { content: none; } .button-cart:hover { background-color: #f1003e; cursor: pointer; transition-delay: .14s; } .button-cart:hover::before { transition-duration: .17s; left: calc(100%+10px); } .button-cart:hover .icon { color: #FFF; } .button-cart.is-active { -webkit-animation: button-is-active .4s linear; animation: button-is-active .4s linear; } @-webkit-keyframes button-is-active { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes button-is-active { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } } .button-cart.lightgray { background-color: #d8d8d8; } .button-cart.data { width: inherit; text-transform: inherit; font-weight: inherit; } .button-cart .process { width: auto; left: 0; right: 0; position: absolute; top: 0; display: none; z-index: 1; overflow: hidden; } .button-cart .process-fill { width: 100%; height: 100%; display: block; background-color: #000; opacity: .2; filter: alpha(opacity=20); border-radius: .25rem; } .button-cart.is-processing { pointer-events: none; cursor: not-allowed; } .button-cart.is-processing .process { display: block; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-name: buttonIsLoading; animation-name: buttonIsLoading; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; height: 100% } .button-cart.disabled, .button-cart:disabled, .button-cart[disabled], fieldset[disabled] .button-cart { cursor: not-allowed; pointer-events: initial; -webkit-filter: grayscale(1); opacity: .5; filter: alpha(opacity=50); } .button-cart .button-cart-text-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; line-height: 1.1; z-index: 2; text-align: center; } .button-cart .button-cart-text-container.left { text-align: left; } .button-cart .button-cart-text-container p { margin: 0; padding: 0; color: #fff; white-space: initial; font-size: 12px; } .button-cart .button-cart-text-container p .secondary { display: block; text-transform: none; font-size: 11px; } .button-cart .button-cart-text-container p.reset { font-size: inherit; } .button-cart .button-cart-text-container .pricing { font-size: 11px; white-space: initial; } .button-cart .button-cart-text-container .pricing span { font-size: 19px; } .button-cart:focus { outline: 0; } .button-cart[icon-paypall] i picture { display: block; height: 100%; width: 100%; background-size: 80%; background-repeat: no-repeat; background-position: center; background-image: url(https://images.jamendo.com/jamendolicensing/static/vector-imgs/paypall-icon.svg); } .button-cart[icon] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .button-cart[icon] .button-cart-text-container { max-width: calc(100% - 46px); width: 100% } @media only screen and (max-width:480px) { .button-cart[icon] .button-cart-text-container { max-width: 100% } .button-cart[icon] i:not(.icon-chevron-down) { display: none; } } .button-cart[icon][arrow] .button-cart-text-container p { white-space: nowrap; } .button-cart[icon][delete] .button-cart-text-container { max-width: calc(100% - 32px); } @media only screen and (max-width:480px) { .button-cart[icon][delete] .button-cart-text-container { max-width: 100% } } .button-cart[icon][delete] i { font-size: 20px; height: 20px; width: 20px; } .button-cart[icon][select] .button-cart-text-container { max-width: calc(100% - 28px); } @media only screen and (max-width:480px) { .button-cart[icon][select] .button-cart-text-container { max-width: 100% } } .button-cart[icon][select] i { font-size: 17px; height: 17px; width: 17px; } .button-cart[icon][pdf] .button-cart-text-container { text-transform: capitalize; max-width: calc(100% - 36px); } .button-cart[icon][pdf] i { color: #999; width: 28px; height: 28px; font-size: 28px; } .button-cart.bordered .button-cart-text-container p, .button-cart.white, .button-cart.white .button-cart-text-container p { color:; } .button-cart[pack] .button-cart-text-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; white-space: nowrap; } .button-cart[pack] .button-cart-text-container i { font-size: 22px; height: 22px; width: 22px; margin: -4px 4px 0; } .button-cart.small { min-height: 31.5px; min-height: 2.25rem; height: 31.5px; height: 2.25rem; } .button-cart.small .button-cart-text-container .pricing span { font-size: 16px; } .button-cart.text-smaller .button-cart-text-container, .button-cart.transparent.text-smaller .button-cart-text-container p { font-size: 10px; } .button-cart.wide { width: 100% } .button-cart.white { background-color: #FFF; } .button-cart.bordered { border-width: 1px; border-style: solid; color:; background-color: transparent; border-color:; transition: 50ms ease-in; } .button-cart.bordered:hover { color: #FFF; background-color:; } .button-cart.bordered:hover::before { transition-delay: .1s; transition-duration: .2s; } .button-cart.bordered:hover .button-cart-text-container p { color: #FFF; transition-delay: 0s; } .button-cart.bordered.white { color: #FFF; border-color: #FFF; } .button-cart.bordered.white .button-cart-text-container p { color: #FFF; } .button-cart.bordered.white:hover { border-color:; } .button-cart.bordered.gray-5 { color: #bebebe; border-color: #bebebe; } .button-cart.bordered.gray-5 .button-cart-text-container p { color: #bebebe; } .button-cart.bordered.gray-5:hover { border-color:; } .button-cart.bordered.gray-5:hover .button-cart-text-container p { color: #FFF; } .button-cart.bordered.gray-7 { color: #a4a4a4; border-color: #a4a4a4; } .button-cart.bordered.gray-7 .button-cart-text-container p { color: #a4a4a4; } .button-cart.bordered.gray-7.active, .button-cart.bordered.gray-7:hover { border-color: #94d3da; background-color: #94d3da; } .button-cart.bordered.gray-7.active .button-cart-text-container p, .button-cart.bordered.gray-7.active i, .button-cart.bordered.gray-7:hover .button-cart-text-container p, .button-cart.bordered.gray-7:hover i { color: #FFF; } .button-cart.bordered.on-blue-background { background-color: #4bd2e2; border-width: 0; } .button-cart.bordered.on-blue-background:hover { background-color: #FFF; } .button-cart.bordered.on-blue-background:hover div p, .button-cart.bordered.on-blue-background:hover i { color:; } .button-cart.bordered.on-blue-background.disabled:hover .button-cart-text-container p, .button-cart.bordered.on-blue-background.disabled:hover i, .button-cart.bordered.on-blue-background.is-processing:hover .button-cart-text-container p, .button-cart.bordered.on-blue-background.is-processing:hover i, .button-cart.bordered.on-blue-background:disabled:hover .button-cart-text-container p, .button-cart.bordered.on-blue-background:disabled:hover i, .button-cart.bordered.on-blue-background[disabled]:hover .button-cart-text-container p, .button-cart.bordered.on-blue-background[disabled]:hover i, fieldset[disabled] .button-cart.bordered.on-blue-background:hover .button-cart-text-container p, fieldset[disabled] .button-cart.bordered.on-blue-background:hover i { color: #FFF; } .button-cart.bordered.on-blue-background .process { position: absolute; width: auto; top: 0; left: 0; right: 0; display: none; z-index: 1; overflow: hidden; } .button-cart.bordered.on-blue-background .process-fill { width: 100%; height: 100%; display: block; background-color: #000; opacity: .2; filter: alpha(opacity=20); border-radius: .25rem; } .button-cart.bordered.on-blue-background.is-processing { cursor: not-allowed; pointer-events: initial; } .button-cart.bordered.on-blue-background.is-processing .button-cart-text-container, .button-cart.bordered.on-blue-background.is-processing i { z-index: 2; } .button-cart.bordered.on-blue-background.is-processing .process { display: block; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-name: buttonIsLoading; animation-name: buttonIsLoading; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; height: 100% } .button-cart.bordered.on-blue-background.is-processing .process .process-fill { opacity: .1; } .button-cart.bordered.on-blue-background.is-processing:hover { background-color: transparent; border-color: #FFF; } .button-cart.bordered.on-blue-background.is-processing.disabled, .button-cart.bordered.on-blue-background.is-processing:disabled, .button-cart.bordered.on-blue-background.is-processing[disabled], fieldset[disabled] .button-cart.bordered.on-blue-background.is-processing { background-color: #d3d3d3; } .button-cart.bordered.on-blue-background.disabled, .button-cart.bordered.on-blue-background:disabled, .button-cart.bordered.on-blue-background[disabled], fieldset[disabled] .button-cart.bordered.on-blue-background { cursor: not-allowed; pointer-events: initial; background-color: #d3d3d3; opacity: 1; filter: alpha(opacity=100); border: none; } .button-cart.transparent .button-cart-text-container p, .button-cart.transparent:hover .icon { color:; } .button-cart.transparent { border-width: 1px; border-style: solid; border-color: transparent; color:; background-color: transparent; } .button-cart.transparent:hover { border-color:; } .button-cart.transparent:hover .button-cart-text-container p { transition-delay: .17s; } .button-cart.big-cta i, .button-cart.transparent.white .button-cart-text-container p, .button-cart.transparent.white:hover .icon { color: #FFF; } .button-cart.transparent.white { color: #FFF; border-color: transparent; } .button-cart.transparent.white:hover { border-color: #FFF; } .button-cart.big-cta { width: 270px; min-height: 54px; } .button-cart.big-cta .button-cart-text-container p { font-size: 16px; letter-spacing: 2px; line-height: 1.25; } .btn-action, .btn-action span { line-height: 1.334; position: relative; } @media only screen and (max-width:480px) { .button-cart[icon][pdf] .button-cart-text-container { max-width: 100% } .button-cart.transparent i:not(.icon-chevron-down) { display: none; } .button-cart.big-cta { width: 100% } } .button-cart.fluo { background-color: #fdef16; } .button-cart.fluo .button-cart-text-container p { color: #e78e03; text-shadow: none; font-family: futurabold, Arial, sans-serif; } .button-cart.fluo:hover { background-color: #ffa200; } .button-cart.fluo:hover .button-cart-text-container p { color: #fdef16; } .button-cart.licensing { background-color: #4bd2e2; } .button-cart.licensing:hover { background-color: #67b7bf; } .btn-action { appearance: none; -moz-appearance: none; -webkit-appearance: none; vertical-align: middle; display: inline-block; z-index: 0; text-transform: uppercase; letter-spacing: 1px; color: #737373; background-color: #f0f0f0; } .btn-action, .btn-action:after { height: 48px; min-width: 48px; border-radius: 24px; padding: 16px; } .btn-action i, .btn-action span { z-index: 2; } .btn-action span { vertical-align: top; margin-left: 8px; } .btn-action:focus { outline: 0; } .btn-action.small, .btn-action.small:after { height: 36px; min-width: 36px; border-radius: 18px; padding: 10px; } .btn-action:after { background-color: #000; content: ''; opacity: 0; } .btn-action:hover { cursor: pointer; } .btn-action:hover:after { opacity: .05; } .btn-action.highlight { color: #FFF; background-color:; } .btn-action.overlay { background-color: #FFF; } .btn-action .icon+.icon, .btn-action span+span, .btn-action.is-on span, .btn-action.is-toggled span { display: none; } .btn-action.is-on span+span, .btn-action.is-toggled span+span { display: inline; } .btn-action.is-toggled .icon { display: none; } .btn-action.is-toggled .icon+.icon { display: inline; } .btn-action.is-on { color:; } .btn-action.facebook:hover { color: #FFF; background-color: #5f78ab; } .btn-action.instagram:hover { color: #FFF; background: radial-gradient(circle at bottom left, #ffda75 15%, #ff3a49 43%, #ff3a49 40%, #e518a1 50%, #6634e1 90%); } .btn-store, .social-cta { background-repeat: no-repeat; } .btn-action.twitter:hover { color: #FFF; background-color: #4099FF; } .btn-action.website:hover { color: #FFF; background-color: #707070; } .btn-store { display: inline-block; background-image: url(https://images.jamendo.com/jamendomusic/static/apps/sprite-badge-apps.png?v1.1); } .btn-store.btn--windows { width: 154px; height: 40px; } .btn-store.btn--windows.btn--fr { background-position: 0 0; } .btn-store.btn--windows.btn--de { background-position: 0 -40px; } .btn-store.btn--windows.btn--it { background-position: 0 -80px; } .btn-store.btn--windows.btn--pl { background-position: 0 -120px; } .btn-store.btn--windows.btn--pt { background-position: 0 -160px; } .btn-store.btn--windows.btn--ru { background-position: 0 -200px; } .btn-store.btn--windows.btn--es { background-position: 0 -240px; } .btn-store.btn--windows.btn--en { background-position: 0 -280px; } .btn-store.btn--ios { width: 135px; height: 40px; } .btn-store.btn--ios.btn--fr { background-position: -154px 0; } .btn-store.btn--ios.btn--de { background-position: -154px -40px; } .btn-store.btn--ios.btn--it { background-position: -154px -80px; } .btn-store.btn--ios.btn--pl { background-position: -154px -120px; } .btn-store.btn--ios.btn--pt { background-position: -154px -160px; } .btn-store.btn--ios.btn--ru { background-position: -154px -200px; } .btn-store.btn--ios.btn--es { background-position: -154px -240px; } .btn-store.btn--ios.btn--en { background-position: -154px -280px; } .btn-store.btn--android { width: 129px; height: 45px; } .btn-store.btn--android.btn--fr { background-position: -289px 0; } .btn-store.btn--android.btn--de { background-position: -289px -45px; } .btn-store.btn--android.btn--it { background-position: -289px -90px; } .btn-store.btn--android.btn--pl { background-position: -289px -135px; } .btn-store.btn--android.btn--pt { background-position: -289px -180px; } .btn-store.btn--android.btn--ru { background-position: -289px -225px; } .btn-store.btn--android.btn--es { background-position: -289px -270px; } .btn-store.btn--android.btn--en { background-position: -289px -315px; } .logo, .social-cta { background-position: center; } .btn-fixed { position: fixed; right: 17px; bottom: 0; left: 0; z-index: 9999; } .btn-fixed_btn { padding: 16px 12px; width: 100% } .btn-fixed_btn:after, .btn-fixed_btn:before { border-radius: 0; top: 0; right: 0; bottom: 0; left: 0; } .btn-fixed_btn:after { z-index: -1; background-color: #FFF; -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); } @media only screen and (max-width:767px) { .btn-fixed { padding: 0; right: 0; } .btn-fixed>div { margin: 0; } .btn-fixed>div>div { padding: 0; } } .btn-icon { width: 32px; height: 48px; } .btn-icon::-moz-focus-inner { border: 0; outline: 0; } .btn-icon .icon { display: inline; line-height: 48px; } .btn-icon .notification-count { padding: 3px; color: #FFF; position: absolute; top: 8px; right: 4px; background-color:; border-radius: 2px; text-align: center; line-height: 1; } .btn-icon:after { background-color: #737373; } .btn-icon.btn--overlay.is-active:after, .btn-pill:after { background-color: #FFF; } .btn-icon.is-active:after { border-radius: 100%; opacity: 0; filter: alpha(opacity=0); margin: -28px 0 0 -28px; height: 56px; width: 56px; z-index: -2; content: ""; -webkit-animation: btn-icon-is-active .8s linear; animation: btn-icon-is-active .8s linear; } @-webkit-keyframes btn-icon-is-active { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: .2; filter: alpha(opacity=20); } 100% { opacity: 0; filter: alpha(opacity=0); } } @keyframes btn-icon-is-active { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: .2; filter: alpha(opacity=20); } 100% { opacity: 0; filter: alpha(opacity=0); } } .btn-like { height: 32px; padding: 0 16px; } .btn-like .icon { margin-right: 8px; } .btn-like.is-on { color:; } .btn-link { color: #262626; text-decoration: underline; line-height: 1; padding: 18px 12px; } .author a, .btn-secondary-menu { text-decoration: none; } .btn-link:hover { color: #000; } .btn-link.btn--brand { color:; } .btn-link.btn--brand:hover { color: #d20036; } .btn-link.is-disabled, .btn-link[disabled] { color: #bfbfbf!important; pointer-events: none; } .btn-link.is-disabled:hover, .btn-link[disabled]:hover { color: #bfbfbf!important; cursor: not-allowed; } .button-checkbox label, .player-volume input[type=range]:hover, .range input[type=range]:hover, .social-cta { cursor: pointer; } .btn-pill { width: 48px; height: 48px; } .btn-pill:after, .btn-pill:before { border-radius: 24px; top: 2px; right: 2px; bottom: 2px; left: 2px; } .btn-pill:after { z-index: -1; -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); } .btn-pill .icon { display: inline; line-height: 48px; } .btn-pill.btn--sm:after, .btn-pill.btn--sm:before { top: 12px; right: 12px; bottom: 12px; left: 12px; } .btn-pill.btn--xs:after, .btn-pill.btn--xs:before { top: 16px; right: 16px; bottom: 16px; left: 16px; } .btn-social:after, .btn-social:before { top: 8px; bottom: 8px; left: 0; right: 0; } .btn-pill.btn--xs .icon { font-size: 8px; } .btn-pill.btn--hybrid { width: auto; padding: 0 16px; } .btn-pill.btn--hybrid span { line-height: 48px; vertical-align: top; margin-left: 6px; } .btn-social { padding: 8px 0; } .btn-social>div { padding: 8px 10px; } .btn-social>div:first-child { line-height: 1; border-right: 1px solid #FFF; color: #FFF; } .btn-social>div:last-child { width: 100% } .btn-social:after { background-color: #737373; } .social-cta { width: 180px; height: 43px; background-size: cover; background-color: #FFF; border-radius: 5px; } .icon-donation, .logo { background-repeat: no-repeat; background-size: contain; } .social-cta.facebook { background-image: url(https://images.jamendo.com/jamendomusic/static/svg/facebook.svg); } .social-cta.google { background-image: url(https://images.jamendo.com/jamendomusic/static/svg/google-btn.svg); } .social-cta.apple { background-color: #000; } .social-cta.apple.signin { background-image: url(https://images.jamendo.com/jamendomusic/static/png/appleid_signin_button_64x268.png); } .social-cta.apple.signin.large { width: 100%; height: 32px; border-radius: 3px; background-image: url(https://images.jamendo.com/jamendomusic/static/png/appleid_signin_button_32x375.png); } .social-cta.apple.signup { background-image: url(https://images.jamendo.com/jamendomusic/static/png/appleid_signup_button_64x268.png); } .social-cta.apple.signup.large { width: 100%; height: 32px; border-radius: 3px; background-image: url(https://images.jamendo.com/jamendomusic/static/png/appleid_signup_button_32x375.png); } .btn-secondary-menu { padding: 16px 16px 16px 48px; position: relative; display: block; width: 100%; text-align: left; color: #737373; line-height: 16px; } .btn-secondary-menu:link, .btn-secondary-menu:visited { color: #737373; } .btn-secondary-menu:active, .btn-secondary-menu:hover { background-color: #f9f9f9; } .btn-secondary-menu .icon { position: absolute; left: 16px; top: 16px; } .btn-secondary-menu.is-on .icon { color:; } .btn-tag { padding: .57143rem; text-transform: lowercase; line-height: 1.6; color: #4d4d4d!important; } .btn-tag:before { top: 6px; right: 0; bottom: 6px; left: 0; border: 1px solid #bfbfbf; } .btn-tag:hover { color: !important; } .btn-tag:hover:before { border-color:; } .button-checkbox { display: inline-block; } .button-checkbox input[type=radio], .button-checkbox input[type=checkbox], .button-checkbox.bordered input[type=radio], .button-checkbox.bordered input[type=checkbox] { display: none; } .button-checkbox input[type=radio]:checked+label, .button-checkbox input[type=checkbox]:checked+label { background-color: #FFF; color:; } .button-checkbox label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; padding: .5rem 1.5rem; border-radius: .25rem; color: #FFF; line-height: 2.1; background-color:; border: 2px solid; text-align: center; margin: 0 auto; } .button-checkbox.bordered label { background-color: #FFF; color:; } .button-checkbox.bordered input[type=radio]:checked+label, .button-checkbox.bordered input[type=checkbox]:checked+label { background-color:; color: #FFF; } .button-checkbox.bordered input[type=radio]:checked~.content-displaying, .button-checkbox.bordered input[type=checkbox]:checked~.content-displaying { display: block; } .button-checkbox.no-border label { background-color: transparent; color:; border: none; padding: 0; text-align: left; } .button-checkbox.no-border input[type=radio], .button-checkbox.no-border input[type=checkbox] { display: none; } .button-checkbox.no-border input[type=radio]:checked+label, .button-checkbox.no-border input[type=checkbox]:checked+label { background-color: transparent!important; color:; } .button-checkbox.no-border input[type=radio]:checked~.content-displaying, .button-checkbox.no-border input[type=checkbox]:checked~.content-displaying { display: block; } .button-checkbox.small label { padding: 0 .5rem; } .button-checkbox.discreet label { color: #737373; border: 1px solid #bfbfbf; font-size: 14px; font-weight: 300; line-height: 1.5; padding: 0; min-width: 30px; min-height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .button-checkbox.discreet input[type=radio], .button-checkbox.discreet input[type=checkbox] { display: none; } .button-checkbox.discreet input[type=radio]:checked+label, .button-checkbox.discreet input[type=checkbox]:checked+label { background-color:; color: #FFF; border: 1px solid; } .button-checkbox.discreet input[type=radio]:checked~.content-displaying, .button-checkbox.discreet input[type=checkbox]:checked~.content-displaying { display: block; } .button-checkbox.icon-data label { background-color: transparent; overflow: visible; padding: 0; border: 0; border-radius: 0; } .button-checkbox.icon-data label .icon-data { transition-duration: .2s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .button-checkbox.icon-data:hover label .icon-data { color:; } .button-checkbox.icon-data:active label .icon-data { transition-duration: .1s; -webkit-transform: perspective(24px) translate3d(0, 0, -6px); transform: perspective(24px) translate3d(0, 0, -6px); } .button-checkbox.icon-data input[type=radio]:checked+label, .button-checkbox.icon-data input[type=checkbox]:checked+label { background-color: transparent; } .button-checkbox.icon-data.switch input[type=radio]:checked+label .icon-data, .button-checkbox.icon-data.switch input[type=checkbox]:checked+label .icon-data, .button-checkbox.icon-data.switch label .icon-data:last-of-type { display: none; } .button-checkbox.icon-data.switch input[type=radio]:checked+label .icon-data:last-of-type, .button-checkbox.icon-data.switch input[type=checkbox]:checked+label .icon-data:last-of-type, .button-checkbox.icon-data.switch label span .icon-data:last-of-type { display: inline-block; } .button-checkbox.icon-data.switch input[type=radio]:checked+label span, .button-checkbox.icon-data.switch input[type=checkbox]:checked+label span, .button-checkbox.icon-data.switch label span:last-of-type { display: none; } .button-checkbox.icon-data.switch input[type=radio]:checked+label span:last-of-type, .button-checkbox.icon-data.switch input[type=checkbox]:checked+label span:last-of-type { display: inline-block; } .button-checkbox.icon-data.warning-color label .icon-data { color: #FFF; } .button-checkbox.icon-data.warning-color input[type=radio]:checked+label .icon-data, .button-checkbox.icon-data.warning-color input[type=checkbox]:checked+label .icon-data, .button-checkbox.icon-data.warning-color:hover label .icon-data { color: #ed795a; } .button-checkbox.center { display: block; margin: 2rem auto; } .button-checkbox.half-width label { width: 50% } @media only screen and (max-width:480px) { .button-checkbox.half-width label { width: 100% } } .button-checkbox.expand label .icon-data { display: inline-block; position: relative; transition: -webkit-transform .3s; transition: transform .3s; } .button-checkbox.expand label .icon-data::before { position: absolute; top: 4px; right: -3px; } .button-checkbox.expand .content-checkbox, .button-checkbox.expand .content-displaying { max-height: 0; transition: max-height .6s cubic-bezier(0, 1, 0, 1); display: block; overflow: hidden; } .button-checkbox.expand input[type=radio], .button-checkbox.expand input[type=checkbox] { display: none; } .button-checkbox.expand input[type=radio]:checked+label, .button-checkbox.expand input[type=checkbox]:checked+label { background-color: #FFF; color:; } .button-checkbox.expand input[type=radio]:checked+label .icon-data, .button-checkbox.expand input[type=checkbox]:checked+label .icon-data { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate(7px, -1px) rotate(90deg); transform: translate(7px, -1px) rotate(90deg); } .button-checkbox.expand input[type=radio]:checked+label .icon-data::before, .button-checkbox.expand input[type=checkbox]:checked+label .icon-data::before { right: -6px; } .button-checkbox.expand input[type=radio]:checked~.content-displaying, .button-checkbox.expand input[type=checkbox]:checked~.content-displaying { max-height: 999px; transition: max-height .6s cubic-bezier(1, 0, 1, 0); } .button-checkbox[refine] { width: 100% } .button-checkbox[refine] label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .button-checkbox[refine] label span { color: #737373; font-size: 16px; text-transform: none; font-weight:; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .button-checkbox[refine] label .icon-data::before { position: absolute; top: 0; right: 0; } .button-checkbox[refine] label .icon-data.icon-refine { width: 1.5rem; height: 1.5rem; font-size: 1.5rem; margin-right: .5rem; } .button-checkbox[refine] input[type=radio]:checked+label .icon-data, .button-checkbox[refine] input[type=checkbox]:checked+label .icon-data { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate(0, -1px) rotate(90deg); transform: translate(0, -1px) rotate(90deg); color:; } .button-checkbox[refine] input[type=radio]:checked+label .icon-data::before, .button-checkbox[refine] input[type=checkbox]:checked+label .icon-data::before { right: 0; } .button-checkbox[refine] input[type=radio]:checked+label .icon-data.icon-refine, .button-checkbox[refine] input[type=checkbox]:checked+label .icon-data.icon-refine { color:; } .button-checkbox.pop-in-expand { outline: 0; } .button-checkbox.pop-in-expand .pop-in-wrapper { display: none; overflow: visible; outline: 0; z-index: 0; -webkit-animation: move-from-top-opacity .2s ease-out; animation: move-from-top-opacity .2s ease-out; } @-webkit-keyframes move-from-top-opacity { 0% { top: 50px; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); } 100% { top: 100%; opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes move-from-top-opacity { 0% { top: 50px; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); } 100% { top: 100%; opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in { margin-left: 0; margin-top: 7px; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in>* { font-family: "Proxima Nova" } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul { padding: .5rem 0; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul li { line-height: 2; padding: 0 8px; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul li a { display: block; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul li a:hover { background-color: #000; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in.white-rounded-shadow ul li { padding: 0; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in.white-rounded-shadow ul li a { text-decoration: none; text-transform: none; text-align: left; color: #4d4d4d; margin: 2px 10px; padding: 5px 0 5px 10px; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in.white-rounded-shadow ul li a:hover { background-color: #d3d3d3; } .button-checkbox.pop-in-expand input[type=radio], .button-checkbox.pop-in-expand input[type=checkbox] { display: none; } .button-checkbox.pop-in-expand input[type=radio]:checked+label, .button-checkbox.pop-in-expand input[type=checkbox]:checked+label { color:; } .button-checkbox.pop-in-expand input[type=radio]:checked~.pop-in-wrapper, .button-checkbox.pop-in-expand input[type=checkbox]:checked~.pop-in-wrapper { display: block; } .checkbox-multi-display .content { display: inline-block; } .checkbox-multi-display .content label { width: 160px; } .checkbox-multi-display .content label .icon-data { display: inline-block; position: relative; transition: -webkit-transform .3s; transition: transform .3s; } .checkbox-multi-display .content label .icon-data::before { position: absolute; top: 4px; right: -3px; } .checkbox-multi-display input[type=radio], .checkbox-multi-display input[type=checkbox] { display: none; } .checkbox-multi-display input[type=radio]~section .content-displaying, .checkbox-multi-display input[type=checkbox]~section .content-displaying { max-height: 0; transition: max-height .6s cubic-bezier(0, 1, 0, 1); display: block; overflow: hidden; } .icon, .icon-data { position: relative; display: inline-block; font-family: jamendo-licensing-icons; font-style: normal; font-weight: 400; text-transform: none; line-height: 1; } .checkbox-multi-display input[type=radio]:checked~section .content-displaying, .checkbox-multi-display input[type=checkbox]:checked~section .content-displaying { max-height: 999px; transition: max-height .6s cubic-bezier(1, 0, 1, 0); } .checkbox-multi-display input[type=radio]:checked~section label, .checkbox-multi-display input[type=checkbox]:checked~section label { background-color: #FFF; color:; } .checkbox-multi-display input[type=radio]:checked~section label .icon, .checkbox-multi-display input[type=checkbox]:checked~section label .icon { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate(7px, -1px) rotate(90deg); transform: translate(7px, -1px) rotate(90deg); } .checkbox-multi-display input[type=radio]:checked~section label .icon::before, .checkbox-multi-display input[type=checkbox]:checked~section label .icon::before { right: -6px; } .icon { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; width: 16px; height: 16px; } .entry .feature .author, .post_entity_content_author { text-transform: uppercase; } .icon-add:before { content: "" } .icon-add-to-playlist:before { content: "" } .icon-add-to-queue:before { content: "" } .icon-alert-full:before { content: "" } .icon-alert-line:before { content: "" } .icon-archive:before { content: "" } .icon-arrow-bullet:before { content: "" } .icon-breadcrumb:before { content: "" } .icon-camera:before { content: "" } .icon-cart:before { content: "" } .icon-cart-new:before { content: "" } .icon-cart-new2:before { content: "" } .icon-cart-new-add:before { content: "" } .icon-cc:before { content: "" } .icon-cc-by:before { content: "" } .icon-cc-nc:before { content: "" } .icon-cc-nd:before { content: "" } .icon-cc-sa:before { content: "" } .icon-certificate:before { content: "" } .icon-check:before { content: "" } .icon-checkbox-checked-bordered:before { content: "" } .icon-checkbox-checked-plain:before { content: "" } .icon-checkbox-unchecked:before { content: "" } .icon-chevron-down:before { content: "" } .icon-chevron-left:before { content: "" } .icon-chevron-new2:before { content: "" } .icon-chevron-right:before { content: "" } .icon-chevron-up:before { content: "" } .icon-clockwise:before { content: "" } .icon-close:before { content: "" } .icon-comment:before { content: "" } .icon-copy:before { content: "" } .icon-counterclockwise:before { content: "" } .icon-credit-card-back:before { content: "" } .icon-credit-card-front:before { content: "" } .icon-cross-delete:before { content: "" } .icon-date:before { content: "" } .icon-download:before { content: "" } .icon-download-thin:before { content: "" } .icon-duration:before { content: "" } .icon-edit:before { content: "" } .icon-error-4xx:before { content: "" } .icon-error-5xx:before { content: "" } .icon-external-link:before { content: "" } .icon-facebook:before { content: "" } .icon-filter:before { content: "" } .icon-flag:before { content: "" } .icon-follow:before { content: "" } .icon-globe:before { content: "" } .icon-google:before { content: "" } .icon-go-to:before { content: "" } .icon-handle:before { content: "" } .icon-heart:before { content: "" } .icon-heart-on:before { content: "" } .icon-hexagon:before { content: "" } .icon-hexagon-mask:before { content: "" } .icon-hexagon-on:before { content: "" } .icon-history:before { content: "" } .icon-home:before { content: "" } .icon-info-full-new2:before { content: "" } .icon-info-new2:before { content: "" } .icon-information:before { content: "" } .icon-instagram:before { content: "" } .icon-licence-l:before { content: "" } .icon-licence-p:before { content: "" } .icon-licence-std:before { content: "" } .icon-link:before { content: "" } .icon-linkedin:before { content: "" } .icon-lock:before { content: "" } .icon-mail:before { content: "" } .icon-menu:before { content: "" } .icon-menu-secondary:before { content: "" } .icon-menu-tradingdesk:before { content: "" } .icon-messenger:before { content: "" } .icon-music-note:before { content: "" } .icon-mute:before { content: "" } .icon-my-music-tradingdesk:before { content: "" } .icon-my-music-tradingdesk2:before { content: "" } .icon-next:before { content: "" } .icon-pause:before { content: "" } .icon-pdf:before { content: "" } .icon-phone:before { content: "" } .icon-picture:before { content: "" } .icon-play:before { content: "" } .icon-playlist-access:before { content: "" } .icon-play-next:before { content: "" } .icon-previous:before { content: "" } .icon-queue:before { content: "" } .icon-queue-access:before { content: "" } .icon-radio-checked-chevron:before { content: "" } .icon-radio-checked-chevron-plain:before { content: "" } .icon-radio-checked-round:before { content: "" } .icon-radio-unchecked:before { content: "" } .icon-reddit:before { content: "" } .icon-refine:before { content: "" } .icon-remove:before { content: "" } .icon-remove-from-playlist:before { content: "" } .icon-repeat:before { content: "" } .icon-repeat-one:before { content: "" } .icon-repost:before { content: "" } .icon-sad:before { content: "" } .icon-search:before { content: "" } .icon-send:before { content: "" } .icon-share:before { content: "" } .icon-share-video:before { content: "" } .icon-shuffle:before { content: "" } .icon-similar:before { content: "" } .icon-sort:before { content: "" } .icon-sound:before { content: "" } .icon-streaming:before { content: "" } .icon-thumbs-down:before { content: "" } .icon-thumbs-up:before { content: "" } .icon-too-old:before { content: "" } .icon-trash:before { content: "" } .icon-twitter:before { content: "" } .icon-undo:before { content: "" } .icon-user:before { content: "" } .icon-user-new2:before { content: "" } .icon-video:before { content: "" } .icon-vk:before { content: "" } .icon-volume:before { content: "" } .icon-warning:before { content: "" } .icon-wrong:before { content: "" } .icon-youtube:before { content: "" } .icon-apple:before { content: "" } .icon-add-to-playlist-s:before { content: "" } .icon-add-to-queue-s:before { content: "" } .icon-close-s:before { content: "" } .icon-comment-s:before { content: "" } .icon-date-s:before { content: "" } .icon-download-s:before { content: "" } .icon-duration-s:before { content: "" } .icon-external-link-s:before { content: "" } .icon-flag-s:before { content: "" } .icon-follow-s:before { content: "" } .icon-handle-s:before { content: "" } .icon-heart-on-s:before { content: "" } .icon-lock-s:before { content: "" } .icon-menu-secondary-s:before { content: "" } .icon-pause-s:before { content: "" } .icon-picture-s:before { content: "" } .icon-playlist-access-s:before { content: "" } .icon-queue-access-s:before { content: "" } .icon-repost-s:before { content: "" } .icon-send-s:before { content: "" } .icon-share-s:before { content: "" } .icon-sort-s:before { content: "" } .icon-thumbs-down-s:before { content: "" } .icon-thumbs-up-s:before { content: "" } .icon-play-s:before { content: "" } .icon-user-s:before { content: "" } .icon-data-add:before { content: "" } .icon-data-add-to-playlist:before { content: "" } .icon-data-add-to-queue:before { content: "" } .icon-data-alert-full:before { content: "" } .icon-data-alert-line:before { content: "" } .icon-data-archive:before { content: "" } .icon-data-arrow-bullet:before { content: "" } .icon-data-breadcrumb:before { content: "" } .icon-data-camera:before { content: "" } .icon-data-cart:before { content: "" } .icon-data-cart-new:before { content: "" } .icon-data-cart-new2:before { content: "" } .icon-data-cart-new-add:before { content: "" } .icon-data-cc:before { content: "" } .icon-data-cc-by:before { content: "" } .icon-data-cc-nc:before { content: "" } .icon-data-cc-nd:before { content: "" } .icon-data-cc-sa:before { content: "" } .icon-data-certificate:before { content: "" } .icon-data-check:before { content: "" } .icon-data-checkbox-checked-bordered:before { content: "" } .icon-data-checkbox-checked-plain:before { content: "" } .icon-data-checkbox-unchecked:before { content: "" } .icon-data-chevron-down:before { content: "" } .icon-data-chevron-left:before { content: "" } .icon-data-chevron-new2:before { content: "" } .icon-data-chevron-right:before { content: "" } .icon-data-chevron-up:before { content: "" } .icon-data-clockwise:before { content: "" } .icon-data-close:before { content: "" } .icon-data-comment:before { content: "" } .icon-data-copy:before { content: "" } .icon-data-counterclockwise:before { content: "" } .icon-data-credit-card-back:before { content: "" } .icon-data-credit-card-front:before { content: "" } .icon-data-cross-delete:before { content: "" } .icon-data-date:before { content: "" } .icon-data-download:before { content: "" } .icon-data-download-thin:before { content: "" } .icon-data-duration:before { content: "" } .icon-data-edit:before { content: "" } .icon-data-error-4xx:before { content: "" } .icon-data-error-5xx:before { content: "" } .icon-data-external-link:before { content: "" } .icon-data-facebook:before { content: "" } .icon-data-filter:before { content: "" } .icon-data-flag:before { content: "" } .icon-data-follow:before { content: "" } .icon-data-globe:before { content: "" } .icon-data-google:before { content: "" } .icon-data-go-to:before { content: "" } .icon-data-handle:before { content: "" } .icon-data-heart:before { content: "" } .icon-data-heart-on:before { content: "" } .icon-data-hexagon:before { content: "" } .icon-data-hexagon-mask:before { content: "" } .icon-data-hexagon-on:before { content: "" } .icon-data-history:before { content: "" } .icon-data-home:before { content: "" } .icon-data-info-full-new2:before { content: "" } .icon-data-info-new2:before { content: "" } .icon-data-information:before { content: "" } .icon-data-instagram:before { content: "" } .icon-data-licence-l:before { content: "" } .icon-data-licence-p:before { content: "" } .icon-data-licence-std:before { content: "" } .icon-data-link:before { content: "" } .icon-data-linkedin:before { content: "" } .icon-data-lock:before { content: "" } .icon-data-mail:before { content: "" } .icon-data-menu:before { content: "" } .icon-data-menu-secondary:before { content: "" } .icon-data-menu-tradingdesk:before { content: "" } .icon-data-messenger:before { content: "" } .icon-data-music-note:before { content: "" } .icon-data-mute:before { content: "" } .icon-data-my-music-tradingdesk:before { content: "" } .icon-data-my-music-tradingdesk2:before { content: "" } .icon-data-next:before { content: "" } .icon-data-pause:before { content: "" } .icon-data-pdf:before { content: "" } .icon-data-phone:before { content: "" } .icon-data-picture:before { content: "" } .icon-data-play:before { content: "" } .icon-data-playlist-access:before { content: "" } .icon-data-play-next:before { content: "" } .icon-data-previous:before { content: "" } .icon-data-queue:before { content: "" } .icon-data-queue-access:before { content: "" } .icon-data-radio-checked-chevron:before { content: "" } .icon-data-radio-checked-chevron-plain:before { content: "" } .icon-data-radio-checked-round:before { content: "" } .icon-data-radio-unchecked:before { content: "" } .icon-data-reddit:before { content: "" } .icon-data-refine:before { content: "" } .icon-data-remove:before { content: "" } .icon-data-remove-from-playlist:before { content: "" } .icon-data-repeat:before { content: "" } .icon-data-repeat-one:before { content: "" } .icon-data-repost:before { content: "" } .icon-data-sad:before { content: "" } .icon-data-search:before { content: "" } .icon-data-send:before { content: "" } .icon-data-share:before { content: "" } .icon-data-share-video:before { content: "" } .icon-data-shuffle:before { content: "" } .icon-data-similar:before { content: "" } .icon-data-sort:before { content: "" } .icon-data-sound:before { content: "" } .icon-data-streaming:before { content: "" } .icon-data-thumbs-down:before { content: "" } .icon-data-thumbs-up:before { content: "" } .icon-data-too-old:before { content: "" } .icon-data-trash:before { content: "" } .icon-data-twitter:before { content: "" } .icon-data-undo:before { content: "" } .icon-data-user:before { content: "" } .icon-data-user-new2:before { content: "" } .icon-data-video:before { content: "" } .icon-data-vk:before { content: "" } .icon-data-volume:before { content: "" } .icon-data-warning:before { content: "" } .icon-data-wrong:before { content: "" } .icon-data-youtube:before { content: "" } .icon-data-apple:before { content: "" } .icon-data-add-to-playlist-s:before { content: "" } .icon-data-add-to-queue-s:before { content: "" } .icon-data-close-s:before { content: "" } .icon-data-comment-s:before { content: "" } .icon-data-date-s:before { content: "" } .icon-data-download-s:before { content: "" } .icon-data-duration-s:before { content: "" } .icon-data-external-link-s:before { content: "" } .icon-data-flag-s:before { content: "" } .icon-data-follow-s:before { content: "" } .icon-data-handle-s:before { content: "" } .icon-data-heart-on-s:before { content: "" } .icon-data-lock-s:before { content: "" } .icon-data-menu-secondary-s:before { content: "" } .icon-data-pause-s:before { content: "" } .icon-data-picture-s:before { content: "" } .icon-data-playlist-access-s:before { content: "" } .icon-data-queue-access-s:before { content: "" } .icon-data-repost-s:before { content: "" } .icon-data-send-s:before { content: "" } .icon-data-share-s:before { content: "" } .icon-data-sort-s:before { content: "" } .icon-data-thumbs-down-s:before { content: "" } .icon-data-thumbs-up-s:before { content: "" } .icon-data-play-s:before { content: "" } .icon-data-user-s:before { content: "" } .icon[class$="-s"] { font-size: 12px; width: 12px; height: 12px; } .icon--24 { font-size: 24px; width: 24px; height: 24px; } .icon--32 { font-size: 32px; width: 32px; height: 32px; } .icon--48 { font-size: 48px; width: 48px; height: 48px; } .icon--72 { font-size: 72px; width: 72px; height: 72px; } .icon-donation { background-image: url(https://images.jamendo.com/jamendomusic/static/svg/donation-icon.svg); width: 24px; height: 24px; position: absolute; top: 13px; left: 12px; } .icon-donation.is-on { background-image: url(https://images.jamendo.com/jamendomusic/static/svg/donation-icon-is-on.svg); } .loader { z-index: auto; display: block; } .loader.loader--block { width: 100%; height: 80px; } .loader.loader--invert i { color: #FFF; } .loader>div { margin-top: -24px; margin-left: -24px; width: 48px; height: 48px; } .loader i { position: absolute; top: 16px; left: 16px; color:; } .loader i:nth-child(1) { z-index: 2; -webkit-animation: loader1 1s linear infinite; animation: loader1 1s linear infinite; } .loader i:nth-child(2) { z-index: 1; -webkit-animation: loader2 1s ease infinite .15s; animation: loader2 1s ease infinite .15s; } @-webkit-keyframes loader1 { 0%, 25%, 50% { -webkit-transform: scale(1); transform: scale(1); } 15%, 40% { -webkit-transform: scale(1.6); transform: scale(1.6); } } @keyframes loader1 { 0%, 25%, 50% { -webkit-transform: scale(1); transform: scale(1); } 15%, 40% { -webkit-transform: scale(1.6); transform: scale(1.6); } } @-webkit-keyframes loader2 { 0%, 51% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(3); transform: scale(3); } } @keyframes loader2 { 0%, 51% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(3); transform: scale(3); } } .loader-action { display: inline-block; width: 48px; width: 3.42857rem; height: 48px; height: 3.42857rem; } .logo { pointer-events: none; height: 50px; width: 128px; background-image: url(https://images.jamendo.com/jamendomusic/static/svg/jamendo-music-logo-white.svg); } .logo.logo--sm { height: 40px; width: 100px; } .logo.logo--lg { height: 65px; width: 166px; } .logo.logo--licensing { height: 50px; width: 143px; } .logo.logo--licensing.logo--sm { height: 35px; width: 100px; } .logo.logo--licensing.logo--lg { height: 65px; width: 186px; } .highlighted { padding: 16px 12px; pointer-events: none; white-space: nowrap; } .highlighted:before { top: 12px; right: 0; bottom: 12px; left: 0; } .highlighted.lg:before { top: 8px; right: 0; bottom: 8px; left: 0; } .highlighted.block { width: 100% } .highlighted.xs { padding: 12px 5px; } .author { word-break: break-all; color: #bfbfbf; } .author a:link, .author a:visited { color: #737373; } .author a:active, .author a:hover { color:; } .avatar { display: block; } .avatar.bordered>div { border: 2px solid #FFF; } .desktop-secondary-menu { visibility: hidden; position: absolute; z-index: 5; white-space: nowrap; background-color: #FFF; border: 1px solid #d1d1d1; opacity: 0; filter: alpha(opacity=0); transition: all .3s linear; top: 100%; right: 0; } .desktop-secondary-menu-wrap { position: relative; overflow: visible; } .entry .feature, .entry .feature .cover { overflow: hidden; } .desktop-secondary-menu.is-visible { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .desktop-secondary-menu.bottom-left { left: 0; right: initial; } .desktop-secondary-menu.top-left { bottom: 100%; top: initial; right: initial; left: 0; } .desktop-secondary-menu.top-right { bottom: 100%; top: initial; } .edit-image-thumb-layer { color: #FFF; z-index: 1; } .edit-image-thumb-layer>div>div { padding: 16px; } .edit-image-thumb-layer .text { display: none; text-decoration: underline; color: #FFF; } .edit-image-thumb-layer:before { opacity: .2; filter: alpha(opacity=20); content: ''; background-color: #000; z-index: -1; } .edit-image-thumb-layer.circle, .edit-image-thumb-layer.circle:before { border-radius: 100% } .edit-image-thumb-layer:hover .icon { color: #FFF; } @media only screen and (min-width:992px) { .edit-image-thumb-layer: hover .text { display: inline-block; } .edit-image-thumb-layer:hover .icon { display: none; } .edit-image-thumb-layer:hover:before { opacity: .16; filter: alpha(opacity=16); } } .entity { position: relative; } .entity_menu { position: absolute; bottom: 0; right: 0; } .entity_information { background-color: #f9f9f9; } .entity_information>div:first-child { padding: 0 2.28571rem 0 .85714rem; height: 60px; } .entity_information_title { width: 100%; overflow: hidden; text-overflow: ellipsis; display: inline; } .entity_information_secondary { display: inline-block; margin-top: 8px; } .entity_information_secondary>span { display: inline-block; margin-bottom: 4px; } .entity.entity--artist .entity_information, .entity.entity--user .entity_information { background-color: transparent; text-align: center; } .entity.entity--artist .entity_information>div, .entity.entity--user .entity_information>div { padding: 0 .85714rem; } .entity.not-in-grid { width: 200px; } .entity-overlay { color: #4d4d4d; } .entity-overlay .icon-check { position: absolute; top: 18px; right: 16px; color: #6c6; } .entity-overlay_cover { width: 70px; width: 5rem; } .entity-overlay_cover_img { display: block; } .entity-overlay_body { padding: 0 3.42857rem 0 1.14286rem; background-color: #f0f0f0; text-align: left; } .entity-overlay_body_secondary, .entity-overlay_body_title { display: inline-block; } .entity-overlay.entity-overlay--option { position: relative; } .entity-overlay.entity-overlay--option .entity-overlay_cover, .entity-overlay.entity-overlay--option .playlist-cover-grid { width: 50px; width: 3.57143rem; } .entity-overlay.entity-overlay--option .playlist-cover-grid { height: 50px; height: 3.57143rem; } .entity-overlay.entity-overlay--option .entity-overlay_body { background-color: transparent; } .entity-overlay.entity-overlay--option:hover .entity-overlay_body, .entry .feature.discreet { background-color: #f0f0f0; } .entity-secondary-menu { padding: 1.14286rem; border-bottom: 1px solid #bfbfbf; } .entity-secondary-menu .layout { color: #4d4d4d; } .entity-secondary-menu .layout_cover { position: absolute; width: 50px; width: 3.57143rem; } .entity-secondary-menu .layout_cover_img { display: block; } .entity-secondary-menu .layout_body { padding: 0 1.14286rem 0 4.71429rem; text-align: left; height: 50px; } .entity-secondary-menu .layout_body_secondary, .entity-secondary-menu .layout_body_title { display: inline; } .entry { position: relative; margin: 0 0 1.71429rem; } .entry>div:first-of-type { width: 48px; padding-right: 1.14286rem; } .entry>div:last-of-type { width: 100%; padding-right: 0; } .entry .avatar { width: 48px; height: 48px; } .entry .info { line-height: 16px; line-height: 1.14286rem; } .entry .info .author { word-break: break-all; font-size: 12px; } .entry .info .author a { float: left; } .entry .info .author span { float: left; margin-right: .25rem; } .entry .info .author span:first-child { margin-right: 0; } .entry .info .author:after { content: ":"; position: relative; left: -.3em; } .entry .info .date { float: right; padding-left: .85714rem; color: #bfbfbf; } .entry .source { color: #999; } .entry .source a:link, .entry .source a:visited { color: #737373; } .entry .source a:active, .entry .source a:focus, .entry .source a:hover { color:; } .entry .text { padding: .57143rem 0; line-height: 1.4; } .entry .text .title { margin-bottom: .85714rem; } .entry .text p { -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .entry .more .link-action { margin-top: -.57143rem; margin-right: -.85714rem; float: right; } .entry .feature { height: 100px; position: relative; margin: 8px 0 16px; z-index: 0; color: #FFF; } .entry .feature .background { z-index: -1; } .entry .feature .content { display: table; z-index: 1; } .entry .feature .cover>div { margin-left: 12px; width: 76px; height: 76px; border: 1px solid #FFF; } .entry .feature .information { padding: 0 12px 12px; } .entry .feature .source { line-height: 1.9; } .entry .feature .title { line-height: 1.2; } .entry .feature .author { line-height: 1; } .entry .feature .play { position: absolute; top: 26px; left: 26px; z-index: 2; } @media only screen and (min-width:768px) { .entry .feature: not(.discreet) { height: 178px; } .entry .feature:not(.discreet) .cover>div { margin-left: 24px; width: 130px; height: 130px; } .entry .feature:not(.discreet) .information { padding: 0 16px 24px 24px; } .entry .feature:not(.discreet) .play { top: 65px; left: 65px; } .entry .feature:not(.discreet) .title { font-size: 18px; } .entry .feature:not(.discreet) .author { font-size: 12px; } } .entry .feature.discreet .source { color: #bfbfbf; } .entry .feature.discreet .author, .entry .feature.discreet .title { color: #4d4d4d; } .entry .actions>button { height: 32px; height: 2.28571rem; } .entry .actions .thumbs { margin-left: -1.14286rem; float: left; } .entry .actions .reply { border-left: 1px solid #d1d1d1; } .entry .actions .secondary { float: right; } .entry .actions .btn-menu { height: 32px; } .entry .actions .btn-menu .icon { left: 6px; line-height: 32px; } .entry .type { min-height: 48px; display: table; } .entry .type>div:first-child { width: 100% } .entry .type .send, .entry .type .text { border: 1px solid #bfbfbf; color: #737373; height: 48px; } .entry .type .text { padding: 6px; line-height: 1.5; width: 100%; margin: 0; } .entry .type .text:focus, .entry .type .text:not(:empty) { height: 190px; outline: 0; } .entry .type .send { width: 48px; border-left: none; background-color: #f9f9f9; } .entry .type .send .icon { top: 1px; } .entry .type .send:hover { background-color: #f0f0f0; cursor: pointer; } .entry .type .remaining-chars { color: #999; } .entry.compose>div:first-child { width: 64px; } .entry.compose>div:last-child { padding-left: 0; width: 100% } .entry.compose>div textarea { resize: vertical; } .entry .expand-replies.count-only>div:nth-child(2) { padding-right: 0; } .entry .expand-replies.count-only>div:nth-child(3), .entry .expand-replies.expand-only>div:nth-child(1) { display: none; } .entry .expand-replies.expand-only>div:nth-child(2) { padding-left: 0; } .entry .expand-replies>div { white-space: nowrap; } .entry .expand-replies>div:nth-child(2) { width: 100%; padding: 0 12px; } .entry .expand-replies>div:nth-child(2)>div { content: ''; display: block; width: 100%; height: 1px; background-color: #e8e8e8; } .entry:before { position: absolute; content: ''; z-index: -1; top: -12px; bottom: -12px; left: -16px; right: -16px; display: block; } .entry.is-blinking:before { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: entryBlink; animation-name: entryBlink; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes entryBlink { 0%, 100% { background-color: #FFF; } 25% { background-color: #e8e8e8; } } @keyframes entryBlink { 0%, 100% { background-color: #FFF; } 25% { background-color: #e8e8e8; } } .form-search { position: relative; height: 48px; z-index: 0; overflow: visible; } .form-search input { color: #262626; width: 100%; border: none; background-color: transparent; } .form-search [type=reset] { visibility: hidden; } .form-search [type=reset].is-visible { visibility: visible; } .form-search [type=reset], .form-search_left { color: #999; } .form-search_left, .form-search_right { width: 48px; } .form-search_suggestions { top: 48px; top: 3.42857rem; border: 1px solid #d1d1d1; left: 0; right: 0; position: absolute; display: none; } .form-search_suggestions a { display: table; background-color: #FFF; } .list-button, .list-button>li { display: inline-block; } .form-search_suggestions_statistic, .form-search_suggestions_text { height: 48px; height: 3.42857rem; padding: 0 1.14286rem; } .form-search_suggestions_text { width: 100% } .form-search_suggestions_statistic { color: #737373; white-space: nowrap; } .form-search .icon-search { top: 3px; } .list-button { height: 48px; height: 3.42857rem; white-space: nowrap; vertical-align: top; } .list-button>li:first-child { margin-left: .57143rem; } .list-button-icon-fat { text-align: center; display: block; margin: 0 -.28571rem; } .list-view-action li, .player-controls li { display: inline-block; } .list-button-icon-fat li { margin: 0 4px; } .list-link li { margin-bottom: .57143rem; } .list-link.list-link--small li { margin-bottom: 0; } .list-track.list-track--no-cover .track { padding: 0; } .list-track>li { transition: background-color .18s; } .list-track>li button { z-index: 1; } .list-track>li:hover { background-color: #f9f9f9; } .list-track>li.featured:hover { background-color: #fbebe1; } .list-view-action { padding: .85714rem 0; background-color: #f9f9f9; text-align: center; } .list-view-action li { margin: 0 .42857rem; } .list-entity-overlay button { margin-bottom: .28571rem; } .list-entry .entry { border-bottom: #f0f0f0 1px solid; } .list-entry .entry:last-child { margin-bottom: 0; border-bottom: none; } .player-controls_repeat, .player-controls_shuffle { width: 48px; width: 3.42857rem; } .player-controls.is-radio .player-controls_next .icon, .player-controls.is-radio .player-controls_previous .icon, .player-controls_repeat .icon, .player-controls_shuffle .icon { opacity: .4; filter: alpha(opacity=40); } .player-controls.is-repeat .player-controls_repeat .icon, .player-controls.is-repeat-one .player-controls_repeat .icon, .player-controls.is-shuffle .player-controls_shuffle .icon { opacity: 1; filter: alpha(opacity=100); } .player-volume_range_track, .track.track--playlist-edition.is-removed .track_handle, .track.track--playlist-edition.is-removed .track_information, .track.track--playlist-edition.is-removed .track_play { opacity: .5; filter: alpha(opacity=50); } .player-controls .icon-repeat-one, .player-controls .player-controls_play .icon-play, .player-controls.is-pause .player-controls_play .icon-pause, .player-controls.is-repeat-one .player-controls_repeat .icon-repeat, .player-controls.is-stop .player-controls_play .icon-pause { display: none; } .player-controls .player-controls_play .icon-pause, .player-controls.is-pause .player-controls_play .icon-play, .player-controls.is-repeat-one .player-controls_repeat .icon-repeat-one, .player-controls.is-stop .player-controls_play .icon-play { display: inline; } .player .player-controls .player-controls_play { width: 64px; width: 4.57143rem; } .player .player-controls .player-controls_play .icon { font-size: 32px; font-size: 2.28571rem; width: 32px; width: 2.28571rem; height: 32px; height: 2.28571rem; } .player .player-controls .player-controls_next, .player .player-controls .player-controls_previous { width: 56px; width: 4rem; } .player .player-controls .player-controls_next .icon, .player .player-controls .player-controls_previous .icon, .player-mini .player-controls .player-controls_play .icon { font-size: 24px; font-size: 1.71429rem; width: 24px; width: 1.71429rem; height: 24px; height: 1.71429rem; } .player-mini .player-controls .player-controls_next, .player-mini .player-controls .player-controls_play, .player-mini .player-controls .player-controls_previous { width: 36px; width: 2.57143rem; } .player-volume { height: 48px; height: 3.42857rem; bottom: 64px; bottom: 4.57143rem; } .player-volume_max, .player-volume_mute { margin: 8px; } .player-volume_range { display: inline-block; position: relative; height: 48px; height: 3.42857rem; width: 176px; width: 12.57143rem; } .player-volume_range>* { position: absolute; left: 0; right: 0; } .player-volume_range_fill, .player-volume_range_track { top: 21px; top: 1.5rem; bottom: 21px; bottom: 1.5rem; background-color: #FFF; } .player-volume_range_fill { width: 100% } .player-volume input[type=range] { -webkit-appearance: none; background-color: transparent; width: 100%; height: 48px; height: 3.42857rem; } .player-volume input[type=range]:focus { outline: 0; } .player-volume input[type=range]::-ms-track { width: 100%; cursor: pointer; background: 0 0; border-color: transparent; } .player-volume input[type=range]::-moz-range-track { background-color: transparent; } .player-volume input[type=range]::-webkit-slider-thumb { -webkit-appearance: none!important; background: 0 0; width: 0; height: 48px; height: 3.42857rem; } .player-volume input[type=range]::-moz-range-thumb { -moz-appearance: none; appearance: none; width: 0; height: 48px; height: 3.42857rem; background-color: transparent; border-color: transparent; } .player-volume input[type=range]::-ms-thumb { width: 0; height: 48px; height: 3.42857rem; } .playlist-cover-grid { width: 100%; display: inline-block; overflow: hidden; font-size: 0; } .playlist-cover-grid>li { float: left; width: 50%; height: 50% } .post { position: relative; z-index: 0; } .post h1, .post h2, .post h3 { display: inline; } .post .quick-play { z-index: 2; } .post .link-wrap { position: relative; z-index: 0; display: block; } .post_entity { padding-bottom: 75% } .post_entity_background { overflow: hidden; } .post_entity_content>div { position: absolute; left: 16px; left: 1.14286rem; right: 16px; right: 1.14286rem; bottom: 16px; bottom: 1.14286rem; color: #FFF; } .post_entity_content_tag { line-height: 1; } .post_bar, .post_body { background-color: #f0f0f0; } .post_body { padding: 1.14286rem; } .post_body p a { text-decoration: none; color:; } .range { position: relative; height: 24px; z-index: 0; } .range>div { position: absolute; z-index: -1; } .range .bar-path { width: 100% } .range .bar { width: 0% } .range .thumb-path>div>div { display: table-cell; position: relative; } .range .thumb-path>div>div:first-child { width: 100% } .range.range--track .bar, .range.range--track .bar-path { transition: -webkit-transform .2s linear; transition: transform .2s linear; top: 11px; bottom: 11px; } .range.range--track:hover .bar, .range.range--track:hover .bar-path { -webkit-transform: scaleY(2); transform: scaleY(2); } .range.range--track .bar-path { background-color: #4d4d4d; } .range.range--track .bar { background-color:; } .range input[type=range] { -webkit-appearance: none; margin: 0; background-color: transparent; width: 100%; height: 24px; } .section-header .select+.select, .section-header h1+.select { margin-left: 4px; } .range input[type=range]:focus { outline: 0; } .range input[type=range]:disabled { cursor: default; } .section-header .select select:hover, .section-header .select:hover { cursor: pointer; } .range input[type=range]::-ms-track { width: 100%; cursor: pointer; background: 0 0; border-color: transparent; } .range input[type=range]::-ms-tooltip { display: none; } .range input[type=range]::-moz-range-track { background-color: transparent; } .range input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 10px; height: 10px; border-radius: 100%; background-color: #FFF; } .range input[type=range]::-moz-range-thumb { -moz-appearance: none; appearance: none; width: 10px; height: 10px; border-radius: 100%; background-color: #FFF; } .range input[type=range]::-ms-thumb { -ms-appearance: none; appearance: none; width: 10px; height: 10px; border-radius: 100%; background-color: #FFF; } .section-no-header { margin-top: 32px; } @media only screen and (min-width:1334px) { .section-no-header { margin-top: 48px; } } .section-footer { text-align: right; margin-top: 20px; height: 24px; overflow-y: visible; } .section-footer .btn { padding: 22px; } .section-footer.cta { text-align: left; } .list-track+.section-footer { margin-top: 12px; } .section-header { margin-top: 18px; height: 48px; position: relative; color: #737373; } .section-header_left>div, .section-header_right>div { display: inline-block; background-color: #FFF; } .section-header_left { width: 100% } .section-header_left>div { padding-right: 12px; } .section-header_line { display: block; width: 100%; position: absolute; top: 50%; left: 0; border-top: 1px solid #e8e8e8; z-index: -1; } .app-bar .avatar-button .user-menu-pin, .app-bar-new .avatar-button .user-menu-pin, .app-bar-new2 .avatar-button .user-menu-pin { left: 10px; } .section-header_right { white-space: nowrap; } .section-header_right>div { padding-left: 12px; } .section-header h1 { color: inherit; } .section-header h1.reset { color: inherit; font-size: inherit; text-transform: inherit; } .section-header .select { position: relative; display: inline-block; z-index: 2; } .section-header .select select { border-radius: 3px; padding: 5px 32px 4px 6px; border: 1px solid #bfbfbf; text-transform: uppercase; background: 0 0; line-height: 1.2727; color: inherit; outline: 0; font-family: futurabook, Arial, sans-serif; } .section-header .select select::-ms-expand { display: none; } .section-header .select select:focus { box-shadow: 0 0 5px #bfbfbf; } .section-header .select .icon { top: 50%; margin-top: -6px; position: absolute; right: 10px; z-index: -1; font-size: 12px; color: #bfbfbf; width: 12px; height: 12px; } .section-header.dual-select, .section-header.mono-select { margin-bottom: 8px; } @media only screen and (max-width:767px) { .section-header.dual-select .section-header_left>div { padding-right: 0; width: 100% } .section-header.dual-select .section-header_left>div:after, .section-header.dual-select .section-header_left>div:before { content: " "; display: table; } .section-header.dual-select .section-header_left>div:after { clear: both; } .section-header.dual-select .select { width: 49%; float: left; } .section-header.dual-select .select+.select { margin-left: 0; } .section-header.dual-select .select:first-child { margin-right: 1% } .section-header.dual-select .select:last-child { margin-left: 1% } .section-header.dual-select select { width: 100% } } @media only screen and (min-width:992px) { .section-header { margin-top: 20px; } } .section-header.section-header-first { height: 32px; padding-top: 16px; } .section-header+.section-header { margin-top: 0; } .section-secondary .date .icon { margin-right: 8px; } .section-secondary .date, .section-secondary .numbers, .section-secondary .stats { padding: 8px 0 0; } .section-secondary .stats { text-align: left; text-transform: uppercase; line-height: 1; } .section-secondary .stats li { display: inline-block; margin: 0 8px 0 0; } .section-secondary .cc { margin-top: 36px; } .section-secondary .cc li { display: inline-block; float: right; margin-left: 8px; color: #bfbfbf; } .section-secondary .cc .icon { font-size: 24px; width: 24px; height: 24px; } @media only screen and (min-width:992px) { .section-secondary .numbers { display: table; width: 100% } .section-secondary .numbers .date { font-size: 11px; } .section-secondary .numbers .stats { font-size: 9px; } .section-secondary .numbers .date, .section-secondary .numbers .stats { display: table-cell; } .section-secondary .stats { font-size: 10px; font-size: .71429rem; text-align: right; } .section-secondary .stats li { margin: 0 0 0 8px; } .section-secondary .stats .count { font-size: 14px; font-size: 1rem; } } @media only screen and (min-width:1334px) { .section-secondary .date, .section-secondary .stats { padding-top: 40px; } } .section-tertiary { padding: 48px 0; color: #999; text-align: center; } .section-tertiary .s_wrap { display: inline-block; width: 100% } .section-tertiary .s__content, .section-tertiary .s__glyph { vertical-align: middle; text-align: center; } .app-bar .avatar-button_avatar, .app-bar .avatar-button_username, .app-bar .separator, .app-bar-new .avatar-button_avatar, .app-bar-new .avatar-button_username, .app-bar-new2 .avatar-button_avatar, .app-bar-new2 .avatar-button_username, .btn-action-list li, .edit-image-cover a span, .navigation .wrap>div:first-child>div { vertical-align: top; } .section-tertiary .glyph { display: inline-block; margin: 0 0 16px; } .section-tertiary .text { margin: 8px 0 4px; } .section-tertiary .actions { vertical-align: top; margin: 10px -6px -6px; } .section-tertiary .actions li { display: inline; margin: 0 6px; font-size: 0; } .section-tertiary .action { margin: 10px 0 -6px; } .section-tertiary .btn { padding-top: 10px; padding-bottom: 10px; } .section-tertiary .btn:before { top: 6px; bottom: 6px; } .section-tertiary.as-incentive { background-color: #f9f9f9; padding: 32px; } .section-tertiary.as-incentive .s_wrap { display: block; } .section-tertiary.as-incentive .glyph { width: 48px; height: 48px; padding: 16px; border-radius: 100%; background-color: #e8e8e8; } @media only screen and (min-width:1334px) { .section-tertiary.as-incentive: not(.compact) { padding: 48px; } .section-tertiary.as-incentive:not(.compact) .s__content, .section-tertiary.as-incentive:not(.compact) .s__glyph { display: table-cell; text-align: left; } .section-tertiary.as-incentive:not(.compact) .s__glyph { width: 80px; padding-right: 32px; } .section-tertiary.as-incentive:not(.compact) .glyph { margin: 0; } } .licensing-img-insert-desktop a, .track_information_artist, .track_information_title { display: inline-block; } .section-tertiary.as-error .s_wrap, .section-tertiary.as-no-results .s_wrap, .section-tertiary.as-requirement .s_wrap { max-width: 500px; } .section-tertiary.as-error .heading, .section-tertiary.as-no-results .heading, .section-tertiary.as-requirement .heading { color: #4d4d4d; } .section-tertiary.as-requirement .glyph { color:; } .section-tertiary.as-error .glyph { color: #4d4d4d; } .section-tertiary.as-no-results .glyph { color: #737373; } .section-tertiary.as-form-introduction { text-align: left; } .licensing-img-insert-desktop { position: relative; overflow: visible; font-size: 0; height: 24px; } .licensing-img-insert-desktop>div { right: -32px; border-top: 4px solid #67b7bf; padding: 0 12px; text-align: right; z-index: 1; } .social-links { margin-top: 36px; } .social-links li { margin-bottom: .85714rem; padding-left: 1.71429rem; position: relative; } .social-links li:last-child { margin-bottom: 0; } .social-links .web { color: #4d4d4d; } .social-links .facebook { color: #5f78ab; } .social-links .twitter { color: #4099FF; } .social-links .google { color: #dd4b39; } .social-links .apple { color: #000; } .tile { background-color: #262626; overflow: hidden; } .tile_body_content_descriptive, .tile_body_content_standalone-title { padding: 1.14286rem; text-transform: uppercase; } .tile_body_content_descriptive_title { margin-bottom: .85714rem; } .tile_body_content_descriptive_title span { padding-bottom: .28571rem; display: inline-block; border-bottom: 1px solid #FFF; } .tile_body_content_descriptive_description { text-transform: initial; } .tile_play+a .tile_body .tile_body_content>* { padding: 3.42857rem 0; } .tile.tile--wide .tile_body { padding-bottom: 50% } .track { padding: .57143rem 0 .57143rem .57143rem; } .track_play { width: 48px; height: 48px; z-index: auto; position: relative; } .track_play img { z-index: -10; width: 50px; height: 50px; } .section_licensing button, .track.featured .track_play { z-index: 1; } .track .link-wrap { width: 100% } .track_information { padding: 0 .57143rem 0 .85714rem; } .track_tags { white-space: nowrap; letter-spacing: 1px; letter-spacing: .07143rem; padding: 0 .85714rem; display: none; } .track_tags li { display: inline-block; } .track_actions.track_actions_add-to-playlist, .track_actions.track_actions_share, .track_tags li:last-child:after { display: none; } .track_tags li:after { content: ", " } .track_duration { padding: 0 1.14286rem 0 .85714rem; display: none; } .track.track--playlist-edition .track_handle:hover, .track.track--playlist-edition .track_information:hover, .track.track--playlist-edition .track_play:hover { cursor: move; } .navigation .language select:hover, .navigation .wrap>div:first-of-type>a .logo:hover, .navigation a:hover, .search-module .chosen-container .search-field input[type=text]:focus+.btn-icon:hover, .search-module .chosen-container .search-field input[type=text]:valid+.btn-icon:hover { cursor: pointer; } .track.track--playlist-edition .track_handle { min-width: 32px; } .track.track--playlist-edition .track_handle .icon { font-size: 12px; font-size: .85714rem; color: #bfbfbf; } .track.track--playlist-edition img { width: 48px; height: 48px; } .track.track--playlist-deleted { background-color: #f9f9f9; } .track.track--playlist-deleted>div { color: #737373; } .track.track--playlist-deleted>div:nth-child(1) { padding-left: 1.07143rem; } .track.track--playlist-deleted>div:nth-child(2) { padding-left: 1.92857rem; width: 100% } @media only screen and (min-width:768px) { .post_body { min-height: 97px; } .track_actions.track_actions_add-to-playlist, .track_actions.track_actions_share { display: inline; } .track_duration { display: table-cell; } } @media only screen and (min-width:992px) { .track_tags { display: table-cell; } } .track.featured { background-color: #fef5ef; } .track.featured .track_actions .desktop-secondary-menu-wrap { display: none; } .track.featured .list-button li:hover { background-color: #fbebe1; } @media only screen and (max-width:480px) { .track.featured>a>div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .track.featured>a>div .track_information { display: block; margin: 0; max-width: 120px; } .track.featured>a>div .highlighted { display: block; margin: -6px 0 -12px 12px; } .track.featured .track_actions { white-space: nowrap; } .track.featured .track_actions ul li:nth-of-type(4) { display: none; } .track.featured .track_actions .desktop-secondary-menu-wrap { display: inline-block; } .track.featured .track_actions .desktop-secondary-menu-wrap .desktop-secondary-menu { top: calc(100%+9px); } .licensing-links { height: 67px; } .licensing-links>a { display: none; } } .licensing-links { position: absolute; right: 0; color: #FFF; background-color: #67b7bf; text-transform: uppercase; text-align: center; padding: 0 16px; max-height: 65px; min-width: 450px; } .licensing-links>p { text-align: center; line-height: .5; padding-top: 12px; } @media only screen and (max-width:1334px) { .licensing-links { margin-left: -32px; margin-right: -32px; min-width: auto; max-height: none; position: relative; } } @media only screen and (max-width:992px) { .licensing-links { margin-left: -16px; margin-right: -16px; } } @media only screen and (max-width:768px) { .licensing-links { visibility: hidden; } } .selection_titles h1 { font-weight: 600; font-size: 17px; text-transform: initial; letter-spacing: 0; } .selection_titles h2 { font-size: 13px; font-weight: 400; margin-bottom: 10px; } .section_licensing { margin-top: 16px; } .section_licensing header, .section_licensing ul { background-color: #ebf6f7; } .section_licensing header { display: block; height: auto; padding: 16px 0 0 16px; } .section_licensing .list-track { padding: 16px 16px 0; } .section_licensing .list-track .track { padding: 8px 0; border-bottom: 1px solid #e8e8e8; transition: background-color .25s; } .section_licensing .list-track .track:first-of-type { padding-top: 8px; } .section_licensing .list-track .track:last-of-type { border: none; padding-bottom: 8px; } .section_licensing .list-track .track .list-button, .section_licensing .list-track .track .list-button li a { background-color: #ebf6f7; transition: background-color .25s; } .section_licensing .list-track .track:hover { background-color: #d5ebec; margin: 0 16px 0 -16px; padding: 8px 16px; width: calc(100%+32px); } .section_licensing .list-track .track:hover:last-of-type { padding-top: 8px; } .section_licensing .list-track .track:hover .list-button, .section_licensing .list-track .track:hover .list-button li a { background-color: #d5ebec; } .section_licensing .section-footer { margin-top: 38px; } .app-bar_wrap { width: 100%; background-color: #e8e8e8; color: #999; } .app-bar_left, .app-bar_right { white-space: nowrap; } .app-bar_right { text-align: right; } .app-bar .user-zone { display: inline-block; margin-right: 16px; } .app-bar .avatar-button { padding: 10px 0; height: 48px; white-space: nowrap; } .app-bar .avatar-button_avatar { width: 28px; display: inline-block; } .app-bar .avatar-button_username { line-height: 28px; color: #737373; letter-spacing: .5px; padding-left: 8px; display: none; } .app-bar .avatar-button.menu-is-opened .user-menu, .app-bar .avatar-button.menu-is-opened .user-menu-pin { visibility: visible; } .app-bar .separator { width: 1px; display: inline-block; background-color: #d1d1d1; height: 36px; margin: 6px 0; } .app-bar .user-menu { visibility: hidden; position: absolute; right: 0; top: 47px; background-color: #FFF; min-width: 150px; border: 1px solid #d1d1d1; } .app-bar .user-menu li { border-bottom: 1px solid #d1d1d1; } .app-bar .user-menu li:last-child { border-bottom: none; } .app-bar .user-menu li:hover { background-color: #f0f0f0; } .app-bar .user-menu a { text-decoration: none; color: #4d4d4d; padding: 16px; display: inline-block; } .app-bar .user-menu-pin { position: absolute; bottom: 0; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #d1d1d1; visibility: hidden; } .app-bar_search { display: none; background-color: #FFF; } .app-bar.is-search .app-bar_wrap { display: none; } .app-bar.is-search .app-bar_search { display: block; } @media only screen and (min-width:1334px) { .app-bar_left { width: 50% } .app-bar .avatar-button_username { display: inline-block; } .app-bar .user-zone { margin-right: 0; } } .menu-for-app-bar { display: inline-block; width: 300px; height: 140px; background: #000; color: #fff; text-align: center; padding: 0 10px; } @media only screen and (min-width:1334px) { .menu-for-app-bar { width: 180px; } } .container-for-app-bar { width: 100%; position: absolute; display: inline-block; } .app-bar-new { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 0 5px; background-color: #e8e8e8; color: #999; } .app-bar-new .list-button:first-child { display: none; } .app-bar-new .list-button:nth-child(2) { -webkit-box-ordinal-group: NaN; -ms-flex-order: initial; order: initial; margin-left: 11px; } .app-bar-new .list-button:nth-child(2) li a { pointer-events: none; color: #999; top: 1px; } .app-bar-new .user-menu, .app-bar-new2 .user-menu { right: 0; top: 47px; min-width: 150px; position: absolute; } .app-bar-new .list-button.social-icons { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 10px; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .app-bar-new .form-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .app-bar-new .user-zone { margin-right: 16px; } .app-bar-new .user-zone .btn { white-space: nowrap; } .app-bar-new .avatar-button { padding: 10px 0; height: 48px; white-space: nowrap; } .app-bar-new .avatar-button_avatar { width: 28px; display: inline-block; } .app-bar-new .avatar-button_username { line-height: 28px; color: #737373; letter-spacing: .5px; padding-left: 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .app-bar-new .form-search_left, .app-bar-new.is-search .list-button.social-icons, .app-bar-new.is-search .list-button:first-child, .app-bar-new.is-search .list-button:first-child li:first-child, .app-bar-new.is-search .list-button:nth-child(2), .app-bar-new.is-search .separator, .app-bar-new.is-search .user-zone { display: none; } .app-bar-new .avatar-button.menu-is-opened .user-menu, .app-bar-new .avatar-button.menu-is-opened .user-menu-pin { visibility: visible; } .app-bar-new .separator { width: 1px; background-color: #d1d1d1; height: 36px; margin: 6px 0; display: none; } .app-bar-new .form-search_input { width: 100% } .app-bar-new.is-search .form-search_input { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% - 35px); } .app-bar-new.is-search .form-search_left { width: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; } .app-bar-new .user-menu { visibility: hidden; background-color: #FFF; border: 1px solid #d1d1d1; } .app-bar-new .user-menu li { border-bottom: 1px solid #d1d1d1; } .app-bar-new .user-menu li:last-child { border-bottom: none; } .app-bar-new .user-menu li:hover { background-color: #f0f0f0; } .app-bar-new .user-menu a { text-decoration: none; color: #4d4d4d; padding: 16px; display: inline-block; } .app-bar-new .user-menu-pin { position: absolute; bottom: 0; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #d1d1d1; visibility: hidden; } .app-bar-new_search { display: none; background-color: #FFF; } @media only screen and (max-width:1334px) { .app-bar-new .list-button: first-child { display: -webkit-box; display: -ms-flexbox; display: flex; } .app-bar-new .list-button:nth-child(2) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .app-bar-new .list-button:nth-child(2) li a { pointer-events: visible; color: #4d4d4d; } .app-bar-new .list-button:nth-child(2) li a:hover { color: red; } .app-bar-new .separator { display: -webkit-box; display: -ms-flexbox; display: flex; } .app-bar-new .avatar-button_username, .app-bar-new .form-search_input { display: none; } } .app-bar-new2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; background-color: #e8e8e8; color: #999; } .app-bar-new2 .bar-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; white-space: nowrap; } .app-bar-new2 .social-and-login-container { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; white-space: nowrap; } .app-bar-new2 .list-button:first-child { display: none; } .app-bar-new2 .list-button:nth-child(2) { display: none; -webkit-box-ordinal-group: NaN; -ms-flex-order: initial; order: initial; } .app-bar-new2 .list-button:nth-child(2) li a { pointer-events: none; color: #999; } .app-bar-new2 .list-button.social-icons { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 10px; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .app-bar-new2 .list-button .btn-icon { color: #999; } .app-bar-new2 .list-button .btn-icon:hover { color:; } .app-bar-new2 .form-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .app-bar-new2 .user-zone { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding-left: 9px; } .app-bar-new2 .user-zone .btn { white-space: nowrap; } .app-bar-new2 .avatar-button { padding: 10px 0; height: 48px; white-space: nowrap; } .app-bar-new2 .avatar-button_avatar { width: 28px; display: inline-block; } .app-bar-new2 .avatar-button_username { line-height: 28px; color: #737373; letter-spacing: .5px; padding-left: 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .app-bar-new2 .form-search_left, .app-bar-new2.is-search .list-button.social-icons, .app-bar-new2.is-search .list-button:first-child, .app-bar-new2.is-search .list-button:first-child li:first-child, .app-bar-new2.is-search .list-button:nth-child(2), .app-bar-new2.is-search .separator, .app-bar-new2.is-search .user-zone { display: none; } .app-bar-new2 .avatar-button.menu-is-opened .user-menu, .app-bar-new2 .avatar-button.menu-is-opened .user-menu-pin { visibility: visible; } .app-bar-new2 .form-search_input { width: 100% } .app-bar-new2.is-search .form-search_input { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% - 35px); } .app-bar-new2.is-search .form-search_left { width: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; } .app-bar-new2 .user-menu { visibility: hidden; background-color: #FFF; border: 1px solid #d1d1d1; } .app-bar-new2 .user-menu li { border-bottom: 1px solid #d1d1d1; } .app-bar-new2 .user-menu li:last-child { border-bottom: none; } .app-bar-new2 .user-menu li:hover { background-color: #f0f0f0; } .app-bar-new2 .user-menu a { text-decoration: none; color: #4d4d4d; padding: 16px; display: inline-block; } .app-bar-new2 .user-menu-pin { position: absolute; bottom: 0; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #d1d1d1; visibility: hidden; } .app-bar-new2_search { display: none; background-color: #FFF; } @media only screen and (max-width:992px) { .app-bar-new2 { padding-left: calc(1%+13px); } .app-bar-new2 .list-button:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; } .app-bar-new2 .list-button>li:first-child { margin-left: -4px; } .app-bar-new2 .list-button:nth-child(2) { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 8px; } .app-bar-new2 .list-button:nth-child(2) li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: visible; color: #999; } .app-bar-new2 .list-button:nth-child(2) li a .icon { font-size: 1.5rem; line-height: 16px; } .app-bar-new2 .list-button>li:last-child { margin-right: 0; margin-left: 6px; } .app-bar-new2 .space-for-responsive-bar { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } .app-bar-new2 .separator { display: -webkit-box; display: -ms-flexbox; display: flex; } .app-bar-new2 .avatar-button_username, .app-bar-new2 .form-search_input, .app-bar-new2 .search-module__left { display: none; } .app-bar-new2 .search-module { position: fixed; min-height: 68px; left: 0; margin: 0; padding-left: calc(1%+15px); padding-right: calc(1%+15px); background-color: #f1f1f1; box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .6); top: -200px; transition: initial; } .app-bar-new2 .search-module.focus { top: 48px; transition: initial; } .app-bar-new2 .search-module .chosen-container .chosen-choices { background-color: #f1f1f1; margin-right: 4px; } .app-bar-new2 { padding-right: 5px; } } .search-module, .search-module.focus { transition-duration: .5s; transition-timing-function: ease-out; } .dispatcher .link-wrap { padding: 1.71429rem; display: table; width: 100% } .dispatcher_body_title { padding-bottom: .57143rem; } .dispatcher .icon { padding-left: 1.71429rem; font-size: 24px; font-size: 1.71429rem; color:; } .hero-entity-description { width: 100%; color: #262626; line-height: 1.5; } .hero-entity-description .primary, .hero-entity-description .tags { display: inline; } .hero-entity-description .tags.inline-block, .hero-entity-description .tags.inline-block>li { display: inline-block; } .hero-entity-description .prefix, .hero-entity-description .tags { font-size: 10px; font-size: .71429rem; color: #999; } .hero-entity-description .prefix { text-transform: uppercase; } .hero-entity-description .prefix .icon { margin-right: .57143rem; } .hero-entity-description .primary { font-size: 16px; font-size: 1.14286rem; } .hero-entity-description .secondary { font-size: 11px; font-size: .78571rem; text-transform: uppercase; } .hero-entity-description .secondary:link { color: #262626; text-decoration: none; } .hero-entity-description .secondary:link:hover { text-decoration: underline; } .hero-entity-description .source-link { font-size: 11px; font-size: .78571rem; } .hero-entity-description .source-link a:link, .hero-entity-description .source-link a:visited { color: #4d4d4d; } .hero-entity-description .source-link a:active, .hero-entity-description .source-link a:hover { color: #262626; } .hero-entity-description .tags a { color: inherit; text-decoration: none; } .hero-entity-description .tags.reset { font-size: inherit; color: inherit; } @media only screen and (max-width:1334px) { .hero-entity-description .tags.inline-block { font-size: 12px; } } .hero-entity-description.overlay .prefix, .hero-entity-description.overlay .primary, .hero-entity-description.overlay .secondary, .hero-entity-description.overlay .tags { color: #FFF; } @media only screen and (min-width:768px) { .hero-entity-description .primary { font-size: 24px; font-size: 1.71429rem; font-weight: 400; } .hero-entity-description .secondary { font-size: 14px; font-size: 1rem; } } .hero-cover { display: block; } .btn-action-list, .btn-action-list li { display: inline-block; } .hero-cover img { max-width: 100% } .btn-action-list li { margin-right: 12px; font-size: 0; } .btn-action-list li:last-child { margin-right: 0; } .btn-action-list li:empty { display: none; } .btn-action-list.small li { margin-right: 8px; } .btn-action-list.small .icon-pause-s, .btn-action-list.small .icon-play-s { top: 1px; } .btn-action-list.small .icon-share { left: -1px; } .btn-expand { width: 36px; height: 36px; float: right; } .btn-expand .icon { font-size: 12px; line-height: 36px; } .edit-image-cover { position: absolute; top: 0; left: 0; z-index: 5; } .edit-image-cover a { color: #FFF; padding: 16px; display: inline-block; text-decoration: none; } .edit-image-cover a span { display: none; color: #FFF; line-height: 18px; text-decoration: underline; } .empty-message, .hero-desktop_cover .edit-image-cover a:hover span, .navigation a, .pivot-bar a, .player_entity-information>*, .results-container .chosen-results .cta-btn { text-decoration: none; } .hero-desktop { width: 100%; position: relative; z-index: 0; color: #FFF; margin-top: 48px; } @media only screen and (min-width:992px) { .edit-image-cover .icon { margin-right: 8px; } .edit-image-cover a:hover span { display: inline-block; } .hero-desktop { margin-top: 0; } } .hero-desktop_cover { z-index: -1; overflow: hidden; position: relative; } .hero-desktop_cover .edit-image-cover { right: 16px; text-align: right; } .hero-desktop_cover .edit-image-cover a { width: 36px; color: #737373; } .hero-desktop_cover .edit-image-cover a .icon { margin: 0; } .hero-desktop_cover .edit-image-cover a span { color: #737373; font-family: futurabook, Arial, sans-serif; } .hero-desktop_cover .edit-image-cover a:hover { width: auto; } @media only screen and (max-width:992px) { .hero-desktop_cover { width: calc(100%+32px); margin-left: -16px; margin-right: -16px; } } .hero-desktop_structure { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 100%; position: relative; margin-top: -5px; min-height: 200px; } .hero-desktop .thumb { padding: 0; margin: 0 25px; height: auto; right: 0; top: 0; position: absolute; } @media only screen and (max-width:768px) { .hero-desktop .thumb { width: 96px; } } .hero-desktop .content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: none; padding: 32px 0 0; } @media only screen and (min-width:1334px) { .hero-desktop_structure { -ms-flex-flow: row; flex-flow: row; } .hero-desktop .content { margin-top: 0; } } .hero-desktop .content>div { padding-right: 12px; } @media only screen and (max-width:550px) { .hero-desktop .content { -ms-flex-flow: column; flex-flow: column; } .hero-desktop .content>div { padding-right: 0; } } .hero-desktop .content>ul { -ms-flex-flow: column; flex-flow: column; width: 200px; min-width: 200px; } @media only screen and (min-width:1334px) { .hero-desktop .content>ul { -ms-flex-flow: row; flex-flow: row; width: auto; } } @media only screen and (max-width:1334px) { .hero-desktop .content>ul li { line-height: 1.3; display: -webkit-box; display: -ms-flexbox; display: flex; } .hero-desktop .content>ul li>div { width: 50% } .hero-desktop .content>ul li>div:first-of-type { text-align: right; margin-right: 3px; } .hero-desktop .content>ul li>div:last-of-type { text-align: left; margin-left: 3px; } .hero-desktop .content>ul li:nth-of-type(2) { margin: 12px 0; } } @media only screen and (max-width:768px) { .hero-desktop .content>ul { width: 146px; min-width: 146px; padding-top: 30px; } .hero-desktop .content>ul li { -ms-flex-flow: column; flex-flow: column; font-size: 12px; } .hero-desktop .content>ul li>div:first-of-type, .hero-desktop .content>ul li>div:last-of-type { width: 100%; text-align: center; margin-left: 0; margin-right: 0; } } @media only screen and (max-width:550px) { .hero-desktop .content>ul { -ms-flex-flow: row; flex-flow: row; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .hero-desktop .content>ul li:nth-of-type(2) { margin: 0 12px; } .hero-desktop .content>ul li>div:first-of-type, .hero-desktop .content>ul li>div:last-of-type { font-size: 12px; } .hero-desktop .content .hero-entity-description h1 { max-width: 73% } } .hero-desktop .content .hero-entity-description { white-space: initial; } .hero-desktop .content .hero-entity-description>* { color: #4d4d4d; } .hero-desktop.hero-is-overlay .hero-desktop_structure .content h1, .messages, .messages_message_text a { color: #FFF; } @media only screen and (max-width:1334px) { .hero-desktop .content .hero-entity-description h1 { font-size: 32px; } } .hero-desktop.no-thumb .content { padding-left: 32px; } .hero-desktop .avatar { width: 150px; margin-top: -50% } .hero-desktop .btn-action-list, .hero-plain_actions { margin-top: 16px; } @media only screen and (min-width:1334px) { .hero-desktop .avatar { width: 200px; } } @media only screen and (max-width:768px) { .hero-desktop .avatar { width: 96px; } } @media only screen and (max-width:390px) { .hero-desktop .content>ul { padding-top: 10px; } .hero-desktop .btn-action-list>li { margin-bottom: 10px; } } .hero-desktop .edit-image-cover { top: 16px; left: 16px; } .hero-desktop.hero-is-overlay .hero-desktop_structure { height: 100% } .hero-desktop.hero-is-overlay .hero-desktop_structure .content { -ms-flex-flow: column; flex-flow: column; padding-bottom: 32px; } .hero-mobile { position: relative; margin-right: -16px; margin-left: -16px; } .hero-mobile_cover { padding-bottom: 33.33333%; overflow: hidden; position: relative; } .hero-mobile_cover img { max-width: 100%; display: block; } .hero-mobile_content { position: relative; padding: 8px 16px 0 120px; z-index: 1; } .hero-mobile_actions { padding: 14px 4px 0 16px; } .hero-mobile .thumb { position: absolute; width: 96px; left: 14px; bottom: 0; } .hero-mobile.no-thumb .hero-mobile_content { padding: 16px 16px 0; } .hero-plain_content { max-width: 50px; } .hero-plain.mobile { padding: 16px 0; } .hero-plain.mobile .hero-plain_cover { width: 96px; } .hero-plain.mobile .hero-plain_content { padding-left: 16px; } .hero-plain.desktop { height: 240px; margin: 32px 0; } .hero-plain.desktop .hero-plain_cover { width: 180px; } .hero-plain.desktop .hero-plain_content { padding-left: 24px; } .hero-plain.desktop .btn-action-list { margin-top: 22px; } @media only screen and (min-width:992px) { .hero-plain.desktop .hero-plain_cover { width: 240px; } } .image-crop { position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .image-crop, .image-crop-get-set { max-width: 600px; } .image-crop-get-set { text-align: center; position: absolute; bottom: 15%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 999; width: 100% } .image-crop .icon-picture, .image-crop .icon-picture-s, .image-crop-rotate-ccw, .image-crop-rotate-cw { position: absolute; bottom: 0; } .messages_message, .messages_message .container { position: relative; } .image-crop .icon-picture-s { left: 80px; bottom: 18px; } .image-crop .icon-picture { right: 0; bottom: 16px; } .image-crop-rotate-ccw { left: 0; } .image-crop-rotate-cw { left: 32px; } .image-crop-input { display: none!important; } .messages:empty, .messages_message:not(:nth-last-child(-n+2)) .messages_message_dismiss, .messages_message:not(:nth-last-child(-n+2)) .messages_message_text, .messages_message:not(:nth-last-child(-n+4)) { display: none; } .image-crop-save { margin-left: 8px; } @media only screen and (min-width:992px) { .image-crop.square, .image-crop.square+.image-crop-get-set { max-width: 400px; } } .croppie-container .cr-slider-wrap { margin: 22px 28px 22px 104px; width: auto; } .messages { background-color: #FFF; margin: 8px; } .messages_message { background-color: #262626; padding: .85714rem; border-top: 1px solid #FFF; } .messages_message_text { padding-right: 3.42857rem; } .navigation a, .navigation a:link, .navigation a:visited { color: #d1d1d1; } .messages_message_dismiss { position: absolute; right: 0; top: 50%; margin-top: -1.71429rem; width: 36px; width: 2.57143rem; height: 36px; height: 2.57143rem; } .messages_message_dismiss .icon { margin-left: -.42857rem; margin-top: -.42857rem; } .messages_message.is-success { background-color: #6c6; } .messages_message.is-warning { background-color: #cc6e29; } .messages_message.is-danger { background-color: #cc2929; } .messages_message.is-cookie-banner { background-color: #191919; } .messages_message:first-child { border-top: none; } .messages_message:not(:nth-last-child(-n+2)) { padding: .14286rem 0; } .navigation { width: 180px; background-color: #262626; height: auto; } .navigation a.is-active .icon, .navigation a.is-active:link, .navigation a.is-active:visited, .navigation a:active, .navigation a:active .icon, .navigation a:hover, .navigation a:hover .icon { color: #FFF; } .navigation .wrap>div:first-of-type>a { display: inline-block; } .navigation .wrap>div:first-of-type>a .logo { margin: 12px 0; } .navigation .primary a { display: block; letter-spacing: 1px; line-height: 2; } .navigation .primary a>* { display: inline; } .navigation .primary .primary-title { line-height: 1.25; } .navigation .primary .primary-title>span { color: #d1d1d1; letter-spacing: 1px; } .navigation .primary .btn--brand, .navigation .primary .btn--lightgrey-brand { line-height: 1.4; padding: 1.8em .3em; } .navigation .primary .icon { margin-right: 12px; color: #737373; } .navigation .licensing-add { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #67b7bf; padding: 10px 6px 5px!important; margin: 16px auto; text-align: center; height: 255px; } .navigation .licensing-add>* { width: 100% } .navigation .licensing-add figure { background-repeat: no-repeat; background-size: contain; background-position: center; } .navigation .licensing-add figure:first-of-type { background-image: url(https://images.jamendo.com/jamendomusic/static/svg/jamendo-licensing-logo-white.svg); height: 36px; margin-top: 5px; } .navigation .licensing-add figure:last-of-type { background-image: url(https://images.jamendo.com/jamendomusic/static/svg/vintage-video.svg); height: 73px; } .navigation .licensing-add p { color: #6ff0ff; line-height: 1.3; font-size: 13px; } .navigation .licensing-add .btn { font-size: 12px; } .navigation .licensing-add .btn:before { background-color: #4bd2e2; } .navigation .licensing-add:hover { background-color: #58abb3; } .navigation .licensing-add:hover p { color: #FFF; } .navigation .licensing-add:hover .btn:before { background-color: #409199; } @media only screen and (max-height:800px) { .navigation .licensing-add { height: 230px; } .navigation .licensing-add figure:last-of-type { height: 60px; } } @media only screen and (max-height:785px) { .navigation .licensing-add { height: 200px; } .navigation .licensing-add figure:first-of-type { height: 34px; } .navigation .licensing-add figure:last-of-type { height: 52px; } } @media only screen and (max-height:755px) { .navigation .licensing-add { height: 160px; } .navigation .licensing-add figure:last-of-type { display: none; } } @media only screen and (max-height:715px) { .navigation .licensing-add { height: 102px; } .navigation .licensing-add figure:first-of-type { display: none; } } @media only screen and (max-height:695px) { .navigation .licensing-add { display: none; } } .navigation .secondary { letter-spacing: .5px; width: 148px; } .navigation .secondary li { display: inline; line-height: 1.5; white-space: nowrap; margin-right: 4px; } .navigation .secondary li:last-child:after { display: none; } .navigation hr { display: block; height: 1px; margin: 16px 0; border: 0; background-color: #3c3c3c; } .navigation .language { position: relative; z-index: 0; } .navigation .language select { letter-spacing: .5px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 5px 0; background: 0 0; color: #999; outline: 0; border: none; z-index: 2; } .navigation .language .icon { position: absolute; top: 50%; right: 0; font-size: 12px; margin-top: -14px; z-index: -1; width: 12px; height: 12px; } .navigation .logo-link { padding: 16px 0; display: inline-block; } .navigation .wrap, .search-module__field { display: -webkit-box; display: -ms-flexbox; } .navigation .wrap { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 16px; height: 100%; min-height: 100vh; } .navigation .wrap>div:last-child>div { vertical-align: bottom; padding-bottom: 16px; } @media only screen and (max-height:902px) { .navigation .wrap.is-logged .licensing-add { height: 230px; } .navigation .wrap.is-logged .licensing-add figure:last-of-type { height: 60px; } } @media only screen and (max-height:887px) { .navigation .wrap.is-logged .licensing-add { height: 200px; } .navigation .wrap.is-logged .licensing-add figure:first-of-type { height: 34px; } .navigation .wrap.is-logged .licensing-add figure:last-of-type { height: 52px; } } @media only screen and (max-height:857px) { .navigation .wrap.is-logged .licensing-add { height: 160px; } .navigation .wrap.is-logged .licensing-add figure:last-of-type { display: none; } } @media only screen and (max-height:817px) { .navigation .wrap.is-logged .licensing-add { height: 102px; } .navigation .wrap.is-logged .licensing-add figure:first-of-type { display: none; } } @media only screen and (max-height:797px) { .navigation .wrap.is-logged .licensing-add { display: none; } } .navigation .social { margin-left: -4px; text-align: center; } .navigation .social li { display: inline-block; } .navigation .social a:link, .navigation .social a:visited { color: #999; width: 34px; height: 27px; } .navigation .social a:link .icon, .navigation .social a:visited .icon { line-height: 27px; } .navigation .social a.btn--apple:before, .navigation .social a.btn--facebook:before, .navigation .social a.btn--google:before, .navigation .social a.btn--instagram:before, .navigation .social a.btn--twitter:before { background-color: transparent; } .navigation .btn-icon.btn--overlay.close--menu { display: none; } html[lang=fr] .entry .info .author:after { left: 0; } @media only screen and (max-width:992px) { .btn-icon.btn--overlay.close--menu { display: inline-block!important; margin: 8px 0 0 8px; width: 48px; height: 48px; } .navigation { width: 300px; height: auto; } .navigation .close { margin: 8px 0 0 8px; width: 48px; height: 48px; } .navigation .wrap { padding: 0 24px 24px; } .navigation .wrap>div>a { display: none; } .navigation .primary a { line-height: 3; } .navigation .primary .btn--brand, .navigation .primary .btn--lightgrey-brand { max-width: 200px; } .navigation .secondary a { line-height: 1; display: block; } .navigation .social { margin-left: -3px; text-align: left; } .navigation .social li { display: inline-block; } .navigation .social li a:link { width: 48px; height: 48px; color: #FFF; } .navigation .social li a:link .icon { line-height: 48px; } .navigation .social a.btn--facebook:before { background-color: #5f78ab; } .navigation .social a.btn--twitter:before { background-color: #4099FF; } .navigation .social a.btn--google:before { background-color: #dd4b39; } .navigation .social a.btn--apple:before { background-color: #000; } .navigation .social a.btn--instagram:before { background-color: #e0176c; } } .empty-message { padding: 24px 12px; color: #262626; text-align: center; font-weight: 300; display: none; } .arrow-top { position: absolute; top: -5px; width: 5px; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #d1d1d1; } .notifications { overflow-y: auto; width: 100%; height: 100%; max-height: 413px; } .notifications .notification { border-bottom: 1px solid #d1d1d1; } .notifications .notification>div { padding: 0 12px; } .notifications .notification>div:nth-child(2) { padding-left: 0; } .notifications .notification-target { color: #737373; } .notifications .notification-target span { color: #262626; } .notifications .notification-target>div { padding: 16px 0; } .notifications .notification-target>div:first-child { width: 36px; } .notifications .notification-target>div:last-child { padding-left: 12px; } .notifications .notification:hover { background-color: #e8e8e8; } .notifications .notification.state-new, .notifications .notification.state-seen, .overlay-bar { background-color: #f0f0f0; } .notifications .notification:last-child { border-bottom: none; } .notifications .notification .btn { white-space: nowrap; } @media only screen and (max-width:768px) { .notifications { width: 100%; height: 100%; max-height: 100%; overflow-y: auto; } .notifications :hover { overflow-y: hidden; } } .overlay-bar { width: 100%; color: #4d4d4d; } .overlay-bar_information { padding: 0 .57143rem; text-transform: uppercase; } .overlay-bar_information_prefix, .overlay-bar_information_title { display: inline; } .overlay-bar_information_prefix { line-height: 1.4; } .overlay-bar.overlay-bar--on-image { background-color: transparent; color: #FFF; } .search-module { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; margin: 3px; padding: 6px 0; min-height: 50px; background-color: #f1f1f1; transition-property: -webkit-box-flex; transition-property: -ms-flex-positive; transition-property: flex-grow; } .search-module.highlight, .search-module.highlight .chosen-container, .search-module.highlight .chosen-container .chosen-choices { background-color: #FFF; } .search-module.highlight .search-module__left { color:; } .search-module.focus { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; transition-property: -webkit-box-flex; transition-property: -ms-flex-positive; transition-property: flex-grow; } .search-module__left, .search-module__right { text-align: center; width: 56px; } .search-module__left button, .search-module__right button { line-height: 1; vertical-align: middle; } .search-module__left button:focus, .search-module__right button:focus { outline: 0; } .search-module__left { color: #999; } .search-module__left .icon { font-size: 1.5rem; line-height: 2rem; } .search-module__field { display: flex; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } .search-module .chosen-container { width: 100%; position: initial; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #f1f1f1; } .search-module .chosen-container .chosen-choices { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; height: auto; border: none; background-image: none; background-color: #f1f1f1; padding: 0; box-shadow: none; } .search-module .chosen-container .chosen-choices li.search-choice { color:; border-width: 2px; border-style: solid; background-color: transparent; } .search-module .chosen-container .chosen-choices li.search-choice .search-choice-close { color:; } .search-module .chosen-container .chosen-choices li.search-choice span { white-space: nowrap; word-wrap: break-word; } .search-module .chosen-container .chosen-choices:not(:empty)+.search-field button { visibility: visible; cursor: pointer; margin-right: 10px; } @media only screen and (max-width:992px) { .search-module .chosen-container .chosen-choices: not(:empty)+.search-field button { margin-right: 0; } } .search-module .chosen-container .search-field { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; position: relative; max-width: 100%; min-width: 314px; height: 25px; margin: 0; } .search-module .chosen-container .search-field .search-field-placeholder, .search-module .chosen-container .search-field input[type=text] { width: calc(100% - 60px); height: 100%; position: absolute; top: 0; font-family: futurabook, Arial, sans-serif; font-size: 13px; padding: 1px 0; background-color: transparent; border: 0; color:; } .search-module .chosen-container .search-field .search-field-placeholder::-ms-clear, .search-module .chosen-container .search-field input[type=text]::-ms-clear { display: none; } .search-module .chosen-container .search-field input[type=text] { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; padding-left: 0; max-width: calc(100% - 4rem); font-weight: 400; width: calc(100% - 60px); outline: 0; } .search-module .chosen-container .search-field input[type=text]+.btn-icon { position: absolute; right: 0; } .search-module .chosen-container .search-field input[type=text]:focus+.btn-icon, .search-module .chosen-container .search-field input[type=text]:valid+.btn-icon { visibility: visible; margin-right: 10px; } .search-module .chosen-container .search-field input[type=text]:not(output):-moz-ui-invalid { box-shadow: none; } .search-module .chosen-container .search-field input::-webkit-input-placeholder { color: #999; opacity: 1; } .search-module .chosen-container .search-field input::-moz-placeholder { color: #999; opacity: 1; } .search-module .chosen-container .search-field input:-ms-input-placeholder { color: #999; opacity: 1; } .search-module .chosen-container .search-field input::placeholder { color: #999; opacity: 1; } .search-module .chosen-container .search-field .search-field-placeholder { color: #999!important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: futurabook, Arial, sans-serif; padding: 2px 0; } .search-module .chosen-container .search-field .btn-icon:focus { outline: 0; } .search-module .chosen-container .search-field .btn-icon .icon { font-size: 1.25rem; line-height: 21px; color: #999; } .search-module .chosen-container .search-field .btn-icon:hover .icon { color:; } .search-module .chosen-container .search-field .btn-icon { visibility: hidden; height: 100%; display: inline-block; vertical-align: middle; color: #999; } .search-module .chosen-container .search-field .btn-icon:hover { color:; } @media only screen and (max-width:992px) { .search-module { width: 100% } .search-module .chosen-container .chosen-choices { margin-right: -5px; } .search-module .chosen-container .search-field { height: 30px; } .results-container { padding-left: 10px; padding-right: 10px; } } .results-container .top-container { margin-left: calc(1%+8px); margin-right: calc(1%+8px); max-width: calc(100% - 450px); min-height: 63px; } .results-container .top-container.empty { visibility: hidden; } .results-container .tags-results { padding-top: 25px; } @media only screen and (max-width:1334px) { .results-container .top-container { max-width: 100%; margin: 0; } .results-container .top-container.empty { display: none; } .results-container .tags-results { padding-top: 10px; margin: 0 9px; } } .results-container .tags-results .single-tag { display: inline-block; margin-left: .25rem; margin-right: .25rem; } .results-container .tags-results .single-tag a { transition: -webkit-transform .1s ease-out; transition: transform .1s ease-out; } .results-container .tags-results .single-tag a:before { transition: background-color .15s ease-out; } .results-container .tags-results .single-tag.highlight a { -webkit-transform: scale(1.1); transform: scale(1.1); } .results-container .tags-results .single-tag.highlight a:before { background-color: #e07d9a; } .results-container .tags-results .single-tag.selected a:before { background-color:; } .results-container .chosen-results { max-height: none; display: inline-block; vertical-align: top; width: 31%; margin: 0 1% } .results-container .chosen-results.empty { display: none; } .results-container .chosen-results.all { width: calc(98%+8px); margin-left: calc(1%+8px); margin-right: calc(1%+8px); } @media only screen and (max-width:768px) { .results-container .chosen-results.all { width: 96% } } .results-container .chosen-results.all>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 16px 0 10px; } .results-container .chosen-results.all .bloc-title { margin: 0 12px; } .results-container .chosen-results.all ul { margin-bottom: 15px; } .results-container .chosen-results.all .active-result { display: inline-block; width: 32.1%; margin: 0 1% 8px 0; } @media only screen and (max-width:1334px) { .results-container .chosen-results.all .active-result { width: 48%; margin: 0 1% 8px 0; } } @media only screen and (max-width:768px) { .results-container .chosen-results.all .active-result { width: 100% } } .results-container .chosen-results.all .cta-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; text-align: center; margin: 0; padding: 5px 14px 5px 5px; } .results-container .chosen-results.all .cta-btn .icon { font-size: 14px; height: 14px; width: 14px; } .results-container .chosen-results .active-result { margin: 0 12px 8px; padding: 0; list-style-type: none; cursor: unset; } .results-container .chosen-results .active-result .break-name { display: inherit; } .results-container .chosen-results .active-result .break-name .upper-name { text-transform: uppercase; } .results-container .chosen-results .active-result .with-play-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .results-container .chosen-results .active-result .with-play-button .track_play { width: 50px; height: 50px; } .results-container .chosen-results .active-result .artist-title, .results-container .chosen-results .active-result .link-wrap { margin-left: 5px; padding: 16px 0 16px 10px; width: calc(100% - 55px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; } .results-container .chosen-results .active-result .artist-title>div, .results-container .chosen-results .active-result .artist-title>div>span, .results-container .chosen-results .active-result .link-wrap>div, .results-container .chosen-results .active-result .link-wrap>div>span { margin-top: -2px; padding-right: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .results-container .chosen-results .active-result.selected .artist-title, .results-container .chosen-results .active-result.selected .link-wrap { color: #FFF; background-color: !important; } .results-container .chosen-results .active-result.highlight .artist-title, .results-container .chosen-results .active-result.highlight .link-wrap { color: #FFF; background-color: #e07d9a; } .results-container .chosen-results .active-result .no-play-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; color: #737373; } .results-container .chosen-results .active-result .no-play-button.selected .artist-title { color: #FFF; background-color: !important; } .results-container .chosen-results .active-result .no-play-button>div { display: -webkit-box; display: -ms-flexbox; display: flex; } .results-container .chosen-results .active-result .no-play-button>div>picture { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; position: relative; } .results-container .chosen-results .active-result .no-play-button>div>picture img { width: 100%; height: auto; } .results-container .chosen-results .bloc-title { color: #999; font-weight: 500; text-transform: uppercase; font-size: 14px; font-size: 1rem; margin: 16px 0 5px 12px; } .results-container .chosen-results .cta-btn { font-size: 12.25px; font-size: .875rem; font-size: 12.6px; font-size: .9rem; margin: 10px 12px 8px; padding: 10px 0; list-style-type: none; line-height: initial; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #999; background-color: #e8e8e8; border-radius: 4px; } .results-container .chosen-results .cta-btn.selected { color: #FFF!important; background-color: !important; } .results-container .chosen-results .cta-btn .icon { margin: 0 5px; } @media only screen and (max-width:1334px) { .results-container .chosen-results { width: 49.75%; margin: 0; } } @media only screen and (max-width:768px) { .results-container .chosen-results { width: 100% } .results-container .chosen-results .active-result:nth-last-of-type(3n) { display: none; } } .pivot-bar { height: 48px; display: block; overflow-x: hidden; position: relative; margin-top: 2px; } .pivot-bar li.is-active a:before, .pivot-bar:before { display: block; height: 2px; content: "" } .pivot-bar:before { background-color: #f0f0f0; } .pivot-bar ul { overflow-x: hidden; white-space: nowrap; } .pivot-bar li.is-active a { color:; } .pivot-bar li.is-active a:before { background-color:; } .pivot-bar a { padding: 0 1.14286rem; position: relative; display: inline-block; color: #4d4d4d; line-height: 48px; text-transform: uppercase; letter-spacing: .5px; } @media only screen and (max-width:991px) { .pivot-bar { margin-right: -16px; margin-left: -16px; margin-top: 30px; } } .player { color: #FFF; overflow: hidden; } .player>* { position: absolute; } .player_cover, .player_entity-information, .player_progress { left: 16px; left: 1.14286rem; right: 16px; right: 1.14286rem; } .player_actions, .player_controls, .player_volume { left: 0; right: 0; text-align: center; font-size: 0; } .player_background { z-index: -1; background-color: #bfbfbf; } .player_background_img { -webkit-transform: translate3d(0, 0, 0); } .player_background:after { background-color: gray; } .player_cover { top: 64px; top: 4.57143rem; bottom: 308px; bottom: 22rem; text-align: center; } .player_cover img { width: auto; height: auto; max-width: 100%; max-height: 100%; display: inline-block; border: 1px solid #FFF; } .player_entity-information { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 36px; height: 2.57143rem; bottom: 256px; bottom: 18.28571rem; } .player_entity-information>* { display: block; text-align: center; } .player_actions li, .player_progress>div { display: inline-block; } .player-mini_track_information_artist:hover, .player-mini_track_information_title:hover, .player-mini_track_information_title:hover>span { text-decoration: underline; } .player_entity-information>:hover { color: #FFF!important; text-decoration: underline; } .player_entity-information_author { text-transform: uppercase; } .player_actions { height: 48px; bottom: 200px; padding: 0; white-space: nowrap; } .player_progress { height: 72px; height: 5.14286rem; bottom: 112px; bottom: 8rem; text-align: center; } .player_progress>div { position: relative; height: 100% } .player_progress_waveform { height: 48px; height: 3.42857rem; } .player_controls { height: 48px; height: 3.42857rem; bottom: 16px; bottom: 1.14286rem; } .player_quick-share { display: none; } .player .entity-actions { font-size: 0; white-space: nowrap; padding: 0; } .player .entity-actions li { display: inline-block; } @media only screen and (min-width:768px) { .player_actions li { float: none!important; } .player_entity-information, .player_progress { left: 48px; left: 3.42857rem; right: 48px; right: 3.42857rem; } .player_cover { top: 112px; top: 8rem; bottom: 404px; bottom: 28.85714rem; } .player_cover img { height: 100%; width: auto; display: inline-block; border: 1px solid #FFF; } .player_entity-information { height: 40px; height: 2.85714rem; bottom: 344px; bottom: 24.57143rem; } .player_entity-information_title { font-size: 18px; font-size: 1.28571rem; } .player_entity-information_author { font-size: 12px; font-size: .85714rem; line-height: 1; } .player_actions { bottom: 280px; bottom: 20rem; } .player_progress { height: 96px; height: 6.85714rem; bottom: 152px; bottom: 10.85714rem; } .player_progress_waveform { height: 72px; height: 5.14286rem; } .player_quick-share { display: block; top: 108px; top: 7.71429rem; right: 44px; right: 3.14286rem; } .player_volume { bottom: 88px; bottom: 6.28571rem; } .player_controls { bottom: 40px; bottom: 2.85714rem; } .player .entity-actions li { float: none!important; } } .player-mini_cover, .player-mini_expand .btn-icon { width: 48px; } @media only screen and (min-width:992px) { .pivot-bar { margin-top: 30px; } .player_cover { top: 96px; top: 6.85714rem; bottom: 332px; bottom: 23.71429rem; } .player_entity-information { bottom: 276px; bottom: 19.71429rem; } .player_actions { bottom: 212px; bottom: 15.14286rem; } .player_progress { height: 72px; height: 5.14286rem; bottom: 128px; bottom: 9.14286rem; } .player_progress_waveform { height: 48px; height: 3.42857rem; } .player_quick-share { top: 92px; top: 6.57143rem; right: 28px; right: 2rem; } .player_volume { bottom: 72px; bottom: 5.14286rem; } .player_controls { bottom: 24px; bottom: 1.71429rem; } } @media only screen and (min-width:1334px) { .player_cover { top: 112px; top: 8rem; bottom: 404px; bottom: 28.85714rem; } .player_entity-information { bottom: 344px; bottom: 24.57143rem; } .player_actions { bottom: 280px; bottom: 20rem; } .player_progress { height: 96px; height: 6.85714rem; bottom: 152px; bottom: 10.85714rem; } .player_progress_waveform { height: 72px; height: 5.14286rem; } .player_quick-share { top: 108px; top: 7.71429rem; right: 44px; right: 3.14286rem; } .player_volume { bottom: 88px; bottom: 6.28571rem; } .player_controls { bottom: 40px; bottom: 2.85714rem; } } @media only screen and (max-height:430px) { .player_cover { display: none; } } @media only screen and (min-width:768px) and (max-width:992px) and (max-height:550px) { .player_cover { display: none; } } @media only screen and (min-width:992px) and (max-height:470px) { .player_cover { display: none; } } @media only screen and (min-width:1334px) and (max-height:550px) { .player_cover { display: none; } } .player-mini { height: 48px; background-color: #2e2e2e; z-index: auto; } .player-mini_expand .icon { color: #999; } .player-mini_cover img { margin-right: 8px; display: block; } .player-mini_track-actions { padding: 0 8px; } .player-mini_track { width: 100% } .player-mini_track_information { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 6px; text-align: left; color: #FFF; margin-bottom: 6px; } .player-mini_track_information>:first-child { line-height: 1.6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; max-width: none; } .player-mini_track_information>:last-child { white-space: nowrap; line-height: 1.5; text-align: right; } .player-mini_track_information_title { font-size: 12px; font-size: .85714rem; cursor: pointer; margin-bottom: 0; max-width: 150px; overflow: hidden; text-overflow: ellipsis; } @media only screen and (min-width:400px) { .player-mini_track_information_title { max-width: 230px; } } @media only screen and (min-width:500px) { .player-mini_track_information_title { max-width: 250px; } } @media only screen and (min-width:768px) { .player-mini_track_information_title { max-width: 210px; } } @media only screen and (min-width:992px) { .player-mini_track_information_title { max-width: 145px; } } @media only screen and (min-width:1100px) { .player-mini_track_information_title { max-width: 185px; } } @media only screen and (min-width:1300px) { .player-mini_track_information_title { max-width: 270px; } } .player-mini_track_information_play_source, .player-mini_track_information_text-by { font-weight: 500; color: #bfbfbf; } .player-mini_track_information_text-by { margin: 0 4px; max-width: 150px; overflow: hidden; text-overflow: ellipsis; } @media only screen and (max-width:768px) { .player-mini_track_information_text-by { margin-left: 0; display: inherit; line-height: initial; } } @media only screen and (min-width:400px) { .player-mini_track_information_text-by { max-width: 230px; } } @media only screen and (min-width:500px) { .player-mini_track_information_text-by { max-width: 250px; } } @media only screen and (min-width:768px) { .player-mini_track_information_text-by { max-width: 210px; } } @media only screen and (min-width:992px) { .player-mini_track_information_text-by { max-width: 145px; } } @media only screen and (min-width:1100px) { .player-mini_track_information_text-by { max-width: 185px; } } @media only screen and (min-width:1300px) { .player-mini_track_information_text-by { max-width: 270px; } } .player-mini_track_information_artist { color: #FFF; text-transform: uppercase; cursor: pointer; overflow: hidden; text-overflow: ellipsis; } .player-mini_track_information_artist:after { content: ""; display: block; } .player-mini_track_information_play_source a { font-size: 12px; font-size: .85714rem; color: #FFF; cursor: pointer; text-decoration: none; } .player-mini_track_information_play_source a:hover { text-decoration: underline; } .player-mini_track_duration { padding-left: 16px; } .player-mini_controls { padding: 0 8px; position: relative; } .player-mini_controls .player-controls_shuffle { width: 32px; } .player-mini_volume { padding: 0 16px 0 0; position: relative; } .player-mini_volume_layer { width: 170px; -webkit-transform-origin: 0 -4px; transform-origin: 0 -4px; background-color: #262626; display: none; } .player-mini .player-volume_range { width: 90px; } @media only screen and (min-width:768px) { .player-mini_track { padding-right: 24px; } .player-mini_track_information { margin-bottom: 0; } .player-mini_track_information_play_source:before { padding: 0 6px 0 7px; content: "|"; display: inline; color: #bfbfbf; font-size: 13px; } .player-mini_track_information_play_source.empty:before { content: "" } .player-mini_controls { padding: 0 16px; border-left: 1px solid #4d4d4d; } } .modal-display-cta header, .toasts p { color: #FFF; } @media only screen and (min-width:992px) { .player-mini_cover img { margin-right: 0; } .player-mini_track-actions { padding: 0; } .player-mini_track { padding-left: 24px; padding-right: 8px; } .player-mini_controls { padding: 0; } .player-mini_volume:before { content: ""; display: block; width: 1px; height: 32px; position: absolute; top: 8px; right: 0; background-color: #4d4d4d; } } @media only screen and (min-width:480px) { .player-mini_cover img { display: none; } } @media only screen and (max-width:1334px) { .player-mini_track_information_text-by>span { margin-left: 3px; } .player-mini_track_information_artist::after, .player-mini_track_information_play_source, .player-mini_track_information_play_source a { display: none; } .player-mini_controls { padding-left: 16px; } } @media only screen and (max-width:768px) { .player-mini_track_information>: first-child { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-flow: column; flex-flow: column; } .player-mini_track_information_title { display: block; margin-bottom: 0; } } .toasts_toast { text-align: center; } .toasts p { display: inline-block; border-radius: 5px; margin-top: .57143rem; padding: .57143rem; background-color:; } .t-static p { margin-bottom: .85714rem; } .t-static .bullet-list li:before { content: "+ " } .t-static .company-information { padding: 1.14286rem; margin: 1.14286rem 0; background-color: #f0f0f0; border: 1px solid #d1d1d1; } .t-static .company-information .name { display: block; margin-bottom: .28571rem; } .t-static .company-information dl { padding: 1.14286rem 0; } #p-artist-description .card { text-align: center; } #p-artist-description .card .avatar { margin-bottom: 1.14286rem; } #p-creative-commons .introduction { padding-bottom: 2.28571rem; margin: 2.28571rem 0; border-bottom: 1px solid #d1d1d1; text-align: center; } #p-creative-commons .introduction .icon { margin-bottom: .85714rem; color: #999; } #p-creative-commons .introduction p { text-align: left; } #p-creative-commons .conditions li { padding-bottom: .28571rem; margin-bottom: 1.14286rem; display: table; border-bottom: 1px solid #e8e8e8; } #p-creative-commons .conditions li:last-child { border-bottom: none; } #p-creative-commons .conditions li .description, #p-creative-commons .conditions li .icon { display: table-cell; vertical-align: middle; } #p-creative-commons .conditions li .icon { padding-right: 1.14286rem; } #p-faq .q-and-a { margin-top: 2.28571rem; } #p-faq .q-and-a .q { padding: .28571rem 0 .28571rem .85714rem; margin-bottom: .85714rem; color:; border-left: 1px solid; } #p-jobs .positions .link-wrap { display: block; padding: 1.14286rem 0; } #p-jobs .positions li:first-child .link-wrap { padding-top: 0; } #p-jobs .positions .location { color: #999; } #p-jobs .positions .location:before { content: " // " } #p-jobs .no-positions { padding-bottom: 1.14286rem; } #p-jobs .no-positions, #p-jobs .positions .location, #p-jobs .positions .type { letter-spacing: 1px; text-transform: uppercase; } #p-legal .clauses { margin-top: 3.42857rem; } #p-legal .clauses>li { margin-top: 2.28571rem; } #p-legal .clauses li li { margin-top: .85714rem; } #p-legal .clauses p { margin: .57143rem 0; } #p-legal .clauses .heading { display: inline; font-size: inherit; font-weight: inherit; font-style: inherit; } .p-welcome .main { width: 100%; height: 100vh; position: relative; display: table; z-index: 0; } .p-welcome .main .bg { background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: -1; } .p-welcome .main .bg.random-1 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-1-portrait-xs.jpg?v=2); } .p-welcome .main .bg.random-2 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-2-portrait-xs.jpg?v=2); } .p-welcome .main .bg.random-3 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-3-portrait-xs.jpg?v=2); } .p-welcome .main .content { color: #FFF; padding: 24px; } .p-welcome .main .content .button { display: inline-block; padding: 14px 12px; margin-top: 24px; height: 48px; border-radius: 6px; border: 3px solid #FFF; line-height: 1; text-transform: uppercase; } .p-welcome .main .content .button:hover { background-color: #FFF; color: #262626; } .p-welcome .main .logo { margin-bottom: 24px; } .p-welcome .licensing { display: table; height: 60px; padding: 0 16px; border-top: 4px solid #67b7bf; color: #FFF; text-align: center; text-transform: uppercase; z-index: 3; } .p-welcome .licensing_logo { padding-right: 24px; } .p-welcome .licensing .link-wrap>div { height: 50px; } .p-welcome .licensing .headline { margin-top: 12px; } .p-welcome .licensing .btn+.btn { margin-left: 8px; } @media only screen and (min-width:480px) and (orientation:portrait) { .p-welcome .main .bg.random-1 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-1-portrait-sm.jpg?v=2); } .p-welcome .main .bg.random-2 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-2-portrait-sm.jpg?v=2); } .p-welcome .main .bg.random-3 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-3-portrait-sm.jpg?v=2); } } @media only screen and (orientation:landscape) and (min-width:992px) { .p-welcome .main .bg.random-1 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-1-landscape-sm.jpg?v=2); } .p-welcome .main .bg.random-2 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-2-landscape-sm.jpg?v=2); } .p-welcome .main .bg.random-3 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-3-landscape-sm.jpg?v=2); } } @media only screen and (min-width:992px) { .p-welcome .main .bg.random-1 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-1-landscape-md.jpg?v=2); } .p-welcome .main .bg.random-2 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-2-landscape-md.jpg?v=2); } .p-welcome .main .bg.random-3 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-3-landscape-md.jpg?v=2); } .p-welcome .main .content { padding: 48px; } .p-welcome .main .content .heading { font-size: 48px; font-size: 3.42857rem; font-family: Montserrat, Arial, sans-serif; font-weight: 700; } .p-welcome .main .logo { position: absolute; top: 48px; left: 48px; } } @media only screen and (min-width:1334px) { .p-welcome .main .bg.random-1 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-1-landscape-lg.jpg?v=2); } .p-welcome .main .bg.random-2 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-2-landscape-lg.jpg?v=2); } .p-welcome .main .bg.random-3 { background-image: url(https://images.jamendo.com/jamendomusic/welcome/welcome-hero-3-landscape-lg.jpg?v=2); } } @media only screen and (max-width:767px) { .redirection-container { -ms-flex-flow: column; flex-flow: column; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; } } .redirection-container .cta-catalog, .redirection-container .cta-communities, .redirection-container .cta-in-store, .redirection-container .cta-link, .redirection-container .cta-music { color: #fff; text-decoration: none; list-style-type: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .redirection-container .logo-licensing, .redirection-container .logo-music { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-music.svg); width: 100%; height: 8vh; min-height: 40px; max-height: 60px; -webkit-box-flex: 10; -ms-flex-positive: 10; flex-grow: 10; -ms-flex-negative: 10; flex-shrink: 10; background-repeat: no-repeat; background-position: center; background-size: contain; } @media only screen and (min-width:1334px) { .redirection-container .logo-licensing, .redirection-container .logo-music { min-height: 60px; } } .redirection-container .logo-licensing { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-licensing.svg); } .redirection-container .image-licensing, .redirection-container .image-music { margin: 1em; width: 30vh; max-width: 80vw; height: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 100; flex-shrink: 100; border-radius: 50%; background-size: contain; background-position: center; background-repeat: no-repeat; } .redirection-container .image-licensing::before, .redirection-container .image-music::before { content: ""; padding-top: 100%; display: block; } @media all and (max-height:720px) { .redirection-container .image-licensing, .redirection-container .image-music { width: 25vh; } } .redirection-container .title-licensing, .redirection-container .title-music { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; min-height: 6em; color: #fff; } .redirection-container .title-licensing>*, .redirection-container .title-music>* { display: block; float: left; } .redirection-container .title-licensing>.main-title, .redirection-container .title-licensing>a, .redirection-container .title-music>.main-title, .redirection-container .title-music>a { clear: both; width: 99%; font-size: 2.25rem; font-weight: 400; line-height: 1.3em; text-decoration: none!important; color: inherit; } .redirection-container .title-licensing .secondary-music, .redirection-container .title-music .secondary-music { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: .5rem; width: 100%; font-size: 1.5rem; line-height: 1.9em; } .redirection-container .title-licensing .secondary-music, .redirection-container .title-licensing .secondary-music *, .redirection-container .title-music .secondary-music, .redirection-container .title-music .secondary-music * { list-style: none!important; } .redirection-container .title-licensing .secondary-music .item, .redirection-container .title-music .secondary-music .item { display: inline-block; margin: 0 .9em; } .redirection-container .title-licensing .secondary-music .item>*, .redirection-container .title-music .secondary-music .item>* { display: block; float: left; clear: none; } @media all and (max-width:1333px) { .redirection-container .title-licensing .secondary-music .item>*, .redirection-container .title-music .secondary-music .item>* { clear: both; width: 100%!important; text-align: center; background-position: center!important; } } .redirection-container .title-licensing .secondary-music .item .label, .redirection-container .title-music .secondary-music .item .label { margin: 0 .7em 0 0; line-height: 2em; font-size: .8em; } .redirection-container .title-licensing .secondary-music .item .icon, .redirection-container .title-music .secondary-music .item .icon { width: 2em; height: 2em; background-repeat: no-repeat; background-position: left center; background-size: contain; } .redirection-container .title-licensing .secondary-music .item .icon::after, .redirection-container .title-licensing .secondary-music .item .icon::before, .redirection-container .title-music .secondary-music .item .icon::after, .redirection-container .title-music .secondary-music .item .icon::before { content: ""; display: none; } .redirection-container .title-licensing .secondary-music .item .icon.icon-streaming, .redirection-container .title-music .secondary-music .item .icon.icon-streaming { background-image: url(https://images.jamendo.com/jamendomusic/welcome/icon-streaming.svg); } .redirection-container .title-licensing .secondary-music .item .icon.icon-download, .redirection-container .title-music .secondary-music .item .icon.icon-download { background-size: 50%; background-image: url(https://images.jamendo.com/jamendomusic/welcome/icon-download.svg); } @media all and (max-width:1333px) { .redirection-container .title-licensing .secondary-music .item .icon, .redirection-container .title-music .secondary-music .item .icon { height: 1em; } .redirection-container .title-licensing .secondary-music .item .icon.icon-download, .redirection-container .title-music .secondary-music .item .icon.icon-download { background-size: contain; } } .redirection-container .licensing-redirect, .redirection-container .music-redirect { position: relative; overflow: hidden; height: 100%; z-index: 0; padding: 24px 0 0; } @media only screen and (max-width:1334px) { .redirection-container .licensing-redirect, .redirection-container .music-redirect { width: 50%!important; } } @media only screen and (max-width:992px) { .redirection-container .licensing-redirect, .redirection-container .music-redirect { width: 100%!important; } } .redirection-container .licensing-redirect .content, .redirection-container .music-redirect .content { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; overflow: hidden; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 24px; color: #fff; } @media only screen and (max-width:767px) { .redirection-container .licensing-redirect .content, .redirection-container .music-redirect .content { padding: 20px 24px 30px; } } @media only screen and (min-width:1334px) { .redirection-container .licensing-redirect .content>*, .redirection-container .music-redirect .content>* { margin-bottom: 3.5vh; } } @media only screen and (min-width:1646px) { .redirection-container .licensing-redirect .content>*, .redirection-container .music-redirect .content>* { margin-bottom: 5.5vh; } } @media all and (max-height:720px) { .redirection-container .licensing-redirect .content>*, .redirection-container .music-redirect .content>* { margin-bottom: 2.5vh; } } @media only screen and (min-width:768px) { .redirection-container .licensing-redirect .content>ul, .redirection-container .music-redirect .content .container-tags { height: 30vh!important; } } .redirection-container .music-redirect { width: 66.6666%; background-color:; } .redirection-container .music-redirect .content .cta-communities { padding-bottom: 25px; margin: .5em 0 0; text-align: center!important; } .redirection-container .music-redirect .content .cta-music { display: inline-block; padding: 14px 12px 10px; margin-top: 24px; height: 48px; border-radius: 6px; border: 3px solid #FFF; line-height: 1.25; font-weight: 500; text-transform: uppercase; } @media only screen and (max-height:840px) { .redirection-container .music-redirect .content .cta-music { margin-top: 30px; } } @media only screen and (max-width:550px) { .redirection-container .music-redirect .content .cta-music { margin-top: 15px; } } .redirection-container .music-redirect .content .cta-music:hover { background-color: #FFF; color:; } .redirection-container .licensing-redirect { width: 33.3333%; background-color: #67b7bf; } .redirection-container .licensing-redirect .content .cta-link { font-size: 21px; font-weight: 300; margin: 0 0 .5em; } .redirection-container .licensing-redirect .content .cta-link>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 50px; } .redirection-container .licensing-redirect .content .cta-link a { color: #fff; text-decoration: none; width: 250px; height: auto; line-height: 1.2em; } .redirection-container .licensing-redirect .content .cta-link img { padding-left: 12px; } @media only screen and (max-width:450px) { .redirection-container .licensing-redirect .content .cta-link>div { -ms-flex-flow: column-reverse; flex-flow: column-reverse; margin: 0; } .redirection-container .licensing-redirect .content .cta-link img { padding-left: 0; margin-bottom: 10px; } } .redirection-container .licensing-redirect .content .cta-catalog, .redirection-container .licensing-redirect .content .cta-in-store { display: block; padding: 14px 12px 10px; height: 48px; border-radius: 6px; border: 3px solid #FFF; line-height: 1.25; text-transform: uppercase; font-weight: 500; } .redirection-container .licensing-redirect .content .cta-catalog:hover, .redirection-container .licensing-redirect .content .cta-in-store:hover { background-color: #FFF; color: #67b7bf; } .redirection-container.search-page { height: calc(100vh - 48px); } .redirection-container.search-page .licensing-redirect, .redirection-container.search-page .music-redirect { padding: 24px 0 72px; } @media only screen and (max-width:767px) { .redirection-container.search-page { height: auto; } .redirection-container.search-page .licensing-redirect { display: none; } } .redirection-container.search-page .content { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .redirection-container.search-page .content>* { margin-bottom: .5vh; } @media all and (min-width:768px) and (max-width:1334px), all and (min-width:768px) and (max-height:720px) { .redirection-container.search-page .image-licensing, .redirection-container.search-page .image-music { display: none; } .redirection-container.search-page .licensing-redirect .content>ul, .redirection-container.search-page .music-redirect .content .container-tags { height: 45vh!important; } } .redirection-container.search-page .music-redirect .content .container-tags { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .redirection-container.search-page .music-redirect .content .container-tags, .redirection-container.search-page .music-redirect .content .container-tags>#js-search-alternatives, .redirection-container.search-page .music-redirect .content .container-tags>#js-search-alternatives>#js-search-communitiesList { height: auto; } .redirection-container.search-page .music-redirect .content .container-tags .section { margin-top: 1.5em; } .redirection-container.search-page .music-redirect .content .container-tags .section .section-header { height: 2.4em; color: #fff; } .redirection-container.search-page .music-redirect .content .container-tags .section .section-header, .redirection-container.search-page .music-redirect .content .container-tags .section .section-header>.section-header_mono { display: block; margin: 0; } .redirection-container.search-page .music-redirect .content .container-tags .section .list-link-search { margin: 0; } .redirection-container.search-page .music-redirect .content .container-tags .section .list-link-search li { margin: .2em .1em; } .redirection-container.search-page .music-redirect .content .container-tags .section .list-link-search li a { margin: 0; padding: .3em .6em; border: 1px solid #fff; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .redirection-container.search-page .music-redirect .content .container-tags .section .list-link-search li a::after, .redirection-container.search-page .music-redirect .content .container-tags .section .list-link-search li a::before { content: ""; display: none!important; } .redirection-container.search-page .music-redirect .content .container-tags .section .list-link-search li a:hover { background: #fff; } .redirection-container-one-image { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; height: 100%; background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-splash-page-1920x1080.jpg); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; background-attachment: fixed; background-color: #ebeae8; } .redirection-container-one-image::before { content: ''; background-color: #000; opacity: .7; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .redirection-container-one-image .cta-catalog, .redirection-container-one-image .cta-communities, .redirection-container-one-image .cta-free-trial, .redirection-container-one-image .cta-in-store, .redirection-container-one-image .cta-link, .redirection-container-one-image .cta-music { text-decoration: none; list-style-type: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .redirection-container-one-image .logo-licensing, .redirection-container-one-image .logo-music { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-music-logo-color.svg); width: 100%; height: 8vh; min-height: 40px; max-height: 60px; -webkit-box-flex: 10; -ms-flex-positive: 10; flex-grow: 10; -ms-flex-negative: 10; flex-shrink: 10; background-repeat: no-repeat; background-position: center; background-size: contain; margin-bottom: 5.5vh; } .redirection-container-one-image .logo-licensing { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-licensing-logo-color.svg); } .redirection-container-one-image .title-licensing, .redirection-container-one-image .title-music { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 450px; min-height: 6em; } .redirection-container-one-image .title-licensing>*, .redirection-container-one-image .title-music>* { display: block; float: left; } .redirection-container-one-image .title-licensing>.main-title, .redirection-container-one-image .title-licensing>a, .redirection-container-one-image .title-music>.main-title, .redirection-container-one-image .title-music>a { clear: both; width: 99%; font-size: 2.25rem; font-weight: 400; line-height: 1.3em; text-decoration: none!important; color:; text-transform: uppercase; font-family: futurabook, Arial, sans-serif; margin-bottom: 3.5vh; } @media only screen and (max-width:1000px) { .redirection-container-one-image .logo-licensing, .redirection-container-one-image .logo-music { height: 60px; } .redirection-container-one-image .title-music { margin-bottom: 1.5vh; } } .redirection-container-one-image .licensing-redirect, .redirection-container-one-image .music-redirect { position: relative; overflow: hidden; height: 100%; z-index: 0; padding: 50px 0 0; } @media only screen and (max-width:1334px) { .redirection-container-one-image .licensing-redirect, .redirection-container-one-image .music-redirect { width: 50%!important; } } .redirection-container-one-image .licensing-redirect .content, .redirection-container-one-image .music-redirect .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; height: 100%; overflow: hidden; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 80px; color: #fff; } @media only screen and (max-width:1000px) { .redirection-container-one-image .licensing-redirect, .redirection-container-one-image .music-redirect { width: 100%!important; } .redirection-container-one-image .licensing-redirect .content, .redirection-container-one-image .music-redirect .content { padding: 10px 24px 30px; } } @media only screen and (min-width:1334px) { .redirection-container-one-image .licensing-redirect .content>*, .redirection-container-one-image .music-redirect .content>* { margin-bottom: 3.5vh; } } @media only screen and (min-width:1646px) { .redirection-container-one-image .licensing-redirect .content>*, .redirection-container-one-image .music-redirect .content>* { margin-bottom: 4.5vh; } } @media only screen and (min-width:769px) { .redirection-container-one-image .licensing-redirect .content .logo-licensing, .redirection-container-one-image .licensing-redirect .content .logo-music, .redirection-container-one-image .music-redirect .content .logo-licensing, .redirection-container-one-image .music-redirect .content .logo-music { margin-bottom: 15vh; } } @media only screen and (min-width:1334px) { .redirection-container-one-image .licensing-redirect .content .logo-licensing, .redirection-container-one-image .licensing-redirect .content .logo-music, .redirection-container-one-image .music-redirect .content .logo-licensing, .redirection-container-one-image .music-redirect .content .logo-music { margin-bottom: 12.5vh; } } @media only screen and (max-height:500px) { .redirection-container-one-image .licensing-redirect .content, .redirection-container-one-image .music-redirect .content { height: 200% } .redirection-container-one-image .licensing-redirect .content .logo-licensing, .redirection-container-one-image .licensing-redirect .content .logo-music, .redirection-container-one-image .music-redirect .content .logo-licensing, .redirection-container-one-image .music-redirect .content .logo-music { margin-bottom: 2.5vh; } .redirection-container-one-image .licensing-redirect .content .title-music, .redirection-container-one-image .music-redirect .content .title-music { margin-bottom: 1vh; } .redirection-container-one-image .licensing-redirect .content .title-music .main-title, .redirection-container-one-image .music-redirect .content .title-music .main-title { font-size: 1.8rem; } .redirection-container-one-image .licensing-redirect .content .title-licensing, .redirection-container-one-image .music-redirect .content .title-licensing { margin-bottom: 1vh; } .redirection-container-one-image .licensing-redirect .content .title-licensing a, .redirection-container-one-image .music-redirect .content .title-licensing a { font-size: 1.8rem; } } @media only screen and (min-width:1000px) { .redirection-container-one-image .licensing-redirect .content>ul, .redirection-container-one-image .music-redirect .content .container-tags { height: 30vh!important; } } .redirection-container-one-image .music-redirect { width: 50% } .redirection-container-one-image .music-redirect .content .secondary-music { color:; font-size: 21px; font-weight: 300; margin: 0 0 .5em; } @media only screen and (max-width:1334px) { .redirection-container-one-image .music-redirect .content .secondary-music { width: 480px; height: 11vh; } } @media only screen and (max-width:1000px) { .redirection-container-one-image .music-redirect .content .secondary-music { width: auto; height: auto; } } .redirection-container-one-image .music-redirect .content .secondary-music .label { display: block; font-family: futurabook, Arial, sans-serif; } .redirection-container-one-image .music-redirect .content .cta-music { padding: 12px 14px 14px; margin-top: 10px; border-radius: 6px; background-color:; color: #FFF; border: 3px solid; line-height: 1; text-transform: uppercase; } @media only screen and (max-width:550px) { .redirection-container-one-image .music-redirect .content .cta-music { margin-top: 15px; } } .redirection-container-one-image .music-redirect .content .cta-music:hover { background-color:; color: #FFF; } .redirection-container-one-image .licensing-redirect { width: 50% } .redirection-container-one-image .licensing-redirect .content .title-licensing a { color: #67b7bf; } @media only screen and (max-height:650px) { .redirection-container-one-image .music-redirect .content .secondary-music { background-image: none; } .redirection-container-one-image .licensing-redirect .content .vertical-arrow { display: none; } } .redirection-container-one-image .licensing-redirect .content .cta-link { font-size: 21px; font-weight: 300; margin: 0 0 .5em; color: #67b7bf; font-family: futurabook, Arial, sans-serif; } .redirection-container-one-image .licensing-redirect .content .cta-link small { font-size: .7em; } .redirection-container-one-image .licensing-redirect .content .cta-link>div { -webkit-box-pack: justify; } .redirection-container-one-image .licensing-redirect .content .cta-link a { text-decoration: none; line-height: 1.2em; } .redirection-container-one-image .licensing-redirect .content .cta-link img { padding-left: 12px; } @media only screen and (max-width:450px) { .redirection-container-one-image .licensing-redirect .content .cta-link>div { -ms-flex-flow: column-reverse; flex-flow: column-reverse; margin: 0; } .redirection-container-one-image .licensing-redirect .content .cta-link img { padding-left: 0; margin-bottom: 10px; } } .redirection-container-one-image .licensing-redirect .content .cta-catalog, .redirection-container-one-image .licensing-redirect .content .cta-in-store { display: block; padding: 12px 14px 14px; height: 48px; border-radius: 6px; background-color: #67b7bf; color: #FFF; border: 3px solid #67b7bf; line-height: 1.25; text-transform: uppercase; font-weight: 500; } .redirection-container-one-image .licensing-redirect .content .cta-catalog:hover, .redirection-container-one-image .licensing-redirect .content .cta-in-store:hover { background-color: #67b7bf; color: #FFF; } @media only screen and (max-width:768px) { .redirection-container-one-image { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; height: auto; min-height: 1090px; } .redirection-container-one-image::before { height: auto; min-height: 1090px; } .redirection-container-one-image .music-redirect { height: auto; padding-top: 50px; } .redirection-container-one-image .music-redirect .content .main-title { font-size: 2rem; } } .redirection-container-one-image .mobile-image { display: none; } .redirection-container-one-image .music-redirect .content .cta-music { width: 295px; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; margin: 8px auto 15px; font-weight: 500; } @media only screen and (max-width:768px) { .redirection-container-one-image .music-redirect .content .cta-music { width: 245px; height: 60px; } } .redirection-container-one-image .music-redirect .content .secondary-music { margin-top: -30px; } .redirection-container-one-image .music-redirect .content .secondary-music span:first-child { margin-top: 70px; } .redirection-container-one-image .music-redirect .content .secondary-music span { max-width: 270px; margin: 0 auto; } @media only screen and (max-width:1334px) { .redirection-container-one-image .music-redirect .content .secondary-music { width: 480px; height: 16vh; background-size: 100px; } } @media only screen and (max-width:1100px) { .redirection-container-one-image .music-redirect .content .secondary-music { background-image: none; } } @media only screen and (max-width:1000px) { .redirection-container-one-image .music-redirect .content .secondary-music { width: auto; height: auto; margin-top: 0; } .redirection-container-one-image .music-redirect .content .secondary-music span:first-child { margin-top: 0; } } @media only screen and (max-height:650px) { .redirection-container-one-image .music-redirect .content .secondary-music { background-image: none; } .redirection-container-one-image .music-redirect .content .secondary-music span:first-child { margin-top: 0; } } @media only screen and (max-height:500px) { .redirection-container-one-image .music-redirect .content .secondary-music { background-image: none; } .redirection-container-one-image .music-redirect .content .secondary-music span:first-child { margin-top: 50px; } .redirection-container-one-image.search .music-redirect .content .title-music { min-height: 4em; } } @media only screen and (max-width:768px) { .redirection-container-one-image .licensing-redirect { height: auto; padding-top: 20px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .redirection-container-one-image .licensing-redirect .content .title-licensing a { font-size: 2rem; } } .redirection-container-one-image .licensing-redirect .content .title-licensing { margin-bottom: 1.5vh; } @media only screen and (max-height:650px) { .redirection-container-one-image .licensing-redirect .content .title-licensing { margin-bottom: 4.5vh; } } .redirection-container-one-image .licensing-redirect .content .cta-link>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; } .redirection-container-one-image .licensing-redirect .content .cta-link a { width: 295px; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; font-weight: 500; margin: 8px auto 15px; } @media only screen and (max-width:768px) { .redirection-container-one-image .licensing-redirect .content .cta-link a { width: 245px; height: 60px; } } .redirection-container-one-image .licensing-redirect .content .cta-link .cta-free-trial { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 14px 40px 10px; width: 349px!important; height: 99px!important; background-color: transparent; background-image: url(https://images.jamendo.com/jamendomusic/welcome/free-trial-cta-brand-color.png); background-repeat: no-repeat; background-position: center; background-size: contain; color: #FFF; line-height: 1.25; text-transform: uppercase; font-weight: 500; } .redirection-container-one-image .licensing-redirect .content .cta-link .cta-free-trial:hover { color: #FFF; } .redirection-container-one-image .licensing-redirect .content .cta-link:last-of-type a { margin-bottom: 0; } .redirection-container-one-image .artists-link-splash { display: block; position: absolute; bottom: 0; left: 0; margin: 0 0 25px 25px; font-family: futurabook, Arial, sans-serif; font-size: 15px; color: #FFF; } .redirection-container-one-image .artists-link-splash a { color:; font-weight: 500; text-decoration: none; } .redirection-container-one-image .artists-link-splash a:hover { text-decoration: underline; } @media only screen and (max-width:1000px) { .redirection-container-one-image .artists-link-splash { margin: 0 auto 25px; text-align: center; width: 100% } } @media only screen and (max-width:768px) { .redirection-container-one-image .artists-link-splash { position: relative; background-color: transparent; margin: auto 0 20px; padding: 0 20px; } .redirection-container-one-image .artists-link-splash a { width: 100%; display: inline-block; } } .redirection-container-one-image.search { height: calc(100vh - 128px); background-color: #FFF; background-image: none; } .redirection-container-one-image.search::before { content: none; } @media only screen and (max-width:1500px) { .redirection-container-one-image.search { background-position: 76% 83% } } @media only screen and (max-width:1150px) { .redirection-container-one-image.search { background-position: 76% 89% } } @media only screen and (max-width:1100px) { .redirection-container-one-image.search { background-position: 116% 86% } } @media only screen and (max-height:880px) { .redirection-container-one-image.search { background-size: 50%, cover; background-position: 69% 72% } } @media only screen and (max-height:675px) { .redirection-container-one-image.search { background-size: 35%, cover; background-position: 65% 71% } } @media only screen and (max-height:535px) { .redirection-container-one-image.search { background-size: 31%, cover; background-position: 66% 67% } } @media only screen and (max-height:480px) { .redirection-container-one-image.search { background-image: none; } } @media only screen and (max-width:1200px) and (max-height:700px) { .redirection-container-one-image.search { background-image: none; } } @media only screen and (max-width:992px) { .redirection-container-one-image.search { background-image: none; margin-top: 0; background-color: #FFF; } .redirection-container-one-image.search .music-redirect { height: auto; margin-bottom: 25px; } .redirection-container-one-image.search .music-redirect .content .title-music { min-height: 4em; } } .redirection-container-one-image.search .music-redirect .content { padding: 0 20px; } .redirection-container-one-image.search .music-redirect .content .title-music { margin-bottom: 0; margin-top: 10px; } @media only screen and (max-width:992px) { .redirection-container-one-image.search .music-redirect .content .title-music .main-title { margin-bottom: 1vh; } } .redirection-container-one-image.search .music-redirect .content .secondary-music { background-image: none; height: auto; width: 100% } .redirection-container-one-image.search .music-redirect .content .secondary-music .btn.btn--bordered:before { border-width: 2px; } .redirection-container-one-image.search .music-redirect .section-header { margin-top: 0; } .redirection-container-one-image.search .music-redirect .list-link-search>li { margin: 0 4px -10px; } .redirection-container-one-image.search .music-redirect .list-link-search>li a { font-family: futurademi, Arial, sans-serif; } .redirection-container-one-image.search .content .title-licensing { margin-bottom: 1.5vh; } @media only screen and (max-height:650px) { .redirection-container-one-image.search .content .title-licensing { margin-bottom: 4.5vh; } } @media only screen and (max-width:1000px) { .redirection-container-one-image.search .licensing-redirect { padding: 50px 0 0!important; box-shadow: none; } } @media only screen and (max-width:992px) { .redirection-container-one-image.search .licensing-redirect { height: auto; padding: 30px 0; } } .redirection-container-one-image.search .licensing-redirect .content { padding: 0 20px; } .redirection-container-one-image.search .licensing-redirect .content .cta-link>div a { width: 250px; height: auto; font-size: 1rem; } .redirection-container-one-image.search .licensing-redirect .content .title-licensing { margin-bottom: 0; margin-top: 10px; } .redirection-container-one-image.search .licensing-redirect .content .logo-licensing { max-height: 50px; margin-bottom: 1.5vh; } .redirection-container-one-image.search .licensing-redirect .content .logo-licensing a { display: block; width: 100%; height: 100% } .redirection-container-one-image.search .licensing-redirect .content .vertical-arrow { width: 11vh; height: 11vh; margin-bottom: 1.5vh; display: none; } .redirection-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: center; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; background-attachment: fixed; background-color: #FFF; } .redirection-container[version-1] { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-music-1.jpg); } .redirection-container[version-2] { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-music-2.jpg); } @media only screen and (max-width:768px) { .redirection-container { -ms-flex-flow: column; flex-flow: column; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; } .redirection-container[version-1] { background-image: none; } } @media only screen and (max-width:495px) { .redirection-container>div: last-child { margin: 7px 14px 0 0; } } .redirection-container .websites-redirect { width: 50%; height: 100vh; padding: 50px 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; } @media only screen and (max-width:1100px) { .redirection-container .websites-redirect h2 { font-size: 24px; } } @media only screen and (max-width:768px) { .redirection-container .websites-redirect { height: auto; padding: 15px 25px; } .redirection-container .websites-redirect .identity-brand { margin-bottom: 30px; } } @media only screen and (max-height:600px) and (min-width:1000px) and (max-width:1250px) { .redirection-container .websites-redirect { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media only screen and (max-height:520px) { .redirection-container .websites-redirect h2 { font-size: 24px; } } @media only screen and (max-height:420px) and (min-width:768px) { .redirection-container .websites-redirect .jamendo-music h2 { margin-top: 20px; } } @media only screen and (max-width:495px) { .redirection-container .websites-redirect { width: auto; padding: 15px 45px; } } .redirection-container .websites-redirect .identity-brand { width: 100%; height: auto; min-height: 125px; background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-corpo2.svg); background-repeat: no-repeat; background-position: center; background-size: 220px 170px; } @media only screen and (max-height:420px) { .redirection-container .websites-redirect .identity-brand { min-height: 115px; background-size: 200px 150px; } } .redirection-container .websites-redirect .identity-brand[jamendo-licensing], .redirection-container .websites-redirect .identity-brand[jamendo-music] { min-height: 175px; background-size: 180px 170px; margin-top: 25px; } .redirection-container .websites-redirect .identity-brand[jamendo-music] { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-music-vertical.svg); } .redirection-container .websites-redirect .identity-brand[jamendo-licensing] { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-licensing-vertical.svg); } @media only screen and (max-width:350px) { .redirection-container .websites-redirect h2 { font-size: 22px; } .redirection-container .websites-redirect h3 { font-size: 15px; } .redirection-container .websites-redirect .identity-brand { background-size: 200px 150px; margin-bottom: 10px; } } @media only screen and (min-height:1025px) { .redirection-container .websites-redirect .identity-brand { min-height: 150px; background-size: 260px 230px; } } @media only screen and (max-width:768px) { .redirection-container .websites-redirect .jamendo-music { margin-bottom: 30px; } } @media only screen and (max-height:665px) { .redirection-container .websites-redirect .jamendo-music .button-cart { margin-bottom: 20px; } } .redirection-container .websites-redirect .jamendo-licensing ul { margin-bottom: 20px; } @media only screen and (max-height:625px) and (min-width:1250px) { .redirection-container .websites-redirect .jamendo-licensing ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .redirection-container .websites-redirect .jamendo-licensing ul li { margin: 0 8px; } } .redirection-container .websites-redirect .button-cart.big-cta.licensing { min-height: 64px; } .redirection-container .websites-redirect .button-cart.big-cta.licensing p { line-height: 1.1; } .redirection-container .websites-redirect .button-cart.big-cta.licensing p:nth-of-type(1) { margin: 0 0 4px; } .redirection-container .websites-redirect .button-cart.big-cta.licensing p:nth-of-type(2) { font-size: 11px; } .redirection-container .websites-redirect .button-cart.big-cta.licensing h3 { line-height: 1.1; margin: 0 0 4px; font-size: 16px; letter-spacing: 2px; padding: 0; color: #FFF; } .redirection-container .websites-redirect .button-cart.big-cta.licensing h3+p { font-size: 11px; } @media only screen and (max-width:350px) { .redirection-container .websites-redirect .button-cart.big-cta { min-height: 44px; } .redirection-container .websites-redirect .button-cart.big-cta p, .redirection-container .websites-redirect .button-cart.big-cta.licensing h3 { font-size: 14px; } } @media only screen and (max-width:768px) { .redirection-container .artists-link-splash { position: initial; margin: 0 auto 30px; } } @media only screen and (min-width:768px) and (max-width:1250px) and (max-height:600px) { .redirection-container[version-1] .websites-redirect, .redirection-container[version-2] .websites-redirect { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .redirection-container[version-1] .identity-brand, .redirection-container[version-2] .identity-brand { min-height: 115px; background-size: 200px 150px; } } @media only screen and (max-height:650px) and (min-width:768px) { .redirection-container[version-1] .websites-redirect .jamendo-music h2, .redirection-container[version-2] .websites-redirect .jamendo-music h2 { margin-top: 20px; } } @media only screen and (max-width:1000px) { .redirection-container[version-2] { -ms-flex-flow: column; flex-flow: column; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; background-image: none; } } @media only screen and (min-width:1000px) { .redirection-container[version-2] .websites-redirect h1, .redirection-container[version-2] .websites-redirect h2 { max-width: 75% } .redirection-container[version-2] .websites-redirect .jamendo-music h2 { margin: 0 auto; } .redirection-container[version-2] .websites-redirect .jamendo-licensing h2 { margin: 0 auto 20px; } .redirection-container[version-2] .websites-redirect h1 { margin: 5px auto 20px; } .redirection-container[version-2] .artists-link-splash a, .redirection-container[version-2] .artists-link-splash p { color: #FFF!important; } .redirection-container[version-2] .artists-link-splash a::before { border-color: #FFF; } } @media only screen and (max-height:700px) { .redirection-container[version-2] h2 { margin-top: 20px!important; } } .redirection-container[version-3] { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-music-5.jpg); height: auto; } @media only screen and (max-width:768px) { .redirection-container[version-3] { background-image: none; margin-top: 15px; } } .redirection-container[version-3] .websites-redirect { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 100px 25px 50px; } @media only screen and (max-height:700px) { .redirection-container[version-3] .websites-redirect { padding: 50px 25px; } } @media only screen and (max-height:630px) { .redirection-container[version-3] .websites-redirect .identity-brand { margin-bottom: 50px; } } @media only screen and (max-height:525px) { .redirection-container[version-3] .websites-redirect .identity-brand { min-height: 160px; background-size: 145px 150px; margin-bottom: 25px; margin-top: 0; } } @media only screen and (max-height:420px) { .redirection-container[version-3] .websites-redirect h2 { margin-top: 0; } } @media only screen and (min-width:768px) and (max-height:600px) { .redirection-container[version-3] .artists-link-splash { display: none; } } .redirection-container[version-4] { background-image: url(https://images.jamendo.com/jamendomusic/welcome/jamendo-music-4.jpg); height: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width:768px) { .redirection-container[version-3] .websites-redirect { padding: 0 25px; width: 100% } .redirection-container[version-3] .websites-redirect .identity-brand { min-height: 140px; background-size: 135px 140px; margin-bottom: 10px; margin-top: 0; } .redirection-container[version-3] .websites-redirect:nth-of-type(2) { margin-bottom: 15px; } .redirection-container[version-3] .websites-redirect:nth-of-type(2) h2 { margin-bottom: 20px; } .redirection-container[version-4] { background-image: none; margin-top: 15px; } } .redirection-container[version-4] .websites-redirect { width: 35%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 100px 25px 50px; } @media only screen and (max-height:625px) and (min-width:1250px) { .redirection-container[version-4] .websites-redirect ul { display: block; } } @media only screen and (max-height:625px) and (min-width:1700px) { .redirection-container[version-4] .websites-redirect ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .redirection-container[version-4] .websites-redirect ul li { margin: 0 8px; } } @media only screen and (max-height:700px) { .redirection-container[version-4] .websites-redirect { padding: 25px; } } @media only screen and (max-height:630px) { .redirection-container[version-4] .websites-redirect .identity-brand { margin-bottom: 50px; } } @media only screen and (max-height:525px) { .redirection-container[version-4] .websites-redirect .identity-brand { min-height: 160px; background-size: 145px 150px; margin-bottom: 25px; margin-top: 0; } } /************ da qui in giu******/ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @-webkit-viewport { width: device-width; } @viewport { width: device-width; } html { font-size: 16px; -webkit-tap-highlight-color: transparent; font-family: "futurabook", Arial, sans-serif; } body { font-size: 1rem; font-weight: initial; line-height: 1.5; color: #646464; background-color: #FFF; } [tabindex="-1"]:focus { outline: none !important; } h1, h2, h3, h4, h5, h6 { margin-top: 0; font-size: 1rem; font-weight: initial; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: initial; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } a { color: #337ab7; text-decoration: underline; } a:focus, a:hover { color: #23527c; text-decoration: underline; } a:focus { outline: thin dotted; outline: none; } pre { margin-top: 0; margin-bottom: 1rem; } figure { margin: 0 0 1rem; } img { vertical-align: middle; } [role="button"] { cursor: pointer; } a, area, button, [role="button"], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; caption-side: bottom; } th { text-align: left; } label { display: inline-block; margin-bottom: .5rem; } button:focus { outline: none; } input, button, select, textarea { margin: 0; line-height: inherit; border-radius: 0; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; } input[type="search"] { box-sizing: inherit; -webkit-appearance: none; } output { display: inline-block; } [hidden] { display: none !important; } input[type="submit"], input[type="reset"], input[type="button"], button { background: none; border: 0; color: inherit; font: inherit; overflow: visible; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } [role="button"] { color: inherit; cursor: pointer; white-space: pre; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } ul { padding-left: 0; margin-bottom: 0; list-style-type: none; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px #fff inset !important; } .container { margin-right: auto; margin-left: auto; padding-left: 12px; padding-right: 12px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media (min-width: 768px) { .container { width: 744px; } } @media (min-width: 992px) { .container { width: 964px; } } @media (min-width: 1200px) { .container { width: 1164px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 12px; padding-right: 12px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } .row { margin-left: -12px; margin-right: -12px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 12px; padding-right: 12px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.33333% } .col-xs-2 { width: 16.66667% } .col-xs-3 { width: 25% } .col-xs-4 { width: 33.33333% } .col-xs-5 { width: 41.66667% } .col-xs-6 { width: 50% } .col-xs-7 { width: 58.33333% } .col-xs-8 { width: 66.66667% } .col-xs-9 { width: 75% } .col-xs-10 { width: 83.33333% } .col-xs-11 { width: 91.66667% } .col-xs-12 { width: 100% } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333% } .col-xs-pull-2 { right: 16.66667% } .col-xs-pull-3 { right: 25% } .col-xs-pull-4 { right: 33.33333% } .col-xs-pull-5 { right: 41.66667% } .col-xs-pull-6 { right: 50% } .col-xs-pull-7 { right: 58.33333% } .col-xs-pull-8 { right: 66.66667% } .col-xs-pull-9 { right: 75% } .col-xs-pull-10 { right: 83.33333% } .col-xs-pull-11 { right: 91.66667% } .col-xs-pull-12 { right: 100% } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333% } .col-xs-push-2 { left: 16.66667% } .col-xs-push-3 { left: 25% } .col-xs-push-4 { left: 33.33333% } .col-xs-push-5 { left: 41.66667% } .col-xs-push-6 { left: 50% } .col-xs-push-7 { left: 58.33333% } .col-xs-push-8 { left: 66.66667% } .col-xs-push-9 { left: 75% } .col-xs-push-10 { left: 83.33333% } .col-xs-push-11 { left: 91.66667% } .col-xs-push-12 { left: 100% } .col-xs-offset-0 { margin-left: 0% } .col-xs-offset-1 { margin-left: 8.33333% } .col-xs-offset-2 { margin-left: 16.66667% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-4 { margin-left: 33.33333% } .col-xs-offset-5 { margin-left: 41.66667% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-7 { margin-left: 58.33333% } .col-xs-offset-8 { margin-left: 66.66667% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-10 { margin-left: 83.33333% } .col-xs-offset-11 { margin-left: 91.66667% } .col-xs-offset-12 { margin-left: 100% } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.33333% } .col-sm-2 { width: 16.66667% } .col-sm-3 { width: 25% } .col-sm-4 { width: 33.33333% } .col-sm-5 { width: 41.66667% } .col-sm-6 { width: 50% } .col-sm-7 { width: 58.33333% } .col-sm-8 { width: 66.66667% } .col-sm-9 { width: 75% } .col-sm-10 { width: 83.33333% } .col-sm-11 { width: 91.66667% } .col-sm-12 { width: 100% } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333% } .col-sm-pull-2 { right: 16.66667% } .col-sm-pull-3 { right: 25% } .col-sm-pull-4 { right: 33.33333% } .col-sm-pull-5 { right: 41.66667% } .col-sm-pull-6 { right: 50% } .col-sm-pull-7 { right: 58.33333% } .col-sm-pull-8 { right: 66.66667% } .col-sm-pull-9 { right: 75% } .col-sm-pull-10 { right: 83.33333% } .col-sm-pull-11 { right: 91.66667% } .col-sm-pull-12 { right: 100% } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333% } .col-sm-push-2 { left: 16.66667% } .col-sm-push-3 { left: 25% } .col-sm-push-4 { left: 33.33333% } .col-sm-push-5 { left: 41.66667% } .col-sm-push-6 { left: 50% } .col-sm-push-7 { left: 58.33333% } .col-sm-push-8 { left: 66.66667% } .col-sm-push-9 { left: 75% } .col-sm-push-10 { left: 83.33333% } .col-sm-push-11 { left: 91.66667% } .col-sm-push-12 { left: 100% } .col-sm-offset-0 { margin-left: 0% } .col-sm-offset-1 { margin-left: 8.33333% } .col-sm-offset-2 { margin-left: 16.66667% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-4 { margin-left: 33.33333% } .col-sm-offset-5 { margin-left: 41.66667% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-7 { margin-left: 58.33333% } .col-sm-offset-8 { margin-left: 66.66667% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-10 { margin-left: 83.33333% } .col-sm-offset-11 { margin-left: 91.66667% } .col-sm-offset-12 { margin-left: 100% } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.33333% } .col-md-2 { width: 16.66667% } .col-md-3 { width: 25% } .col-md-4 { width: 33.33333% } .col-md-5 { width: 41.66667% } .col-md-6 { width: 50% } .col-md-7 { width: 58.33333% } .col-md-8 { width: 66.66667% } .col-md-9 { width: 75% } .col-md-10 { width: 83.33333% } .col-md-11 { width: 91.66667% } .col-md-12 { width: 100% } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333% } .col-md-pull-2 { right: 16.66667% } .col-md-pull-3 { right: 25% } .col-md-pull-4 { right: 33.33333% } .col-md-pull-5 { right: 41.66667% } .col-md-pull-6 { right: 50% } .col-md-pull-7 { right: 58.33333% } .col-md-pull-8 { right: 66.66667% } .col-md-pull-9 { right: 75% } .col-md-pull-10 { right: 83.33333% } .col-md-pull-11 { right: 91.66667% } .col-md-pull-12 { right: 100% } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333% } .col-md-push-2 { left: 16.66667% } .col-md-push-3 { left: 25% } .col-md-push-4 { left: 33.33333% } .col-md-push-5 { left: 41.66667% } .col-md-push-6 { left: 50% } .col-md-push-7 { left: 58.33333% } .col-md-push-8 { left: 66.66667% } .col-md-push-9 { left: 75% } .col-md-push-10 { left: 83.33333% } .col-md-push-11 { left: 91.66667% } .col-md-push-12 { left: 100% } .col-md-offset-0 { margin-left: 0% } .col-md-offset-1 { margin-left: 8.33333% } .col-md-offset-2 { margin-left: 16.66667% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-4 { margin-left: 33.33333% } .col-md-offset-5 { margin-left: 41.66667% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-7 { margin-left: 58.33333% } .col-md-offset-8 { margin-left: 66.66667% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-10 { margin-left: 83.33333% } .col-md-offset-11 { margin-left: 91.66667% } .col-md-offset-12 { margin-left: 100% } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.33333% } .col-lg-2 { width: 16.66667% } .col-lg-3 { width: 25% } .col-lg-4 { width: 33.33333% } .col-lg-5 { width: 41.66667% } .col-lg-6 { width: 50% } .col-lg-7 { width: 58.33333% } .col-lg-8 { width: 66.66667% } .col-lg-9 { width: 75% } .col-lg-10 { width: 83.33333% } .col-lg-11 { width: 91.66667% } .col-lg-12 { width: 100% } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333% } .col-lg-pull-2 { right: 16.66667% } .col-lg-pull-3 { right: 25% } .col-lg-pull-4 { right: 33.33333% } .col-lg-pull-5 { right: 41.66667% } .col-lg-pull-6 { right: 50% } .col-lg-pull-7 { right: 58.33333% } .col-lg-pull-8 { right: 66.66667% } .col-lg-pull-9 { right: 75% } .col-lg-pull-10 { right: 83.33333% } .col-lg-pull-11 { right: 91.66667% } .col-lg-pull-12 { right: 100% } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333% } .col-lg-push-2 { left: 16.66667% } .col-lg-push-3 { left: 25% } .col-lg-push-4 { left: 33.33333% } .col-lg-push-5 { left: 41.66667% } .col-lg-push-6 { left: 50% } .col-lg-push-7 { left: 58.33333% } .col-lg-push-8 { left: 66.66667% } .col-lg-push-9 { left: 75% } .col-lg-push-10 { left: 83.33333% } .col-lg-push-11 { left: 91.66667% } .col-lg-push-12 { left: 100% } .col-lg-offset-0 { margin-left: 0% } .col-lg-offset-1 { margin-left: 8.33333% } .col-lg-offset-2 { margin-left: 16.66667% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-4 { margin-left: 33.33333% } .col-lg-offset-5 { margin-left: 41.66667% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-7 { margin-left: 58.33333% } .col-lg-offset-8 { margin-left: 66.66667% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-10 { margin-left: 83.33333% } .col-lg-offset-11 { margin-left: 91.66667% } .col-lg-offset-12 { margin-left: 100% } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100% } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857; color: #555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { border: 0; background-color: transparent; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; } input[type="date"].input-sm, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg input[type="month"] { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio+.radio, .checkbox+.checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.33333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg+.form-control-feedback, .input-group-lg+.form-control-feedback, .form-group-lg .form-control+.form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm+.form-control-feedback, .input-group-sm+.form-control-feedback, .form-group-sm .form-control+.form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label~.form-control-feedback { top: 25px; } .has-feedback label.sr-only~.form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group>.form-control { width: 100% } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-left: -12px; margin-right: -12px; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; } .form-horizontal .form-group:after { clear: both; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .form-horizontal .has-feedback .form-control-feedback { right: 12px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .visible-xs { display: none !important; } .visible-sm { display: none !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } .row.vspace>[class*="col-"] { margin: 12px 0; margin: 0.75rem 0; } .container.right { text-align: right; } .container.right.informational { margin-left: -0.75rem; } .container.center { text-align: center; } .container.vspace { margin-top: 0.5rem; margin-bottom: 2.5rem; } @media only screen and (max-width: 1200px) { .container.vspace { margin-top: -1rem; } } .container .section.container { padding: 0; } .container-1024 { width: 1024px; padding: 0; margin: 0 auto; } @media only screen and (max-width: 1110px) { .container-1024 { width: 100%; padding: 30px; } } @media only screen and (max-width: 480px) { .container-1024 { padding: 15px; } } @media only screen and (max-width: 350px) { .container-1024 { padding: 0; } } .container.max-width { width: auto; margin: 16px 24px; margin: 1rem 1.5rem; padding: 0; } .container.max-width .client-space-heading { display: none; } @media only screen and (max-width: 1110px) { .container.max-width .client-space-heading { display: block; margin: 32px 0 16px 0; margin: 2rem 0 1rem 0; } } .container.max-width .client-space-heading.visible { display: block; } .container.max-width .container-fluid { padding: 0; margin-left: -12px; margin-right: -12px; } .container.max-width .container-fluid .row { margin-left: 0; margin-right: 0; } .container.max-width.section-promote { padding: 2rem; } .container.max-width[account-pages] { margin-top: 2.5rem; min-height: 312px; width: 100% } .container.max-width[account-pages] .page-name { color: black; font-size: 25px; padding: 0 10px; } .align-right { text-align: right; } .align-center { text-align: center; } @media only screen and (min-width: 992px) { .col-md-offset-1-less { margin-left: 3.33333%; width: 46.66667% } } .row-height { display: table; table-layout: fixed; height: 100%; width: 100% } .col-height { display: table-cell; float: none; height: 100% } .col-top { vertical-align: top; } .col-middle { vertical-align: middle; } .col-bottom { vertical-align: bottom; } @media (min-width: 480px) { .row-xs-height { display: table; table-layout: fixed; height: 100%; width: 100% } .col-xs-height { display: table-cell; float: none; height: 100% } .col-xs-top { vertical-align: top; } .col-xs-middle { vertical-align: middle; } .col-xs-bottom { vertical-align: bottom; } } @media (min-width: 768px) { .row-sm-height { display: table; table-layout: fixed; height: 100%; width: 100% } .col-sm-height { display: table-cell; float: none; height: 100% } .col-sm-top { vertical-align: top; } .col-sm-middle { vertical-align: middle; } .col-sm-bottom { vertical-align: bottom; } } @media (min-width: 992px) { .row-md-height { display: table; table-layout: fixed; height: 100%; width: 100% } .col-md-height { display: table-cell; float: none; height: 100% } .col-md-top { vertical-align: top; } .col-md-middle { vertical-align: middle; } .col-md-bottom { vertical-align: bottom; } } @media (min-width: 1200px) { .row-lg-height { display: table; table-layout: fixed; height: 100%; width: 100% } .col-lg-height { display: table-cell; float: none; height: 100% } .col-lg-top { vertical-align: top; } .col-lg-middle { vertical-align: middle; } .col-lg-bottom { vertical-align: bottom; } } body.has-player .playlist-pane { bottom: 80px; } body.has-player .playlist-pane.is-opened { border-bottom: 1px solid black; } @media screen and (max-width: 992px) { body.has-player .playlist-pane { bottom: 66px; } } [component-disabled] { cursor: not-allowed !important; } [component-disabled]>* { -webkit-filter: grayscale(1) !important; filter: grayscale(1) !important; opacity: .4 !important; cursor: not-allowed !important; pointer-events: none !important; } [component-disabled]>*>*, [component-disabled]>*>*>* { cursor: not-allowed !important; pointer-events: none !important; } [center] { margin: 0 auto; } [center-important] { margin: 0 auto !important; } [float-right] { float: right; } [float-clear] { clear: both; } [absolute] { position: absolute !important; } [absolute-top-right] { position: absolute !important; top: 0; right: 0; } [overflow-allowed] { overflow: visible !important; } [z-700] { z-index: 700 !important; } [z-600] { z-index: 600 !important; } [z-410] { z-index: 410 !important; } [block] { display: block !important; } [no-display] { display: none !important; } [relative-position] { position: relative; } [flex-raw-space-between] { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } [flex-raw-space-between][wrap] { -ms-flex-wrap: wrap; flex-wrap: wrap; } [flex-raw-space-between][start] { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } [flex-raw-start] { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } [flex-raw-start][wrap] { -ms-flex-wrap: wrap; flex-wrap: wrap; } [flex-raw-center] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } [flex-raw-center][start] { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } [flex-raw-center][wrap] { -ms-flex-wrap: wrap; flex-wrap: wrap; } [flex-raw-end] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } [flex-column-start] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } [flex-column-center] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } [data-flex^="flexOrder"][data-flex*="1"] { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } [data-flex^="flexOrder"][data-flex*="2"] { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } [data-flex^="flexOrder"][data-flex*="3"] { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } [data-flex^="flexOrder"][data-flex*="4"] { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } [data-flex^="flexOrder"][data-flex*="5"] { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } [data-flex^="flexOrder"][data-flex*="6"] { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } [img-contain] { display: block; background-repeat: no-repeat; background-position: center; background-size: contain; background-color: transparent; height: 100%; width: 100% } [not-visible] { visibility: hidden !important; } [w-50] { width: 50% } [w-100] { width: 100% !important; } [size^="w"][size*="-50%"] { width: 50% } [size^="w"][size*="-100%"] { width: 100% } [margin^="top"][margin*="-24"] { margin-top: 24px; } [no-padding] { padding: 0 !important; } [no-left-pad] { padding-left: 0 !important; } [no-right-pad] { padding-right: 0 !important; } [no-padding-top] { padding-top: 0 !important; } [padding-top-8] { padding-top: 8px !important; } [color-primary] { background-color: #67b7bf !important; } [color-primary-saturated] { background-color: #4bd2e2 !important; } [yellow-spreaker] { background-color: #ffc107 !important; } [whitesmoke] { background-color: whitesmoke !important; } [color-text-primary-saturated] { color: #4bd2e2 !important; } [color-text-medium-gray] { color: #646464 !important; } [color-black] { color: #000 !important; } [text-center] { text-align: center; } [text-left] { text-align: left; } [uppercase] { text-transform: uppercase; } [no-border] { border: none !important; } [size-13] { font-size: 13px !important; } [size-14] { font-size: 14px !important; } [size-15] { font-size: 15px !important; } [size-16] { font-size: 16px !important; } [size-17] { font-size: 17px !important; } [size-22] { font-size: 22px; } [size-28] { font-size: 28px !important; } [size-32] { font-size: 32px !important; } [size-44] { font-size: 44px !important; } [italic] { font-style: italic !important; } [normal] { font-family: "futurabook", Arial, sans-serif; } [demi] { font-family: "futurademi", Arial, sans-serif; } [bold] { font-family: "futurabold", Arial, sans-serif; } [h-auto] { height: auto !important; } [h-240] { height: 240px !important; } [width-auto] { width: auto !important; } [width-80] { width: 80% !important; } [list-disc-outside] { list-style-type: disc !important; list-style-position: outside !important; padding-left: 1.25rem !important; } [list-disc-outside] li { display: list-item !important; } [display^="flex"] { display: -webkit-box; display: -ms-flexbox; display: flex; } [display^="flex"][display*="row"] { -ms-flex-flow: row; flex-flow: row; } [display^="flex"][display*="row-reverse"] { -ms-flex-flow: row-reverse; flex-flow: row-reverse; } [display^="flex"][display*="column"] { -ms-flex-flow: column; flex-flow: column; } [display^="flex"][display*="column-reverse"] { -ms-flex-flow: column-reverse; flex-flow: column-reverse; } [display^="flex"][display*="align-center"] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } [display^="flex"][display*="align-start"] { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } [display^="flex"][display*="align-end"] { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } [display^="flex"][display*="align-baseline"] { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } [display^="flex"][display*="justify-center"] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } [display^="flex"][display*="justify-between"] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } [display^="flex"][display*="justify-around"] { -ms-flex-pack: distribute; justify-content: space-around; } [display^="flex"][display*="justify-end"] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } [display^="flex"][display*="justify-start"] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } [display^="flex"][display*="space-evenly"] { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } [display^="flex"][display*="wrap"] { -ms-flex-wrap: wrap; flex-wrap: wrap; } [display^="flex"][display*="nowrap"] { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } [display*="grow-1"] { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } [display*="grow-1-desktop"] { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (max-width: 1110px) { [display*="grow-1-desktop"] { -webkit-box-flex: initial; -ms-flex-positive: initial; flex-grow: initial; } } [display*="align-self-start"] { -ms-flex-item-align: start; align-self: flex-start; } [display*="align-self-center"] { -ms-flex-item-align: center; align-self: center; } [display*="align-self-end"] { -ms-flex-item-align: end; align-self: flex-end; } [display^="block"] { display: block; } [display^="inline"] { display: inline; } [display^="inline-block"] { display: inline-block; } [display^="table"] { display: table; } [display^="none"] { display: none; } [display*="overflow-hidden"] { overflow: hidden; } [display*="overflow-visible"] { overflow: hidden; } [text~="ellipsis"] { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } [text~="nowrap"] { white-space: nowrap; } [text~="wrap"] { white-space: normal; } [text~="capitalize"] { text-transform: capitalize; } [text~="uppercase"] { text-transform: uppercase; } [text~="capitalize-first-letter"] { display: block; } [text~="capitalize-first-letter"]::first-letter { text-transform: capitalize; } [text~="lowercase"] { text-transform: lowercase; } [text~="initial"] { text-transform: initial; } [text~="left"] { text-align: left; } [text~="center"] { text-align: center; } [text~="right"] { text-align: right; } [text~="justify"] { text-align: justify; } [text~="underline"] { text-decoration: underline; } [text~="underline"]:hover { text-decoration: underline; } [text~="no-deco"] { text-decoration: none; } [text~="line-h-1"] { line-height: 1; } [text~="line-h-1-2"] { line-height: 1.2; } [text~="line-h-1-3"] { line-height: 1.3; } [text~="line-h-1-4"] { line-height: 1.4; } [text~="line-h-1-5"] { line-height: 1.5; } [text~="line-h-1-6"] { line-height: 1.6; } [text~="letter-spacing-1"] { letter-spacing: 1px; } [font~="normal"] { font-family: "futurabook", Arial, sans-serif; } [font~="demi"] { font-family: "futurademi", Arial, sans-serif; } [font~="bold"] { font-family: "futurabold", Arial, sans-serif; } [font~="w-initial"] { font-weight: initial; } [font~="w-400"] { font-weight: 400; } [font~="w-600"] { font-weight: 600; } [font~="size-6"] { font-size: 6px; } [font~="size-7"] { font-size: 7px; } [font~="size-8"] { font-size: 8px; } [font~="size-9"] { font-size: 9px; } [font~="size-10"] { font-size: 10px; } [font~="size-11"] { font-size: 11px; } [font~="size-12"] { font-size: 12px; } [font~="size-13"] { font-size: 13px; } [font~="size-14"] { font-size: 14px; } [font~="size-15"] { font-size: 15px; } [font~="size-16"] { font-size: 16px; } [font~="size-17"] { font-size: 17px; } [font~="size-18"] { font-size: 18px; } [font~="size-19"] { font-size: 19px; } [font~="size-20"] { font-size: 20px; } [font~="size-21"] { font-size: 21px; } [font~="size-22"] { font-size: 22px; } [font~="size-23"] { font-size: 23px; } [font~="size-24"] { font-size: 24px; } [font~="size-25"] { font-size: 25px; } [font~="size-26"] { font-size: 26px; } [font~="size-27"] { font-size: 27px; } [font~="size-28"] { font-size: 28px; } [font~="size-29"] { font-size: 29px; } [font~="size-30"] { font-size: 30px; } [font~="size-32"] { font-size: 32px; } [font~="size-34"] { font-size: 34px; } [font~="size-36"] { font-size: 36px; } [font~="size-38"] { font-size: 38px; } [font~="size-40"] { font-size: 40px; } [font~="size-80"] { font-size: 80px; } [size~="w-0"] { width: 0px; } [size~="w-1"] { width: 1px; } [size~="w-2"] { width: 2px; } [size~="w-3"] { width: 3px; } [size~="w-4"] { width: 4px; } [size~="w-5"] { width: 5px; } [size~="w-6"] { width: 6px; } [size~="w-7"] { width: 7px; } [size~="w-8"] { width: 8px; } [size~="w-9"] { width: 9px; } [size~="w-10"] { width: 10px; } [size~="w-11"] { width: 11px; } [size~="w-12"] { width: 12px; } [size~="w-13"] { width: 13px; } [size~="w-14"] { width: 14px; } [size~="w-15"] { width: 15px; } [size~="w-16"] { width: 16px; } [size~="w-17"] { width: 17px; } [size~="w-18"] { width: 18px; } [size~="w-19"] { width: 19px; } [size~="w-20"] { width: 20px; } [size~="w-21"] { width: 21px; } [size~="w-22"] { width: 22px; } [size~="w-23"] { width: 23px; } [size~="w-24"] { width: 24px; } [size~="w-25"] { width: 25px; } [size~="w-26"] { width: 26px; } [size~="w-27"] { width: 27px; } [size~="w-28"] { width: 28px; } [size~="w-29"] { width: 29px; } [size~="w-30"] { width: 30px; } [size~="w-32"] { width: 32px; } [size~="w-40"] { width: 40px; } [size~="w-46"] { width: 46px; } [size~="w-135"] { width: 135px; } [size~="w-145"] { width: 145px; } [size~="w-180"] { width: 180px; } [size~="w-220"] { width: 220px; } [size~="w-270"] { width: 270px; } [size~="w-354"] { width: 354px; } [size~="w-650"] { width: 650px; } [size~="w-5%"] { width: 5% } [size~="w-10%"] { width: 10% } [size~="w-15%"] { width: 15% } [size~="w-20%"] { width: 20% } [size~="w-25%"] { width: 25% } [size~="w-30%"] { width: 30% } [size~="w-35%"] { width: 35% } [size~="w-40%"] { width: 40% } [size~="w-45%"] { width: 45% } [size~="w-50%"] { width: 50% } [size~="w-55%"] { width: 55% } [size~="w-60%"] { width: 60% } [size~="w-65%"] { width: 65% } [size~="w-70%"] { width: 70% } [size~="w-75%"] { width: 75% } [size~="w-80%"] { width: 80% } [size~="w-85%"] { width: 85% } [size~="w-90%"] { width: 90% } [size~="w-95%"] { width: 95% } [size~="w-100%"] { width: 100% } [size~="h-0"] { height: 0px; } [size~="h-1"] { height: 1px; } [size~="h-2"] { height: 2px; } [size~="h-3"] { height: 3px; } [size~="h-4"] { height: 4px; } [size~="h-5"] { height: 5px; } [size~="h-6"] { height: 6px; } [size~="h-7"] { height: 7px; } [size~="h-8"] { height: 8px; } [size~="h-9"] { height: 9px; } [size~="h-10"] { height: 10px; } [size~="h-11"] { height: 11px; } [size~="h-12"] { height: 12px; } [size~="h-13"] { height: 13px; } [size~="h-14"] { height: 14px; } [size~="h-15"] { height: 15px; } [size~="h-16"] { height: 16px; } [size~="h-17"] { height: 17px; } [size~="h-18"] { height: 18px; } [size~="h-19"] { height: 19px; } [size~="h-20"] { height: 20px; } [size~="h-21"] { height: 21px; } [size~="h-22"] { height: 22px; } [size~="h-23"] { height: 23px; } [size~="h-24"] { height: 24px; } [padding~="right-20"] { padding-right: 20px; } [padding~="right-21"] { padding-right: 21px; } [padding~="right-22"] { padding-right: 22px; } [padding~="right-23"] { padding-right: 23px; } [padding~="right-24"] { padding-right: 24px; } [padding~="right-25"] { padding-right: 25px; } [padding~="right-26"] { padding-right: 26px; } [padding~="right-27"] { padding-right: 27px; } [padding~="right-28"] { padding-right: 28px; } [padding~="right-29"] { padding-right: 29px; } [padding~="right-30"] { padding-right: 30px; } [padding~="right-32"] { padding-right: 32px; } [padding~="right-40"] { padding-right: 40px; } [color^="jam-music"] { color:; } [color^="jam-licensing"] { color: #67b7bf; } [color^="jam-licensing-saturated"] { color: #4bd2e2; } [color^="black"] { color: #000; } [color^="white"] { color: #FFF; } [color^="red"] { color: red; } [color^="orange"] { color: orange; } [color^="gray-0"] { color: whitesmoke; } [color^="gray-1"] { color: #f2f2f2; } [color^="gray-2"] { color: #e5e5e5; } [color^="gray-3"] { color: #d8d8d8; } [color^="gray-4"] { color: #cbcbcb; } [color^="gray-5"] { color: #bebebe; } [color^="gray-6"] { color: #b1b1b1; } [color^="gray-7"] { color: #a4a4a4; } [color^="gray-8"] { color: #979797; } [color^="gray-9"] { color: #8a8a8a; } [color^="gray-10"] { color: #7d7d7d; } [color^="gray-11"] { color: #707070; } [color^="gray-12"] { color: #636363; } [color^="gray-13"] { color: #565656; } [color^="gray-14"] { color: #494949; } [color^="gray-15"] { color: #3c3c3c; } [color^="gray-16"] { color: #2f2f2f; } [color^="gray-17"] { color: #222; } [color^="gray-18"] { color: #151515; } [color^="gray-19"] { color: #080808; } [debug] { border: 1px solid red; } [shadow] { box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); } [border~="none"] { border: none; } [border~="w-1"] { border: 1px solid; } [border~="w-2"] { border: 2px solid; } [border~="w-3"] { border: 3px solid; } [border~="w-4"] { border: 4px solid; } [border~="w-5"] { border: 5px solid; } [border~="w-6"] { border: 6px solid; } [border~="w-7"] { border: 7px solid; } [border~="w-8"] { border: 8px solid; } [border~="w-9"] { border: 9px solid; } [border~="w-10"] { border: 10px solid; } [border^="jam-music"] { border-color:; } [border^="jam-licensing"] { border-color: #67b7bf; } [border~="jamlicensing"] { border-color: #67b7bf; } [border~="r100%"] { border-radius: 100% } [border~="r1"] { border-radius: 1px; } [border~="r2"] { border-radius: 2px; } [border~="r3"] { border-radius: 3px; } [border~="r4"] { border-radius: 4px; } [border~="r5"] { border-radius: 5px; } [border~="r6"] { border-radius: 6px; } [border~="r7"] { border-radius: 7px; } [border~="r8"] { border-radius: 8px; } [border~="r9"] { border-radius: 9px; } [border~="r10"] { border-radius: 10px; } [position^="relative"] { position: relative; } [position^="absolute"] { position: absolute; } [position^="fixed"] { position: fixed; } [position^="sticky"] { position: -webkit-sticky; position: sticky; } [position^="sticky-desktop"] { position: -webkit-sticky; position: sticky; } @media only screen and (max-width: 1110px) { [position^="sticky-desktop"] { position: initial; } } [position^="float-right"] { float: right; } [position*="top-0"] { top: 0; } [position*="top-2"] { top: 2px; } [position*="top-30"] { top: 30px; } [position*="top-70"] { top: 70px; } [position*="top-minus-75"] { top: -75px; } [position*="right-0"] { right: 0; } [position*="right-minus-10"] { right: -10px; } [position*="bottom-0"] { bottom: 0; } [position*="left-0"] { left: 0; } [background^="jam-music"] { background-color:; } [background^="jam-licensing"] { background-color: #67b7bf; } [background^="black"] { background-color: #000; } [background^="white"] { background-color: #FFF; } [background^="red"] { background-color: red; } [background^="error"] { color: #ffd7d7; } [background^="orange"] { background-color: orange; } [background^="gray-0"] { background-color: whitesmoke; } [background^="gray-1"] { background-color: #f2f2f2; } [background^="gray-2"] { background-color: #e5e5e5; } [background^="gray-3"] { background-color: #d8d8d8; } [background^="gray-4"] { background-color: #cbcbcb; } [background^="gray-5"] { background-color: #bebebe; } [background^="gray-6"] { background-color: #b1b1b1; } [background^="gray-7"] { background-color: #a4a4a4; } [background^="gray-8"] { background-color: #979797; } [background^="gray-9"] { background-color: #8a8a8a; } [background^="gray-10"] { background-color: #7d7d7d; } [background^="gray-11"] { background-color: #707070; } [background^="gray-12"] { background-color: #636363; } [background^="gray-13"] { background-color: #565656; } [background^="gray-14"] { background-color: #494949; } [background^="gray-15"] { background-color: #3c3c3c; } [background^="gray-16"] { background-color: #2f2f2f; } [background^="gray-17"] { background-color: #222; } [background^="gray-18"] { background-color: #151515; } [background^="gray-19"] { background-color: #080808; } @media only screen and (max-width: 750px) { [responsive~="750-reset-background"] { background-color: initial; } } [animation~="rotate-add-180"] { -webkit-transform: rotate(180deg); transform: rotate(180deg); } [hover~="licensing"]:hover { color: #67b7bf; } [hover~="licensing"]:hover>* { color: #67b7bf; } .chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: 13px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .chosen-container * { box-sizing: border-box; } .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; width: 100%; border: 1px solid #aaa; border-top: 0; background: #fff; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); } .chosen-container.chosen-with-drop .chosen-drop { left: 0; } .chosen-container a { cursor: pointer; } .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; color: #999; } .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after { content: ":"; padding-left: 2px; vertical-align: top; } .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; height: 25px; border: 1px solid #aaa; border-radius: 5px; background-color: #fff; background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%); background-clip: padding-box; box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1); color: #444; text-decoration: none; white-space: nowrap; line-height: 24px; } .chosen-container-single .chosen-default { color: #999; } .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url("/css/chosen-sprite.png") -42px 1px no-repeat; font-size: 1px; } .chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100% } .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; background: url("/css/chosen-sprite.png") no-repeat 0px 2px; } .chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; } .chosen-container-single .chosen-search input[type="text"] { margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; background: white url("/css/chosen-sprite.png") no-repeat 100% -20px; background: url("/css/chosen-sprite.png") no-repeat 100% -20px; font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; } .chosen-container .chosen-results { color: #444; position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; } .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; word-wrap: break-word; -webkit-touch-callout: none; } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } .chosen-container .chosen-results li.highlighted { background-color: #3875d7; background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff; } .chosen-container .chosen-results li.no-results { color: #777; display: list-item; background: #f4f4f4; } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: bold; cursor: default; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; margin: 0; padding: 0 5px; width: 100%; height: auto; border: 1px solid #aaa; background-color: #fff; background-image: linear-gradient(#eee 1%, #fff 15%); cursor: text; } .chosen-container-multi .chosen-choices li { float: left; list-style: none; } .chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } .chosen-container-multi .chosen-choices li.search-field input[type="text"] { margin: 1px 0; padding: 0; height: 25px; outline: 0; border: 0 !important; background: transparent !important; box-shadow: none; color: #999; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 5px 3px 0; padding: 3px 20px 3px 5px; border: 1px solid #aaa; max-width: 100%; border-radius: 3px; background-color: #eee; background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; } .chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url("/css/chosen-sprite.png") -42px 1px no-repeat; font-size: 1px; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); color: #666; } .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; } .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .chosen-container-multi .chosen-results { margin: 0; padding: 0; } .chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; } .chosen-container-active .chosen-single { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #aaa; border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-image: linear-gradient(#eee 20%, #fff 80%); box-shadow: 0 1px 0 #fff inset; } .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: transparent; } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 2px; } .chosen-container-active .chosen-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #222 !important; } .chosen-disabled { opacity: 0.5 !important; cursor: default; } .chosen-disabled .chosen-single { cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; } .chosen-rtl { text-align: right; } .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } .chosen-rtl .chosen-single div { right: auto; left: 3px; } .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } .chosen-rtl .chosen-choices li { float: right; } .chosen-rtl .chosen-choices li.search-field input[type="text"] { direction: rtl; } .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop { left: 9999px; } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; } .chosen-rtl .chosen-search input[type="text"] { padding: 4px 5px 4px 20px; background: white url("/css/chosen-sprite.png") no-repeat -30px -20px; background: url("/css/chosen-sprite.png") no-repeat -30px -20px; direction: rtl; } .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; } .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-image: url("/css/chosen-sprite@2x.png") !important; background-size: 52px 37px !important; background-repeat: no-repeat !important; } } .chosen-container .chosen-drop { border: 1px solid #67b7bf; box-shadow: 0 0 6px #afd9dd; padding-top: 4px; text-align: left; } .chosen-container-single .chosen-single { background: #FFF; border-radius: 0; padding: 8px 16px 10px 8px; padding: 0.5rem 1rem 0.625rem 0.5rem; line-height: inherit; box-shadow: none; height: 36px; height: 2.25rem; border-color: #ccc; } .chosen-container-single .chosen-single abbr { background: url("/images/chosen-sprite.png") -42px 1px no-repeat; } .chosen-container-single .chosen-single div { width: 16px; } .chosen-container-single .chosen-single div b { background: url("/images/sprites/chosen-sprite.png") no-repeat 0px 7px; } .chosen-container-single .chosen-search { position: relative; } .chosen-container-single .chosen-search:after { position: absolute; z-index: 1; display: block; top: 0.75rem; right: 1rem; width: 12px; height: 12px; font-size: 12px; font-family: "jamendo-all-icons"; content: "" } .chosen-container-single .chosen-search input[type="text"] { background: none; padding: 8px 32px 8px 8px; padding: 0.5rem 2rem 0.5rem 0.5rem; } .chosen-search input[type="text"] { background: none !important; } .chosen-container-active .chosen-single { border-color: #67b7bf; box-shadow: 0 0 6px #afd9dd; } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #67b7bf; background: #FFF; box-shadow: 0 0 6px #afd9dd; } .chosen-container .chosen-results li.highlighted { background-color: #67b7bf; background-image: none; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { background: url("/images/sprites/chosen-sprite.png") -42px 1px no-repeat; } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 7px; } .chosen-rtl .chosen-search input[type="text"] { background: white url("/images/sprites/chosen-sprite.png") no-repeat -30px -20px; background: url("/images/sprites/chosen-sprite.png") no-repeat -30px -20px; } .chosen-container-multi .chosen-choices li.search-choice { border: none; max-width: 100%; border-radius: 4px; background-color: #8bc8ce; background-image: none; box-shadow: none; color: #FFF; line-height: 24px; padding: 0 24px 0 6px; white-space: nowrap; } @media only screen and (max-width: 768px) { .chosen-container-multi .chosen-choices li.search-choice { padding: 0 34px 0 6px; line-height: 34px; } } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { top: 0px; right: 0px; width: 24px; height: 24px; background: none; font-family: "jamendo-all-icons"; font-size: 8px; color: #FFF; text-decoration: none; line-height: 3; text-align: center; cursor: pointer; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before { content: "" } @media only screen and (max-width: 768px) { .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { width: 100%; text-align: right; padding-right: 7px; font-size: 12px; line-height: 34px; } } .chosen-container-multi .chosen-choices li.search-field input[type="text"] { height: 30px; margin: 0; padding-left: 6px; padding-top: 2px; color: gray !important; font-family: "futurabook", Arial, sans-serif; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background: none !important; } } .chosen-choices, .search-module .chosen-container-active .chosen-choices { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; } .chosen-choices .search-field, .search-module .chosen-container-active .chosen-choices .search-field { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 250px; text-align: left; } .chosen-choices .search-field input[placeholder], .search-module .chosen-container-active .chosen-choices .search-field input[placeholder] { width: 100% } @media only screen and (max-width: 768px) { .chosen-choices .search-field, .search-module .chosen-container-active .chosen-choices .search-field { min-width: 100px; width: 100px; } } @media only screen and (max-width: 768px) { .chosen-choices .search-choice, .search-module .chosen-container-active .chosen-choices .search-choice { display: -webkit-box; display: -ms-flexbox; display: flex; } .chosen-choices .search-choice span, .search-module .chosen-container-active .chosen-choices .search-choice span { overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: inline-block; } } [class*="hint--"] { position: relative; display: inline-block; } [class*="hint--"]:before, [class*="hint--"]:after { position: absolute; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: hidden; opacity: 0; z-index: 630; pointer-events: none; transition: 0.3s ease; transition-delay: 0ms; } [class*="hint--"]:hover:before, [class*="hint--"]:hover:after { visibility: visible; opacity: 1; } [class*="hint--"]:hover:before, [class*="hint--"]:hover:after { transition-delay: 100ms; } [class*="hint--"]:before { content: ''; position: absolute; background: transparent; border: 6px solid transparent; z-index: 631; } [class*="hint--"]:after { background: #67b7bf; color: white; padding: 8px 10px; font-size: 12px; font-family: "futurabook", Arial, sans-serif; line-height: 12px; white-space: nowrap; } [class*="hint--"][aria-label]:after { content: attr(aria-label); } [class*="hint--"][data-hint]:after { content: attr(data-hint); } [aria-label='']:before, [aria-label='']:after, [data-hint='']:before, [data-hint='']:after { display: none !important; } .hint--top-left:before { border-top-color: #67b7bf; } .hint--top-right:before { border-top-color: #67b7bf; } .hint--top:before { border-top-color: #67b7bf; } .hint--bottom-left:before { border-bottom-color: #67b7bf; } .hint--bottom-right:before { border-bottom-color: #67b7bf; } .hint--bottom:before { border-bottom-color: #67b7bf; } .hint--left:before { border-left-color: #67b7bf; } .hint--right:before { border-right-color: #67b7bf; } .hint--top:before { margin-bottom: -11px; } .hint--top:before, .hint--top:after { bottom: 100%; left: 50% } .hint--top:before { left: calc(50% - 6px); } .hint--top:after { -webkit-transform: translateX(-50%); transform: translateX(-50%); } .hint--top:hover:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--top:hover:after { -webkit-transform: translateX(-50%) translateY(-8px); transform: translateX(-50%) translateY(-8px); } .hint--bottom:before { margin-top: -11px; } .hint--bottom:before, .hint--bottom:after { top: 100%; left: 50% } .hint--bottom:before { left: calc(50% - 6px); } .hint--bottom:after { -webkit-transform: translateX(-50%); transform: translateX(-50%); } .hint--bottom:hover:before { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--bottom:hover:after { -webkit-transform: translateX(-50%) translateY(8px); transform: translateX(-50%) translateY(8px); } .hint--right:before { margin-left: -11px; margin-bottom: -6px; } .hint--right:after { margin-bottom: -14px; } .hint--right:before, .hint--right:after { left: 100%; bottom: 50% } .hint--right:hover:before { -webkit-transform: translateX(8px); transform: translateX(8px); } .hint--right:hover:after { -webkit-transform: translateX(8px); transform: translateX(8px); } .hint--left { white-space: nowrap; } .hint--left:before { margin-right: -11px; margin-bottom: -6px; } .hint--left:after { margin-bottom: -14px; } .hint--left:before, .hint--left:after { right: 100%; bottom: 50% } .hint--left:hover:before { -webkit-transform: translateX(-8px); transform: translateX(-8px); } .hint--left:hover:after { -webkit-transform: translateX(-8px); transform: translateX(-8px); } .hint--top-left:before { margin-bottom: -11px; } .hint--top-left:before, .hint--top-left:after { bottom: 100%; left: 50% } .hint--top-left:before { left: calc(50% - 6px); } .hint--top-left:after { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .hint--top-left:after { margin-left: 12px; } .hint--top-left:hover:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--top-left:hover:after { -webkit-transform: translateX(-100%) translateY(-8px); transform: translateX(-100%) translateY(-8px); } .hint--top-right:before { margin-bottom: -11px; } .hint--top-right:before, .hint--top-right:after { bottom: 100%; left: 50% } .hint--top-right:before { left: calc(50% - 6px); } .hint--top-right:after { -webkit-transform: translateX(0); transform: translateX(0); } .hint--top-right:after { margin-left: -12px; } .hint--top-right:hover:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--top-right:hover:after { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--bottom-left:before { margin-top: -11px; } .hint--bottom-left:before, .hint--bottom-left:after { top: 100%; left: 50% } .hint--bottom-left:before { left: calc(50% - 6px); } .hint--bottom-left:after { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .hint--bottom-left:after { margin-left: 12px; } .hint--bottom-left:hover:before { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--bottom-left:hover:after { -webkit-transform: translateX(-100%) translateY(8px); transform: translateX(-100%) translateY(8px); } .hint--bottom-right:before { margin-top: -11px; } .hint--bottom-right:before, .hint--bottom-right:after { top: 100%; left: 50% } .hint--bottom-right:before { left: calc(50% - 6px); } .hint--bottom-right:after { -webkit-transform: translateX(0); transform: translateX(0); } .hint--bottom-right:after { margin-left: -12px; } .hint--bottom-right:hover:before { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--bottom-right:hover:after { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--small:after, .hint--medium:after, .hint--large:after { white-space: normal; line-height: 1.4em; word-wrap: break-word; } .hint--small:after { width: 80px; } .hint--medium:after { width: 150px; } .hint--large:after { width: 300px; } .hint--always:after, .hint--always:before { opacity: 1; visibility: visible; } .hint--always.hint--top:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--always.hint--top:after { -webkit-transform: translateX(-50%) translateY(-8px); transform: translateX(-50%) translateY(-8px); } .hint--always.hint--top-left:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--always.hint--top-left:after { -webkit-transform: translateX(-100%) translateY(-8px); transform: translateX(-100%) translateY(-8px); } .hint--always.hint--top-right:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--always.hint--top-right:after { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--always.hint--bottom:before { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--always.hint--bottom:after { -webkit-transform: translateX(-50%) translateY(8px); transform: translateX(-50%) translateY(8px); } .hint--always.hint--bottom-left:before { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--always.hint--bottom-left:after { -webkit-transform: translateX(-100%) translateY(8px); transform: translateX(-100%) translateY(8px); } .hint--always.hint--bottom-right:before { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--always.hint--bottom-right:after { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--always.hint--left:before { -webkit-transform: translateX(-8px); transform: translateX(-8px); } .hint--always.hint--left:after { -webkit-transform: translateX(-8px); transform: translateX(-8px); } .hint--always.hint--right:before { -webkit-transform: translateX(8px); transform: translateX(8px); } .hint--always.hint--right:after { -webkit-transform: translateX(8px); transform: translateX(8px); } .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default !important; pointer-events: none; } .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100% } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { -webkit-filter: inherit; filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100% } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100% } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-slider .ui-slider-handle { background-color: #FFF; width: 16px; width: 1rem; height: 16px; height: 1rem; margin-left: -8px; margin-left: -0.5rem; border-radius: 100%; border: 1px solid #ccc; } .ui-slider .ui-slider-handle:focus { outline: none; } .ui-slider.ui-widget-content, .ui-slider .ui-slider-range { height: 6px; height: 0.375rem; } .ui-slider.ui-widget-content { background-color: #ccc; border-radius: 8px; border-radius: 0.5rem; } .ui-slider .ui-slider-range { background-color: #67b7bf; } .ps-container { -ms-touch-action: none; touch-action: none; overflow: hidden !important; -ms-overflow-style: none; } @supports (-ms-overflow-style: none) { .ps-container { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps-container { overflow: auto !important; } } .ps-container.ps-active-x>.ps-scrollbar-x-rail, .ps-container.ps-active-y>.ps-scrollbar-y-rail { display: block; background-color: transparent; } .ps-container.ps-in-scrolling { pointer-events: none; } .ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; } .ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x { background-color: #999; } .ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; } .ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y { background-color: #999; } .ps-container>.ps-scrollbar-x-rail { display: none; position: absolute; opacity: 0; transition: background-color .2s linear, opacity .2s linear; bottom: 0px; height: 15px; } .ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x { position: absolute; background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; bottom: 2px; height: 6px; } .ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x, .ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x { height: 11px; } .ps-container>.ps-scrollbar-y-rail { display: none; position: absolute; opacity: 0; transition: background-color .2s linear, opacity .2s linear; right: 0; width: 15px; } .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y { position: absolute; background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; right: 2px; width: 6px; } .ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y, .ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y { width: 11px; } .ps-container:hover.ps-in-scrolling { pointer-events: none; } .ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; } .ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x { background-color: #999; } .ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; } .ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y { background-color: #999; } .ps-container:hover>.ps-scrollbar-x-rail, .ps-container:hover>.ps-scrollbar-y-rail { opacity: 0.6; } .ps-container:hover>.ps-scrollbar-x-rail:hover { background-color: #eee; opacity: 0.9; } .ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x { background-color: #999; } .ps-container:hover>.ps-scrollbar-y-rail:hover { background-color: #eee; opacity: 0.9; } .ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y { background-color: #999; } .ps-scrollbar-y-rail, .ps-scrollbar-x-rail { background-color: transparent !important; } .zopim.up { margin-bottom: 62px !important; transition: all 0.25s ease-out !important; } @media screen and (max-width: 1024px) { .zopim { bottom: 0px !important; transition: none !important; } } .meshim_widget_components_chatButton_ButtonBar .button_bar { border: 1px solid !important; } @media screen and (max-width: 991px) { .player-displayed { margin-bottom: 62px !important; bottom: 0px !important; transition: all 0.25s ease-out !important; left: 12px !important; margin-right: 0px !important; } } .form-group.auto-width:before, .form-group-slider .scale:before, .task__wire-transfer-bank-accounts:before, .form-group.auto-width:after, .form-group-slider .scale:after, .task__wire-transfer-bank-accounts:after { content: " "; display: table; } .form-group.auto-width:after, .form-group-slider .scale:after, .task__wire-transfer-bank-accounts:after { clear: both; } .hero-catalog-ribbon__container__select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .button.disabled, .button[disabled], .button:disabled, fieldset[disabled] .button, .button-cart.disabled, .button-cart[disabled], .button-cart:disabled, fieldset[disabled] .button-cart, .s.payment-method.is-off, .pop-in.add-to-playlist .pop-in__playlist-add button.disabled, .pop-in.add-to-playlist .pop-in__playlist-add button:disabled, .pop-in.add-to-playlist .pop-in__playlist-add button[disabled], tr.processing { -webkit-filter: gray; filter: gray; filter: grayscale(1); -webkit-filter: grayscale(1); } .fullscreen-hero { background-size: cover; background-position: center center; } .product-summary__play:before, .thumb-list li>div>div:first-child:after, .playlist-pane .playlist-track .play .play-button:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.1; filter: alpha(opacity=10); background-color: #000; content: ""; z-index: 2; } .fullscreen-hero.patterned:after, .hero.patterned .hero-background:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.15; filter: alpha(opacity=15); background: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUY3OEFEMThFODExRTY5Nzc3OTJDNjBBQ0Q3RjhEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVGRUY3OEFFMThFODExRTY5Nzc3OTJDNjBBQ0Q3RjhEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUZFRjc4QUIxOEU4MTFFNjk3Nzc5MkM2MEFDRDdGOEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUZFRjc4QUMxOEU4MTFFNjk3Nzc5MkM2MEFDRDdGOEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4OywPHAAAAFklEQVR42mJgYGD4z0AE+E+hAECAAQD+agT8R5wZHwAAAABJRU5ErkJggg==); content: ""; z-index: 3; } .informational-overlay, .informational-overlay-track-pack, .navigation__mobile-overlay { position: fixed; height: 100%; top: 0; left: 0; right: 0; max-width: 100%; overflow-x: initial; overflow-y: scroll; opacity: 0; filter: alpha(opacity=0); background-color: #000; visibility: hidden; transition: all .3s linear; } .track-featured .cover, .thumb-list li>div, .hero { position: relative; width: 100%; padding-bottom: 100% } .track-featured .cover>div, .processing:before, .task.locked:after, .thumb-list li>div>div:first-child, .thumb-list li>div>div:last-child, .hero-background, .hero-content, .playlist-pane .playlist-track .information .layered-hover, .scheme__ball>div { position: absolute; right: 0; top: 0; left: 0; height: 100% } .fullscreen-hero { position: fixed; height: 100%; top: 0; left: 0; right: 0; } .track__actions, .track-information, .pop-in.add-to-playlist .pop-in__playlist-add, .product-summary, .error-notification, .form-inline-monofield, .form-group-paragraph, .notification__body, .picker-filter, .navigation__mobile-bar, .hero-track__time, .mini-player, .offer__category, .playlist-pane .playlist-picker, .playlist-pane .playlist-track>div:first-child, .scheme__ball>div, .search-module, .testimonials .testimonial, .triptych__title>div, .referral-table-header { display: table; width: 100% } .button>div, .button-icon>div, .button-play>div, .button-price-tag>div, .quantity-picker .minus>div, .quantity-picker .plus>div, .thumb-list li>div>div:last-child>div, .hero-content>div { display: table; width: 100%; height: 100% } .playlist-pane .tabs-nav { display: table; table-layout: fixed; width: 100% } .track__time__waveform, .track__time__duration, .track__time__bpm, .track__cta, .track-information>div, .pop-in.add-to-playlist .pop-in__playlist-add>div, .product-summary__cover, .product-summary__information, .error-notification>div, .form-group-paragraph>div, .notification__body>*, .picker-filter>div, .navigation__mobile-bar .actions, .navigation__mobile-bar .logo-link, .hero-track__duration, .hero-track__running-time, .mini-player__track, .mini-player__actions, .offer__category>div, .playlist-pane .playlist-picker>div, .playlist-pane .playlist-track>div:first-child>div, .scheme__ball>div>div, .search-module>div, .import-contacts-wrap>div, .referral-table-header>div { display: table-cell; vertical-align: middle; } .form-inline-monofield>div { display: table-cell; vertical-align: bottom; } .testimonials .testimonial>div { display: table-cell; vertical-align: top; } .button>div>div, .button-icon>div>div, .button-play>div>div, .button-price-tag>div>div, .quantity-picker .minus>div>div, .quantity-picker .plus>div>div, .thumb-list a, .thumb-list button, .hero-content>div>div, .playlist-pane .tabs-nav li, .triptych__title>div>div { display: table-cell; text-align: center; vertical-align: middle; } .track-information>div { width: 100%; max-width: 50px; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: auto; margin-right: auto; color: inherit; } .button .process, .button-cart .process, .button-cart.bordered.on-blue-background .process, .informational-link .icon, .informational-link-2 .icon, .product-summary__play, .hero-track__action .icon, .playlist-pane .playlist-track .play .play-button { position: absolute; top: 0; left: 0; } .modal-header [data-dismiss="modal"] { position: absolute; top: 0; right: 0; } .hero .link-corner { position: absolute; bottom: 0; right: 0; } .pill:before, .informational-overlay__cover-close, .informational-overlay-track-pack__cover-close { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .hero-track__waveform .button-play { position: absolute; left: 50%; top: 50% } .footer.is-lite { position: fixed; width: 100%; bottom: 0; left: 0; } .triptych__title, .dispatch h2 { border-bottom-width: 1px; border-bottom-width: 0.0625rem; border-bottom-color: #67b7bf; border-bottom-style: solid; } .offer__product .price, .offer__product .old-price { border-bottom-width: 1px; border-bottom-width: 0.0625rem; border-bottom-color: #ccc; border-bottom-style: solid; } .button, .button-icon, .button-play, .button-price-tag, .quantity-picker .minus, .quantity-picker .plus { appearance: none; -moz-appearance: none; -webkit-appearance: none; display: inline-block; vertical-align: middle; line-height: 1.334; position: relative; text-decoration: none; color: #FFF; } .button:hover, .button-icon:hover, .button-play:hover, .button-price-tag:hover, .quantity-picker .minus:hover, .quantity-picker .plus:hover, .button:active, .button-icon:active, .button-play:active, .button-price-tag:active, .quantity-picker .minus:active, .quantity-picker .plus:active, .button:visited, .button-icon:visited, .button-play:visited, .button-price-tag:visited, .quantity-picker .minus:visited, .quantity-picker .plus:visited, .button:focus, .button-icon:focus, .button-play:focus, .button-price-tag:focus, .quantity-picker .minus:focus, .quantity-picker .plus:focus { text-decoration: none; } .button:focus, .button-icon:focus, .button-play:focus, .button-price-tag:focus, .quantity-picker .minus:focus, .quantity-picker .plus:focus { outline: 0; } .is-active.button, .is-active.button-cart, .is-active.button-price-tag { -webkit-animation: button-is-active .4s linear; animation: button-is-active .4s linear; } @-webkit-keyframes button-is-active { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes button-is-active { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .button, .button-cart { background-color: #67b7bf; } .button:hover, .button-cart:hover { background-color: #48a2ab; cursor: pointer; text-decoration: none; } .is-on.button-icon .icon { color: #67b7bf; } .button-icon .icon+.icon, .button-play .icon+.icon { display: none; } .button-icon .icon-data+.icon-data, .button-play .icon-data+.icon-data { display: none; } .is-switched-on.button-icon .icon:first-child, .is-switched-on.button-play .icon:first-child { display: none; } .is-switched-on.button-icon .icon:last-child, .is-switched-on.button-play .icon:last-child { display: inline-block; } .is-switched-on.button-icon .icon-data:first-child, .is-switched-on.button-play .icon-data:first-child { display: none; } .is-switched-on.button-icon .icon-data:last-child, .is-switched-on.button-play .icon-data:last-child { display: inline-block; } .track-featured .cover img, .thumb-list img, .showcase__screen img { width: 100%; height: auto; } .track-information .tags, .hero-track__tags { display: inline; list-style: none; } .track-information .tags>li, .hero-track__tags>li { display: inline; } .track-information .tags>li:after, .hero-track__tags>li:after { content: ', ' } .track-information .tags>li:last-child:after, .hero-track__tags>li:last-child:after { content: '' } .button-price-tag>div>div:last-child span { font-size: 9px; font-size: 0.5625rem; } .button-cart.text-smaller .button-cart-text-container, .pill, .navigation__mobile-bar .actions.secondary .iconic-link span, .cart__total.grand, .not-contractual-ribbon, .credits-table.table-b td span { font-size: 10px; font-size: 0.625rem; } .product-access__subheading span, .base-table__primary span, .base-table__referral-amount span, .button-cart .button-cart-text-container p .secondary, .button-cart .button-cart-text-container .pricing, .track__time__duration, .track__time__bpm, .track-information .artist-name, .track-information .tags, .product-summary__author, .product-summary__additional, .checkbox.certify label, label.error, label.success, .help-block, .form-group-slider .scale span, .catalog-comparison__licenses-row .price-tag span, .catalog-comparison__coverage-row .scale-price, .catalog-comparison-v2__licenses-row .price-tag span, .catalog-comparison-v2__coverage-row .scale-price, .footer .copyright p, .hero-track__duration, .hero-track__running-time, .link-map.discreet .tabs button, .mini-player__track .artist, .player-full .track-container .track-text .artist, .offer__product .price-year, .offer__product .old-price-year, .offer__product .information ul, .playlist-pane .playlist-track>.info, .testimonials .testimonial .function, .referral-earnings .total { font-size: 11px; font-size: 0.6875rem; } .chosen-container .chosen-drop, a.action, .button, .button-price-tag, .pop-in.add-to-playlist .pop-in__playlist-add button, .playlist-pane .tabs-nav li, .playlist-pane .playlist-track .information .layered-hover, .base-table__tertiary, .base-table__state, a.action-discreet, a.action-discreet-color, .button-icon span, .button-price-tag>div>div:last-child span.regular-price, .button-checkbox label, .stroked-heading, .client-space-heading span, p.small, .informational-link, .informational-link-2, .informational-overlay__title, .informational-overlay-track-pack__title, .pop-in, .product-bought, .product-summary, .description-table__archive-download a, .base-table th, .error-notification>div:last-child, legend, .form-group label:not(.error), .label, input[type="file"], .checkbox-button label, .input-vat-country-prefix, .modal-header [data-dismiss="modal"] .icon, .notification__close button .icon, .reseller-csv-error-list, .reseller-csv-format .title, .task__date, .task dl, .thumb-list .icon, .navigation__pane .link, .navigation__pane .secondary .links.second-level li a, .navigation__pane .secondary .links.second-level li button, .navigation__pane .aside-level .iconic-link span, .cart__total.exclude-tax, .cart__total.tax, .cart-after__promocode-trigger, .catalog-comparison__licenses-row .offer-subheading, .catalog-comparison__licenses-row .price-appendix, .catalog-comparison__coverage-row p, .catalog-comparison__coverage-row .icon, .catalog-comparison-v2__licenses-row .offer-subheading, .catalog-comparison-v2__licenses-row .price-appendix, .catalog-comparison-v2__coverage-row p, .catalog-comparison-v2__coverage-row .icon, .footer .link-group-heading, .footer .link-group, .hero .link-corner, .hero-catalog-ribbon__container__tree-item, .hero-catalog-ribbon__container__select select, .hero-catalog-ribbon__container__select:after, .hero-track__tags, .hero-track__action, .hero-track__tease, .link-map .link-group li .more, .offer__product .price span, .offer__product .old-price span, .offer-category, .scheme__ball, .search-module .chosen-container .chosen-results li.group-result, .showcase__author, .showcase__description, .credits-table td:nth-child(3), .credits-table td:nth-child(4), .credits-table.table-b td { font-size: 12px; font-size: 0.75rem; } .button-cart, .informational-block, .button-list.login>li, .pop-in__tooltip, .checkbox label, .checkbox-inline label, .radio label, .radio-inline label, .navigation__pane .secondary .links.second-level.reseller li:first-of-type, .navigation__pane .top-level>li>a, .navigation__pane .aside-level .iconic-link span, .emphasized-ribbon__heading { font-size: 13px; font-size: 0.8125rem; } .chosen-container, .product-access__subheading, .base-table__primary, .base-table__referral-amount, .base-table__secondary, .l-side-menu__navigation__lists>li .heading, .l-side-menu__navigation__list, a.simple, .button-price-tag>div>div:last-child, .client-space-heading a, .asterisk-info, .informational-overlay__list, .informational-overlay p, .informational-overlay-track-pack__list, .informational-overlay-track-pack p, .track-information .title, .pop-in__heading, .pop-in__links, .pop-in.add-to-playlist .pop-in__playlist-add input, .product-access__heading, .mobile-tease__headline, .product-bought__use span, .product-summary__product, .description-table, .search-filter__lists>li .heading, .search-filter__list, .form-control, .modal-body, .modal .informations .button-checkbox .content-displaying, .modal-content.licence-default-choice .modal-body>p, .notification__text, .picker-list .hitbox, .referral-subscription-container p:last-of-type, .widget .content ul>li .infos p, .widget .content ul>li .actions p, .widget[catalog][track-pack] header>div .secondary-container .remaining-tracks, .cart, .catalog-comparison__licenses-row .price-tag, .catalog-comparison-v2__licenses-row .price-tag, .hero-in-store-ribbon p, .hero-track__artist-name, .mini-player__track .title, .player-full .track-container .track-text .title, .offer__product.licence .body h3 div, .offer__product.trackpacks .pack-displaying .pack h3 div, .offer__product.exclusive .exclusive-offer .pack h3 div, .offer__product .information p, .offer-subheading, .playlist-pane .tabs-content .informational, .promocode-ribbon_countdown .item .unit, .search-module .chosen-container .chosen-results li, .credits-table th, .credit-perks, .paypal-change { font-size: 14px; font-size: 0.875rem; } .section-sub-menu .sub-menu li { font-size: 15px; font-size: 0.9375rem; } .button-cart.small .button-cart-text-container .pricing span, .heading.h2, .product-bought__title, .form-control.branded, .form-control.discreet, .form-checkbox-buttons-group__expand-trigger, .modal-title, .quantity-picker .field, .widget[referrals] .referral-subscription-container>p, .widget[referrals] .referral-subscription-container[expired] .expired-text, .catalog-comparison__coverage-row .heading, .catalog-comparison-v2__coverage-row .heading, .emphasized-ribbon__contact-item .data, .hero p, .pagination a, .pagination span:not(.pager-gap), .promocode-ribbon, .scheme__link-money, .credits-table td:nth-child(4) span, .dispatch h2 { font-size: 16px; font-size: 1rem; } .container.max-width .client-space-heading, .section header h1, .section header h2, .triptych__category, .triptych__upside-title, .offer__product.trackpacks .pack-selector .pack .discount, .heading.overlay+h2, .client-space-heading, .modal-content.licence-default-choice .modal-body .track-pack, .quantity-picker .minus, .quantity-picker .plus, .quantity-picker.large .field, .section header .cta-info, .section .bigger, .offer__product.exclusive .exclusive-offer .pack .offer-heading, .offer-heading, .triptych__title, #page-myaccount-dashboard-v2 .client-space-heading { font-size: 18px; font-size: 1.125rem; } .l-side-menu__navigation__heading, .informational-overlay__heading, .informational-overlay-track-pack__heading, .search-filter__heading, .offer__product.licence .body .offer-heading, .offer__product.trackpacks .pack-displaying .pack .offer-heading, .slides-content .slide__caption h2 { font-size: 20px; font-size: 1.25rem; } .widget header h1 { font-size: 22px; font-size: 1.375rem; } .funnel-heading, .mobile-tease__headline span, .quantity-picker.large .minus, .quantity-picker.large .plus, .task__heading, .hero-track__title, .offer__product.trackpacks .pack-displaying .pack h3, .showcase__title { font-size: 24px; font-size: 1.5rem; } .modal-content.licence-default-choice .modal-header .modal-title, .emphasized-ribbon__heading div, .offer__product.trackpacks .pack-selector .pack .discount .discount-amount, .slides-content .slide__caption h1 { font-size: 28px; font-size: 1.75rem; } .offer__product.licence .body h3 { font-size: 30px; font-size: 1.875rem; } .heading, .funnel-heading.large, .offer__product.exclusive .exclusive-offer .pack h3, .promocode-ribbon_countdown .item .value, .referral-earnings .total span { font-size: 32px; font-size: 2rem; } a.action, .button, .button-price-tag, .pop-in.add-to-playlist .pop-in__playlist-add button, .playlist-pane .tabs-nav li, .playlist-pane .playlist-track .information .layered-hover, .button-cart, a.action-discreet, a.action-discreet-color, .button-price-tag>div>div:last-child, .stroked-heading, .button-list.login>li, legend, .form-group label:not(.error), .label, .catalog-comparison__licenses-row .price-tag, .catalog-comparison-v2__licenses-row .price-tag, .pagination a, .pagination span:not(.pager-gap), .scheme>*, .scheme__ball { letter-spacing: 1px; letter-spacing: 0.0625rem; } a.action, .button, .button-price-tag, .pop-in.add-to-playlist .pop-in__playlist-add button, .playlist-pane .tabs-nav li, .playlist-pane .playlist-track .information .layered-hover { font-family: "futurademi", Arial, sans-serif; text-transform: uppercase; text-decoration: none; } .button-cart { font-family: "futurademi", Arial, sans-serif; text-transform: uppercase; text-decoration: none; color: #FFF; } .button-checkbox label, .checkbox-button label, .picker-list .hitbox, .playlist-pane .playlist-track .information .layered-hover { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .hero-track__information a:link, .hero-track__information a:visited { text-decoration: none; color: inherit; } .hero-track__information a:hover, .hero-track__information a:active { text-decoration: underline; } .informational-block__perks li:before, .modal-body ul.bullet li:before, .triptych__fact:before { font-family: "jamendo-all-icons"; content: ""; padding-right: 4px; padding-right: 0.25rem; -webkit-transform: translateY(-1px); transform: translateY(-1px); display: inline-block; line-height: 1; font-size: 16px; font-size: 1rem; vertical-align: middle; } .base-table th.sortable:after { font-family: "jamendo-all-icons"; content: ""; padding-left: 4px; padding-left: 0.25rem; -webkit-transform: translateY(-1px); transform: translateY(-1px); display: inline-block; line-height: 1; font-size: 16px; font-size: 1rem; vertical-align: middle; } .product-bought__project, .product-summary__information>div, .mini-player__track>div { display: table; table-layout: fixed; width: 100% } .product-bought__project>div, .product-summary__information>div>div, .mini-player__track>div>div { display: table-cell; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } label { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .heading.overlay, .heading.overlay+h2, .thumb-list h2, .hero p, .dispatch h2, .dispatch p { -webkit-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4); -moz-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4); -ms-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4); -o-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4); text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4); } .base-table__tertiary { color: gray; } .product-access__subheading, .base-table__primary, .base-table__referral-amount { color: #4d4d4d; } .product-access__subheading span, .base-table__primary span, .base-table__referral-amount span { color: gray; } .base-table__state { color: #67b7bf; font-family: "futurademi", Arial, sans-serif; text-transform: uppercase; } .base-table__secondary { color: gray; } .section header h1, .section header h2, .triptych__category, .triptych__upside-title { color: #67b7bf; text-transform: uppercase; font-family: "futurademi", Arial, sans-serif; } @-webkit-keyframes move-from-top-opacity { 0% { top: 50px; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); } 100% { top: 100%; opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes move-from-top-opacity { 0% { top: 50px; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); } 100% { top: 100%; opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in { margin-left: 0; margin-top: 7px; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in>* { font-family: "futurabook", Arial, sans-serif; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul { padding: 0.5rem 0; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul li { line-height: 2; padding: 0 8px; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul li a { display: block; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul li a:hover { background-color: #4d4d4d; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in.white-rounded-shadow ul li { padding: 0; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in.white-rounded-shadow ul li a { text-decoration: none; text-transform: none; text-align: left; color: #646464; margin: 2px 10px; padding: 5px 0px 5px 10px; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in.white-rounded-shadow ul li a:hover { background-color: #ebebeb; } .button-checkbox.pop-in-expand input[type="checkbox"], .button-checkbox.pop-in-expand input[type="radio"] { display: none; } .button-checkbox.pop-in-expand input[type="checkbox"]:checked+label, .button-checkbox.pop-in-expand input[type="radio"]:checked+label { color: #67b7bf; } .button-checkbox.pop-in-expand input[type="checkbox"]:checked~.pop-in-wrapper, .button-checkbox.pop-in-expand input[type="radio"]:checked~.pop-in-wrapper { display: block; } .checkbox-multi-display .content { display: inline-block; } .checkbox-multi-display .content label { width: 160px; } .checkbox-multi-display .content label .icon { display: inline-block; position: relative; transition: -webkit-transform 0.3s; transition: transform 0.3s; } .checkbox-multi-display .content label .icon::before { position: absolute; top: 4px; right: -3px; } .checkbox-multi-display input[type="checkbox"], .checkbox-multi-display input[type="radio"] { display: none; } .checkbox-multi-display input[type="checkbox"]~section .content-displaying, .checkbox-multi-display input[type="radio"]~section .content-displaying { max-height: 0; transition: max-height 0.6s cubic-bezier(0, 1, 0, 1); display: block; overflow: hidden; } .checkbox-multi-display input[type="checkbox"]:checked~section .content-displaying, .checkbox-multi-display input[type="radio"]:checked~section .content-displaying { max-height: 999px; transition: max-height 0.6s cubic-bezier(1, 0, 1, 0); } .checkbox-multi-display input[type="checkbox"]:checked~section label, .checkbox-multi-display input[type="radio"]:checked~section label { background-color: #FFF; color: #67b7bf; } .checkbox-multi-display input[type="checkbox"]:checked~section label .icon, .checkbox-multi-display input[type="radio"]:checked~section label .icon { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate(7px, -1px) rotate(90deg); transform: translate(7px, -1px) rotate(90deg); } .checkbox-multi-display input[type="checkbox"]:checked~section label .icon::before, .checkbox-multi-display input[type="radio"]:checked~section label .icon::before { right: -6px; } .section.container input#checker[type="checkbox"] { display: none; } .section.container input#checker[type="checkbox"]~.offer .content-displaying { max-height: 0; transition: max-height 0.6s cubic-bezier(0, 1, 0, 1); display: block; overflow: hidden; } .section.container input#checker[type="checkbox"]:checked~.offer .content-displaying { max-height: 999px; transition: max-height 0.6s cubic-bezier(1, 0, 1, 0); } .section.container input#checker[type="checkbox"]:checked~.offer label { background-color: transparent; color: #67b7bf; } .section.container input#checker[type="checkbox"]:checked~.offer label .icon { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate(7px, -1px) rotate(90deg); transform: translate(7px, -1px) rotate(90deg); } .section.container input#checker[type="checkbox"]:checked~.offer label .icon::before { right: -6px; } .tgl { display: none; } .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl+.tgl-btn { box-sizing: border-box; } .tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl+.tgl-btn::-moz-selection { background: none; } .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl+.tgl-btn::selection { background: none; } .tgl+.tgl-btn { outline: 0; display: block; width: 4em; height: 2em; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .tgl+.tgl-btn:after, .tgl+.tgl-btn:before { position: relative; display: block; content: ""; width: 50%; height: 100% } .tgl+.tgl-btn:after { left: 0; } .tgl+.tgl-btn:before { display: none; } .tgl:checked+.tgl-btn:after { left: 50% } .tgl-light+.tgl-btn { background: #b3b3b3; border-radius: 2em; padding: 2px; transition: all .4s ease; } .tgl-light+.tgl-btn:after { border-radius: 50%; background: #fff; transition: all .2s ease; } .tgl-light:checked+.tgl-btn { background: #67b7bf; } .toggle_radio { position: relative; background-color: #67b7bf; margin: 4px auto; overflow: hidden; padding: 0 !important; border-radius: 50px; position: relative; height: 30px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .toggle_radio>* { float: left; } .toggle_radio input[type=radio] { display: none; } .toggle_radio #first_toggle:checked~.toggle_option_slider { background-color: #afd9dd; left: 3px; width: 42% } .toggle_radio #second_toggle:checked~.toggle_option_slider { background-color: #afd9dd; left: calc(42%+6px); width: 23% } .toggle_radio #third_toggle:checked~.toggle_option_slider { background-color: #afd9dd; left: calc(65%+15px); width: 28% } .toggle_radio .toggle_option_slider { width: 100px; height: 24px; position: absolute; top: 3px; border-radius: 50px; transition: all .4s ease; background-color: rgba(255, 255, 255, 0.3); } .toggle_radio label, .toggle_radio .button-checkbox label { color: rgba(255, 255, 255, 0.9); z-index: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto; height: 24px; margin: 3px 3px; -webkit-border-radius: 50px; border: 1px solid rgba(0, 0, 0, 0.15) !important; border-radius: 50px; cursor: pointer; z-index: 1; text-align: center; } .toggle_radio label p, .toggle_radio .button-checkbox label p { margin: 0; text-align: center; width: 100%; color: #FFF; text-transform: initial; } .button-checkbox.default label { color: #b3b3b3; } .button-burger { display: inline-block; } .button-burger input[type="checkbox"] { display: none; } .button-burger label { margin: 0; line-height: 1; } .button-burger.no-border label { background-color: transparent; color: #67b7bf; border: none; padding: 0; text-align: left; } .button-burger.no-border input[type="checkbox"] { display: none; } .button-burger.no-border input[type="checkbox"]:checked+label { background-color: transparent !important; color: #67b7bf; } .button-burger.no-border input[type="checkbox"]:checked~.content-displaying { display: block; } .button-burger .hamburger { padding: 12px 11px; display: inline-block; cursor: pointer; transition-property: opacity, -webkit-filter, opacity, filter; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; line-height: 0.6; } .button-burger .hamburger:hover { opacity: 0.7; } .button-burger .hamburger-box { width: 18px; height: 16px; display: inline-block; position: relative; } .button-burger .hamburger-inner { display: block; top: 50%; margin-top: -1px; } .button-burger .hamburger-inner, .button-burger .hamburger-inner::before, .button-burger .hamburger-inner::after { width: 18px; height: 2px; background-color: #fff; border-radius: 4px; position: absolute; transition-property: -webkit-transform; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .button-burger .hamburger-inner::before, .button-burger .hamburger-inner::after { content: ""; display: block; } .button-burger .hamburger-inner::before { top: -7px; } .button-burger .hamburger-inner::after { bottom: -7px; } .button-burger .hamburger--elastic-r .hamburger-inner { top: 1px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .button-burger .hamburger--elastic-r .hamburger-inner::before { top: 7px; transition: opacity 0.125s 0.275s ease; } .button-burger .hamburger--elastic-r .hamburger-inner::after { top: 14px; transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .button-burger input[type="checkbox"]:checked+label { background-color: #FFF; color: #67b7bf; } .button-burger input[type="checkbox"]:checked+label .hamburger--elastic-r { background-color: #8bc8ce; border-radius: 50%; transition: background-color .10s linear; } .button-burger input[type="checkbox"]:checked+label .hamburger--elastic-r:hover { opacity: 1; background-color: rgba(139, 200, 206, 0.7); } .button-burger input[type="checkbox"]:checked+label .hamburger--elastic-r .hamburger-box .hamburger-inner { -webkit-transform: translate3d(0, 7px, 0) rotate(-135deg); transform: translate3d(0, 7px, 0) rotate(-135deg); transition-delay: 0.075s; } .button-burger input[type="checkbox"]:checked+label .hamburger--elastic-r .hamburger-box .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .button-burger input[type="checkbox"]:checked+label .hamburger--elastic-r .hamburger-box .hamburger-inner::after { -webkit-transform: translate3d(0, -14px, 0) rotate(270deg); transform: translate3d(0, -14px, 0) rotate(270deg); transition-delay: 0.075s; } @media only screen and (max-width: 768px) { .button-burger .hamburger: hover { opacity: 1; } .button-burger input[type="checkbox"]:checked+label .hamburger--elastic-r:hover { opacity: 1; } } .heading { font-weight: "futurabook", Arial, sans-serif; line-height: 1.2; display: block; text-align: center; margin-bottom: 0; } .heading.left { text-align: left; } .heading.add { font-size: 44px; font-size: 2.75rem; font-family: "futurademi", Arial, sans-serif; } @media only screen and (max-width: 992px) { .heading.add { font-size: 32px; font-size: 2rem; } } .heading.h2 { margin-top: 8px; margin-top: 0.5rem; margin-bottom: 32px; margin-bottom: 2rem; font-family: "futurademi", Arial, sans-serif; display: block; line-height: 1.2; } .heading.h2.grey { color: gray; } .heading.overlay { color: #FFF; } .heading.overlay .main-title { display: block; text-transform: uppercase; margin-top: 12px; } .heading.overlay+h2 { color: #FFF; font-family: "futurademi", Arial, sans-serif; line-height: 1.2; margin-top: 4px; margin-top: 0.25rem; } .heading.overlay+h2.space-top { margin-top: 12px; margin-top: 0.75rem; } @media only screen and (min-width: 768px) { .heading { font-size: 28px; font-size: 1.75rem; } } @media only screen and (min-width: 992px) { .heading { font-size: 40px; font-size: 2.5rem; } .heading .main-title { font-size: 48px; font-size: 3rem; } .heading.overlay+h2 { font-size: 21.6px; font-size: 1.35rem; } } @media only screen and (min-width: 1200px) { .heading { font-size: 48px; font-size: 3rem; } .heading .main-title { font-size: 56px; font-size: 3.5rem; } .heading.h2 { margin-top: 10px; } } .funnel-heading { font-family: "futurademi", Arial, sans-serif; color: #67b7bf; margin: 48px 0 16px; margin: 3rem 0 1rem; } .funnel-heading.large { text-align: center; } .funnel-heading.discreet { color: #999; } .stroked-heading { position: relative; text-align: center; padding: 0 16px; padding: 0 1rem; margin-top: 48px; margin-top: 3rem; } .stroked-heading span { background-color: #FFF; display: inline-block; padding: 0 8px; padding: 0 0.5rem; } .client-space-heading { padding: 0 0 16px; padding: 0 0 1rem; margin-bottom: 32px; margin-bottom: 2rem; border-bottom: 1px solid #ccc; } .client-space-heading:not(:first-child) { margin-top: 64px; margin-top: 4rem; } .client-space-heading span { color: #67b7bf; } .client-space-heading a, .client-space-heading button { float: right; } hr { border: 0; height: 1px; background: #ccc; margin: 48px 0; margin: 3rem 0; } hr[rounded] { background-color: #66B6BE; border: 1px solid #66B6BE; border-radius: 7px 7px 7px 7px; height: 2px; width: 100%; margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 20px; } hr[bottom-0] { margin-bottom: 0; } h1[underline-rounded], h2[underline-rounded], h3[underline-rounded], h4[underline-rounded], h5[underline-rounded], h6[underline-rounded] { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: auto; margin-right: auto; } .hint--custom::before { display: none; } .hint--custom::after { color: white; border-radius: 5px 5px 5px 5px; background: #838282; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } .hint--bottom.hint--custom::after { box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.25); } .hint--top-left.hint--custom::after { left: 0%; border-radius: 5px 5px 0px 5px; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); margin-left: 0; } .hint--top-right.hint--custom::after { left: 100%; border-radius: 5px 5px 5px 0px; margin-left: 0; } .hint--bottom-left.hint--custom::after { left: 0%; border-radius: 5px 0px 5px 5px; box-shadow: 4px -4px 4px rgba(0, 0, 0, 0.25); margin-left: 0; } .hint--bottom-right.hint--custom::after { left: 100%; border-radius: 0px 5px 5px 5px; box-shadow: -4px -4px 4px rgba(0, 0, 0, 0.25); margin-left: 0; } .icon-data { position: relative; display: inline-block; font-family: "jamendo-all-icons"; font-style: normal; font-weight: 400; text-transform: none; text-transform: none; line-height: 1; } .icon { color: inherit; position: relative; display: inline-block; font-family: "jamendo-all-icons"; font-style: normal; font-weight: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-transform: none; font-size: 16px; font-size: 1rem; height: 16px; height: 1rem; width: 16px; width: 1rem; line-height: 1; speak: none; } .icon.red { color: red; } .icon.big { font-size: 40px; font-size: 2.5rem; height: 40px; height: 2.5rem; width: 40px; width: 2.5rem; } .icon.large { font-size: 32px; font-size: 2rem; height: 32px; height: 2rem; width: 32px; width: 2rem; } .icon.medium-large { font-size: 28px; font-size: 1.75rem; height: 28px; height: 1.75rem; width: 28px; width: 1.75rem; } .icon.medium { font-size: 24px; font-size: 1.5rem; height: 24px; height: 1.5rem; width: 24px; width: 1.5rem; } .icon.medium-small { font-size: 22px; font-size: 1.375rem; height: 22px; height: 1.375rem; width: 22px; width: 1.375rem; } .icon.small { font-size: 12px; font-size: 0.75rem; height: 12px; height: 0.75rem; width: 12px; width: 0.75rem; } .icon-add-to-playlist:before { content: "" } .icon-add-thin:before { content: "" } .icon-album:before { content: "" } .icon-camera:before { content: "" } .icon-chevron-thiner:before { content: "" } .icon-clockwise:before { content: "" } .icon-comment-2:before { content: "" } .icon-counterclockwise:before { content: "" } .icon-cross-delete-2:before { content: "" } .icon-cross-delete-full:before { content: "" } .icon-date:before { content: "" } .icon-duration:before { content: "" } .icon-edit-rounded:before { content: "" } .icon-external-link:before { content: "" } .icon-flag:before { content: "" } .icon-follow:before { content: "" } .icon-go-to:before { content: "" } .icon-go-to-light:before { content: "" } .icon-handle:before { content: "" } .icon-hexagon-mask:before { content: "" } .icon-info-full-new2:before { content: "" } .icon-info-new2:before { content: "" } .icon-lock:before { content: "" } .icon-music-listened:before { content: "" } .icon-pause-rounded:before { content: "" } .icon-phone:before { content: "" } .icon-picture:before { content: "" } .icon-playlist:before { content: "" } .icon-playlist-access:before { content: "" } .icon-play-next:before { content: "" } .icon-play-stroke:before { content: "" } .icon-play-stroke-full:before { content: "" } .icon-profile:before { content: "" } .icon-queue-access:before { content: "" } .icon-remove-from-playlist:before { content: "" } .icon-send:before { content: "" } .icon-sort-full:before { content: "" } .icon-sort-stroke:before { content: "" } .icon-thumbs-down:before { content: "" } .icon-thumbs-up:before { content: "" } .icon-triangle-fill:before { content: "" } .icon-triangle-full:before { content: "" } .icon-too-old:before { content: "" } .icon-undo:before { content: "" } .icon-video-bold:before { content: "" } .icon-vk:before { content: "" } .icon-volume-minus:before { content: "" } .icon-add:before { content: "" } .icon-add-to-queue:before { content: "" } .icon-alert-full:before { content: "" } .icon-alert-line:before { content: "" } .icon-archive:before { content: "" } .icon-arrow-bullet:before { content: "" } .icon-breadcrumb:before { content: "" } .icon-cart:before { content: "" } .icon-cart-new:before { content: "" } .icon-cart-new2:before { content: "" } .icon-cart-new2-add:before { content: "" } .icon-cart-new2-added:before { content: "" } .icon-cart-new-add:before { content: "" } .icon-cc:before { content: "" } .icon-cc-by:before { content: "" } .icon-cc-nc:before { content: "" } .icon-cc-nd:before { content: "" } .icon-cc-sa:before { content: "" } .icon-certificate:before { content: "" } .icon-check:before { content: "" } .icon-checkbox-checked-bordered:before { content: "" } .icon-checkbox-checked-plain:before { content: "" } .icon-checkbox-unchecked:before { content: "" } .icon-chevron-down:before { content: "" } .icon-chevron-left:before { content: "" } .icon-chevron-new2:before { content: "" } .icon-chevron-right:before { content: "" } .icon-chevron-up:before { content: "" } .icon-close:before { content: "" } .icon-comment:before { content: "" } .icon-copy:before { content: "" } .icon-credit-card-back:before { content: "" } .icon-credit-card-front:before { content: "" } .icon-cross-delete:before { content: "" } .icon-download:before { content: "" } .icon-download-thin:before { content: "" } .icon-edit:before { content: "" } .icon-error-4xx:before { content: "" } .icon-error-5xx:before { content: "" } .icon-facebook:before { content: "" } .icon-facebook-f:before { content: "" } .icon-fast-backward:before { content: "" } .icon-fast-forward:before { content: "" } .icon-filter:before { content: "" } .icon-globe:before { content: "" } .icon-heart:before { content: "" } .icon-heart-on:before { content: "" } .icon-hexagon:before { content: "" } .icon-hexagon-on:before { content: "" } .icon-history:before { content: "" } .icon-home:before { content: "" } .icon-info-full-new21:before { content: "" } .icon-info-new21:before { content: "" } .icon-information:before { content: "" } .icon-instagram:before { content: "" } .icon-licence-lt_large_x:before { content: "" } .icon-licence-lt_personal_x:before { content: "" } .icon-licence-lt_standard_x:before { content: "" } .icon-link:before { content: "" } .icon-linkedin:before { content: "" } .icon-mail:before { content: "" } .icon-menu:before { content: "" } .icon-menu-secondary:before { content: "" } .icon-menu-tradingdesk:before { content: "" } .icon-messenger:before { content: "" } .icon-music-note:before { content: "" } .icon-mute:before { content: "" } .icon-my-music-tradingdesk:before { content: "" } .icon-my-music-tradingdesk2:before { content: "" } .icon-next:before { content: "" } .icon-pause:before { content: "" } .icon-pdf:before { content: "" } .icon-phone1:before { content: "" } .icon-play:before { content: "" } .icon-previous:before { content: "" } .icon-queue:before { content: "" } .icon-radio-checked-chevron:before { content: "" } .icon-radio-checked-chevron-plain:before { content: "" } .icon-radio-checked-round:before { content: "" } .icon-radio-unchecked:before { content: "" } .icon-reddit:before { content: "" } .icon-refine:before { content: "" } .icon-remove:before { content: "" } .icon-repeat:before { content: "" } .icon-repeat-one:before { content: "" } .icon-repost:before { content: "" } .icon-sad:before { content: "" } .icon-search:before { content: "" } .icon-share:before { content: "" } .icon-share-stroke:before { content: "" } .icon-share-video:before { content: "" } .icon-shuffle:before { content: "" } .icon-similar:before { content: "" } .icon-skip-next:before { content: "" } .icon-skip-previous:before { content: "" } .icon-sort:before { content: "" } .icon-sound:before { content: "" } .icon-streaming:before { content: "" } .icon-trash:before { content: "" } .icon-twitter:before { content: "" } .icon-user:before { content: "" } .icon-user-new2:before { content: "" } .icon-video:before { content: "" } .icon-volume:before { content: "" } .icon-warning:before { content: "" } .icon-wrong:before { content: "" } .icon-youtube:before { content: "" } .icon-add-to-playlist-s:before { content: "" } .icon-add-to-queue-s:before { content: "" } .icon-close-s:before { content: "" } .icon-comment-s:before { content: "" } .icon-date-s:before { content: "" } .icon-download-s:before { content: "" } .icon-duration-s:before { content: "" } .icon-external-link-s:before { content: "" } .icon-flag-s:before { content: "" } .icon-follow-s:before { content: "" } .icon-handle-s:before { content: "" } .icon-heart-on-s:before { content: "" } .icon-lock-s:before { content: "" } .icon-menu-secondary-s:before { content: "" } .icon-pause-s:before { content: "" } .icon-picture-s:before { content: "" } .icon-playlist-access-s:before { content: "" } .icon-queue-access-s:before { content: "" } .icon-repost-s:before { content: "" } .icon-send-s:before { content: "" } .icon-share-s:before { content: "" } .icon-sort-s:before { content: "" } .icon-thumbs-down-s:before { content: "" } .icon-thumbs-up-s:before { content: "" } .icon-play-s:before { content: "" } .icon-user-s:before { content: "" } .icon-data-add-to-playlist:before { content: "" } .icon-data-add-thin:before { content: "" } .icon-data-album:before { content: "" } .icon-data-camera:before { content: "" } .icon-data-chevron-thiner:before { content: "" } .icon-data-clockwise:before { content: "" } .icon-data-comment-2:before { content: "" } .icon-data-counterclockwise:before { content: "" } .icon-data-cross-delete-2:before { content: "" } .icon-data-cross-delete-full:before { content: "" } .icon-data-date:before { content: "" } .icon-data-duration:before { content: "" } .icon-data-edit-rounded:before { content: "" } .icon-data-external-link:before { content: "" } .icon-data-flag:before { content: "" } .icon-data-follow:before { content: "" } .icon-data-go-to:before { content: "" } .icon-data-go-to-light:before { content: "" } .icon-data-handle:before { content: "" } .icon-data-hexagon-mask:before { content: "" } .icon-data-info-full-new2:before { content: "" } .icon-data-info-new2:before { content: "" } .icon-data-lock:before { content: "" } .icon-data-music-listened:before { content: "" } .icon-data-pause-rounded:before { content: "" } .icon-data-phone:before { content: "" } .icon-data-picture:before { content: "" } .icon-data-playlist:before { content: "" } .icon-data-playlist-access:before { content: "" } .icon-data-play-next:before { content: "" } .icon-data-play-stroke:before { content: "" } .icon-data-play-stroke-full:before { content: "" } .icon-data-profile:before { content: "" } .icon-data-queue-access:before { content: "" } .icon-data-remove-from-playlist:before { content: "" } .icon-data-send:before { content: "" } .icon-data-sort-full:before { content: "" } .icon-data-sort-stroke:before { content: "" } .icon-data-thumbs-down:before { content: "" } .icon-data-thumbs-up:before { content: "" } .icon-data-triangle-fill:before { content: "" } .icon-data-triangle-full:before { content: "" } .icon-data-too-old:before { content: "" } .icon-data-undo:before { content: "" } .icon-data-video-bold:before { content: "" } .icon-data-vk:before { content: "" } .icon-data-volume-minus:before { content: "" } .icon-data-add:before { content: "" } .icon-data-add-to-queue:before { content: "" } .icon-data-alert-full:before { content: "" } .icon-data-alert-line:before { content: "" } .icon-data-archive:before { content: "" } .icon-data-arrow-bullet:before { content: "" } .icon-data-breadcrumb:before { content: "" } .icon-data-cart:before { content: "" } .icon-data-cart-new:before { content: "" } .icon-data-cart-new2:before { content: "" } .icon-data-cart-new2-add:before { content: "" } .icon-data-cart-new2-added:before { content: "" } .icon-data-cart-new-add:before { content: "" } .icon-data-cc:before { content: "" } .icon-data-cc-by:before { content: "" } .icon-data-cc-nc:before { content: "" } .icon-data-cc-nd:before { content: "" } .icon-data-cc-sa:before { content: "" } .icon-data-certificate:before { content: "" } .icon-data-check:before { content: "" } .icon-data-checkbox-checked-bordered:before { content: "" } .icon-data-checkbox-checked-plain:before { content: "" } .icon-data-checkbox-unchecked:before { content: "" } .icon-data-chevron-down:before { content: "" } .icon-data-chevron-left:before { content: "" } .icon-data-chevron-new2:before { content: "" } .icon-data-chevron-right:before { content: "" } .icon-data-chevron-up:before { content: "" } .icon-data-close:before { content: "" } .icon-data-comment:before { content: "" } .icon-data-copy:before { content: "" } .icon-data-credit-card-back:before { content: "" } .icon-data-credit-card-front:before { content: "" } .icon-data-cross-delete:before { content: "" } .icon-data-download:before { content: "" } .icon-data-download-thin:before { content: "" } .icon-data-edit:before { content: "" } .icon-data-error-4xx:before { content: "" } .icon-data-error-5xx:before { content: "" } .icon-data-facebook:before { content: "" } .icon-data-facebook-f:before { content: "" } .icon-data-fast-backward:before { content: "" } .icon-data-fast-forward:before { content: "" } .icon-data-filter:before { content: "" } .icon-data-globe:before { content: "" } .icon-data-heart:before { content: "" } .icon-data-heart-on:before { content: "" } .icon-data-hexagon:before { content: "" } .icon-data-hexagon-on:before { content: "" } .icon-data-history:before { content: "" } .icon-data-home:before { content: "" } .icon-data-info-full-new21:before { content: "" } .icon-data-info-new21:before { content: "" } .icon-data-information:before { content: "" } .icon-data-instagram:before { content: "" } .icon-data-licence-lt_large_x:before { content: "" } .icon-data-licence-lt_personal_x:before { content: "" } .icon-data-licence-lt_standard_x:before { content: "" } .icon-data-link:before { content: "" } .icon-data-linkedin:before { content: "" } .icon-data-mail:before { content: "" } .icon-data-menu:before { content: "" } .icon-data-menu-secondary:before { content: "" } .icon-data-menu-tradingdesk:before { content: "" } .icon-data-messenger:before { content: "" } .icon-data-music-note:before { content: "" } .icon-data-mute:before { content: "" } .icon-data-my-music-tradingdesk:before { content: "" } .icon-data-my-music-tradingdesk2:before { content: "" } .icon-data-next:before { content: "" } .icon-data-pause:before { content: "" } .icon-data-pdf:before { content: "" } .icon-data-phone1:before { content: "" } .icon-data-play:before { content: "" } .icon-data-previous:before { content: "" } .icon-data-queue:before { content: "" } .icon-data-radio-checked-chevron:before { content: "" } .icon-data-radio-checked-chevron-plain:before { content: "" } .icon-data-radio-checked-round:before { content: "" } .icon-data-radio-unchecked:before { content: "" } .icon-data-reddit:before { content: "" } .icon-data-refine:before { content: "" } .icon-data-remove:before { content: "" } .icon-data-repeat:before { content: "" } .icon-data-repeat-one:before { content: "" } .icon-data-repost:before { content: "" } .icon-data-sad:before { content: "" } .icon-data-search:before { content: "" } .icon-data-share:before { content: "" } .icon-data-share-stroke:before { content: "" } .icon-data-share-video:before { content: "" } .icon-data-shuffle:before { content: "" } .icon-data-similar:before { content: "" } .icon-data-skip-next:before { content: "" } .icon-data-skip-previous:before { content: "" } .icon-data-sort:before { content: "" } .icon-data-sound:before { content: "" } .icon-data-streaming:before { content: "" } .icon-data-trash:before { content: "" } .icon-data-twitter:before { content: "" } .icon-data-user:before { content: "" } .icon-data-user-new2:before { content: "" } .icon-data-video:before { content: "" } .icon-data-volume:before { content: "" } .icon-data-warning:before { content: "" } .icon-data-wrong:before { content: "" } .icon-data-youtube:before { content: "" } .icon-data-add-to-playlist-s:before { content: "" } .icon-data-add-to-queue-s:before { content: "" } .icon-data-close-s:before { content: "" } .icon-data-comment-s:before { content: "" } .icon-data-date-s:before { content: "" } .icon-data-download-s:before { content: "" } .icon-data-duration-s:before { content: "" } .icon-data-external-link-s:before { content: "" } .icon-data-flag-s:before { content: "" } .icon-data-follow-s:before { content: "" } .icon-data-handle-s:before { content: "" } .icon-data-heart-on-s:before { content: "" } .icon-data-lock-s:before { content: "" } .icon-data-menu-secondary-s:before { content: "" } .icon-data-pause-s:before { content: "" } .icon-data-picture-s:before { content: "" } .icon-data-playlist-access-s:before { content: "" } .icon-data-queue-access-s:before { content: "" } .icon-data-repost-s:before { content: "" } .icon-data-send-s:before { content: "" } .icon-data-share-s:before { content: "" } .icon-data-sort-s:before { content: "" } .icon-data-thumbs-down-s:before { content: "" } .icon-data-thumbs-up-s:before { content: "" } .icon-data-play-s:before { content: "" } .icon-data-user-s:before { content: "" } .icon-information:hover { cursor: pointer; } .icon-bell { background-image: url(https://images.jamendo.com/jamendolicensing/icon/bell-white.svg); background-repeat: no-repeat; } .icon-shape { border: 3px solid #67b7bf; background-color: #67b7bf; width: 24px; height: 24px; border-radius: 50%; margin: 0 auto; display: block; position: relative; } .icon-shape::after { content: ""; display: block; position: absolute; } .icon-shape.checked::after { top: 2px; left: 5px; width: 7px; height: 12px; border: solid #FFF; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .loader { width: 24px; width: 1.5rem; height: 24px; height: 1.5rem; display: none; margin: 0 auto; } .loader span { width: 4px; width: 0.25rem; height: 4px; height: 0.25rem; margin: 0 2px; margin: 0 0.125rem; background-color: #67b7bf; float: left; } .loader span:last-child { margin-right: 0; } .loader span:nth-child(1) { -webkit-animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite 0s; animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite 0s; } .loader span:nth-child(2) { -webkit-animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite -0.2s; animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite -0.2s; } .loader span:nth-child(3) { -webkit-animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite -0.4s; animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite -0.4s; } .loader.is-visible { display: block; } @-webkit-keyframes loaderAnimation { 0% { height: 20%; margin-top: 40% } 50% { height: 84%; margin-top: 8% } 100% { height: 20%; margin-top: 40% } } @keyframes loaderAnimation { 0% { height: 20%; margin-top: 40% } 50% { height: 84%; margin-top: 8% } 100% { height: 20%; margin-top: 40% } } p { font-size: inherit; line-height: inherit; color: #646464; display: inline-block; } p.overlay { color: #FFF; } p.overlay a:link, p.overlay a:visited, p.overlay a:hover, p.overlay a:active { color: #FFF; } p.discreet { color: #999; } p.strong { color: #67b7bf; } p[capitalize] { text-transform: capitalize; } p.size-40 { font-size: 40px; } p.size-24 { font-size: 24px; } p.size-18 { font-size: 18px; } .pill { display: inline-block; position: relative; min-width: 16px; min-width: 1rem; height: 16px; height: 1rem; padding: 0 4px; padding: 0 0.25rem; font-style: normal; color: #FFF; line-height: 1.6; text-align: center; z-index: 0; } .pill:before { border-radius: 8px; border-radius: 0.5rem; content: ''; background-color: #67b7bf; z-index: -1; } .s { display: inline-block; background-repeat: no-repeat; } .s.payment-method, .s.security-code { background-image: url("https://images.jamendo.com/jamendolicensing/sprites/sprite-payment-methods.webp?v2"); } .s.spread { background-image: url("https://images.jamendo.com/jamendolicensing/sprites/sprite-spread.webp?v2"); } .s.payment-method { margin-right: 12px; margin-right: 0.75rem; height: 36px; } .s.payment-method.is-off { opacity: 0.3; filter: alpha(opacity=30); } .s.payment-method.mastercard { width: 41px; background-position: 0px 0px; } .s.payment-method.amex { width: 42px; background-position: -41px 0px; } .s.payment-method.visa { width: 44px; background-position: -83px 0px; } .s.payment-method.paypal { width: 70px; background-position: -127px 0px; } .s.payment-method.secure { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/secure-payments.svg"); width: 90px; height: 43px; background-position: bottom; margin-bottom: 7px; } @media only screen and (max-width: 480px) { .s.payment-method.secure { width: 80px; } } .s.payment-method.ingenico { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/ingenico.svg"); width: 75px; height: 50px; background-position: bottom; } @media only screen and (max-width: 480px) { .s.payment-method.ingenico { width: 75px; } } .s.security-code { height: 128px; width: 203px; display: block; margin-bottom: 16px; margin-bottom: 1rem; } .s.security-code.visa-mastercard { background-position: 0px -36px; } .s.security-code.amex { background-position: -203px -36px; } .s.spread { height: 16px; width: 16px; display: inline-block; } .s.spread.gmail { background-position: 0px 0px; } .s.spread.outlook { background-position: -50px 0px; } .s.spread.yahoo { background-position: -25px 0px; width: 21px; } .svg.logo { height: 36px; width: 102px; fill: #FFF; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/jamendo-licensing-logo-white.svg"); background-repeat: no-repeat; background-size: contain; } .svg.logo.small { height: 27px; width: 77px; } picture.svg { display: block; background-repeat: no-repeat; background-position: center; background-size: contain; background-color: transparent; } picture.svg.visa { width: 30px; height: 30px; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/visa-logo.svg"); } picture.svg.mastercard { width: 45px; height: 40px; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/mastercard-logo.svg"); } picture.svg.amex { width: 26px; height: 26px; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/american-express-logo.svg"); } picture.svg.secure-payments { width: 83px; height: 43px; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/secure-payments.svg"); } picture.svg.ingenico { width: 63px; height: 50px; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/ingenico.svg"); } picture.svg.paypal-icon { width: 28px; height: 28px; background-size: 88%; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/paypall-icon.svg"); } ul.regular { list-style-type: disc; list-style-position: inside; margin-bottom: 16px; margin-bottom: 1rem; } .informational-block { margin-bottom: 16px; margin-bottom: 1rem; color: #b3b3b3; } .informational-block__heading { margin-bottom: 8px; margin-bottom: 0.5rem; font-family: "futurademi", Arial, sans-serif; } .informational-block__perks li { line-height: 1.334; margin-bottom: 2px; margin-bottom: 0.125rem; } .informational-block__perks li:last-child { margin-bottom: 0; } .informational-block p { color: inherit; } .informational-block.bordered { padding: 16px; padding: 1rem; border: 1px solid #ebebeb; } .informational-block.bordered.heavy { padding: 24px; padding: 1.5rem; border-width: 8px; border-width: 0.5rem; } .informational-link, .informational-link-2 { position: relative; color: gray; line-height: 1.334; padding-left: 24px; padding-left: 1.5rem; display: inline-block; text-decoration: underline; } .informational-link:focus, .informational-link-2:focus { outline: none; } .informational-link:hover, .informational-link-2:hover { color: #676767; } .hero-track+.container.informational { margin: 16px auto; margin: 1rem auto; } .informational-overlay, .informational-overlay-track-pack { color: #FFF; z-index: 1100; } .informational-overlay__top-bar, .informational-overlay-track-pack__top-bar { opacity: 0.98; filter: alpha(opacity=98); background-color: #000; text-align: right; padding: 16px 12px; padding: 1rem 0.75rem; width: 100%; color: #67b7bf; } .informational-overlay__top-bar .icon, .informational-overlay-track-pack__top-bar .icon { margin-left: 16px; vertical-align: top; } .informational-overlay__title, .informational-overlay-track-pack__title { display: inline-block; vertical-align: top; line-height: 1.334; text-transform: uppercase; margin: 0; } .informational-overlay__content, .informational-overlay-track-pack__content { padding-top: 48px; padding-top: 3rem; } .informational-overlay__content.center, .informational-overlay-track-pack__content.center { text-align: center; } .informational-overlay__heading, .informational-overlay-track-pack__heading { text-transform: uppercase; border-bottom: 2px solid #FFF; font-family: "futurademi", Arial, sans-serif; margin-bottom: 24px; margin-bottom: 1.5rem; display: inline-block; } .informational-overlay__subheading, .informational-overlay-track-pack__subheading { margin-bottom: 4px; margin-bottom: 0.25rem; } .informational-overlay__subheading .button, .informational-overlay-track-pack__subheading .button { border: none; padding: 0.125rem 0.5rem 0; } .informational-overlay__list, .informational-overlay-track-pack__list { list-style-type: disc; margin: 0 0 16px 16px; margin: 0 0 1rem 1rem; } .informational-overlay__got-it, .informational-overlay-track-pack__got-it { z-index: 2; margin: 32px 0; margin: 2rem 0; } .informational-overlay__got-it:not(:hover), .informational-overlay-track-pack__got-it:not(:hover) { background-color: transparent !important; } .informational-overlay.is-visible, .informational-overlay-track-pack.is-visible { visibility: visible; opacity: 0.95; filter: alpha(opacity=95); } .informational-overlay.is-visible.tradingdesk, .informational-overlay-track-pack.is-visible.tradingdesk { opacity: 1; } .informational-overlay.is-visible.tradingdesk .informational-overlay__content.center, .informational-overlay-track-pack.is-visible.tradingdesk .informational-overlay__content.center { width: 50% } .informational-overlay__cover-close, .informational-overlay-track-pack__cover-close { z-index: 1; content: '' } @media only screen and (min-width: 992px) { .informational-overlay__top-bar, .informational-overlay-track-pack__top-bar { padding: 48px 48px; padding: 3rem 3rem; } .informational-overlay__content .row [class^=col]:first-child, .informational-overlay-track-pack__content .row [class^=col]:first-child { padding-right: 24px; padding-right: 1.5rem; } .informational-overlay__content .row [class^=col]:last-child, .informational-overlay-track-pack__content .row [class^=col]:last-child { padding-left: 24px; padding-left: 1.5rem; } } .button-list.login { margin-bottom: 32px; margin-bottom: 2rem; width: 100% } .button-list.login>li { margin-bottom: 6px; margin-bottom: 0.375rem; line-height: 1.334; margin-bottom: 16px; margin-bottom: 1rem; display: block; text-align: center; } .button-list.login>li:last-child { margin-bottom: 4rem; } .button-list.login>li:last-child a { margin-left: 6px; padding-top: 3px; padding-bottom: 2px; } .button-list.horizontal>li { margin: 6px; margin: 0.375rem; display: inline-block; } .button-list.horizontal>li:first-child { margin-left: 0; } .button-list.horizontal>li:last-child { margin-right: 0; } .button-list.vertical { margin-bottom: 32px; margin-bottom: 2rem; width: 100% } .button-list.vertical>li { margin-bottom: 16px; margin-bottom: 1rem; display: block; } .button-list.vertical>li:last-child { margin-bottom: 0; } .button-list.large { max-width: 400px; max-width: 25rem; } .track-list { margin-top: 20px; } .track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 24px; margin-right: 24px; margin-bottom: 1.25rem; padding-left: 10px; padding-right: 10px; position: relative; } @media only screen and (max-width: 768px) { .track { margin-left: 5px; margin-right: 5px; padding-right: 0; } } .track--header { margin-top: 30px; margin-bottom: 0 !important; text-transform: uppercase; font-size: 12px; } @media only screen and (max-width: 1200px) { .track--header { display: none; } } .track--action-is-open { background: #F5F8FA; border-radius: 6px; } .track__listened { width: 6px; height: 6px; position: relative; border-radius: 50%; background: #C4C4C4; } .track__play { width: 60px; height: 60px; position: relative; white-space: nowrap; font-size: 0; margin-left: 10px; } @media only screen and (max-width: 1200px) { .track__play { padding: 0; width: 40px; height: 40px; } } @media only screen and (max-width: 480px) { .track__play { padding: 0; width: 36px; height: 36px; } } .track__play--header { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .track__play img { border-radius: 50% } @media only screen and (max-width: 1200px) { .track__play img { visibility: hidden; } } .track__play__button:hover { font-size: 36px; } @media only screen and (max-width: 1200px) { .track__play__button { left: 0; } .track__play__button::before { content: none; background-color: transparent; } .track__play__button i { color: #67b7bf !important; background-color: transparent; } .track__play__button.is-switched-on { background-color: transparent; } .track__play__button.is-switched-on .loader { border-color: #67b7bf; } .track__play__button.is-switched-on .loader span { background-color: #67b7bf; } } .track__information { padding-left: 16px; padding-left: 1rem; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } @media only screen and (max-width: 768px) { .track__information { padding-left: 0.5rem; text-align: left; width: calc(100% - 330px); } } @media only screen and (max-width: 480px) { .track__information { width: calc(100% - 115px); } } .track__information--header { text-align: center; font-size: 12px; } .track__information .track-information-container { overflow: visible; } .track__information .track-information-container .title-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .track__information .track-information-container .title-container .title { text-overflow: ellipsis; overflow: hidden; margin-right: 3px; line-height: 1.3rem; } .track__information .track-information-container .title-container .contentid-icon { margin-left: 5px; margin-right: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .track__information .track-information-container .title-container .contentid-icon img { width: 14px; height: 14px; } .track__information .track-information-container .artist-name {} @media only screen and (max-width: 480px) { .track__information .track-information-container .artist-name { font-size: 11px; font-size: 0.6875rem; } } @media only screen and (max-width: 480px) { .track__information .track-information-container .tags { display: none; } } .track__information .track-information-container .new { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-radius: 5px; padding: 4px; text-transform: uppercase; color: white; font-size: 10px; } .track__rating { min-width: 250px; text-align: center; white-space: nowrap; } .track__rating select { display: none; } .track__rating p { margin-bottom: 4px; } .track__rating .br-widget { height: 28px; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .track__rating .br-widget a { height: 20px; width: 20px; margin: 0 3px; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/rating-star-gray.svg"); } .track__rating .br-widget a.br-selected { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/rating-star-blue.svg"); } .track__time { display: none; } @media only screen and (min-width: 1201px) { .track__time { display: table-cell; vertical-align: middle; height: 64px; } } .track__time--header { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .track__time__wrap { display: table; height: 64px; } .track__time__wrap--header { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .track__time__waveform { height: auto; height: 64px; height: 4rem; height: 64px; } .track__time__waveform--header { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } @media only screen and (min-width: 1200px) { .track__time__waveform__wrap { display: block; width: 168px; height: 64px; } } @media only screen and (min-width: 1250px) { .track__time__waveform__wrap { width: 220px; } } @media only screen and (min-width: 1300px) { .track__time__waveform__wrap { width: 250px; } } @media only screen and (min-width: 1400px) { .track__time__waveform__wrap { width: 305px; } } @media only screen and (min-width: 1450px) { .track__time__waveform__wrap { width: 355px; } } @media only screen and (min-width: 1500px) { .track__time__waveform__wrap { width: 400px; } } @media only screen and (min-width: 1600px) { .track__time__waveform__wrap { width: 500px; } } @media only screen and (min-width: 1700px) { .track__time__waveform__wrap { width: 580px; } } @media only screen and (min-width: 1800px) { .track__time__waveform__wrap { width: 680px; } } @media only screen and (min-width: 2100px) { .track__time__waveform__wrap { width: 980px; } } .track__time__waveform__wrap--header { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .track__time__duration { width: 60px; height: 64px; text-align: left; color: black; text-align: center; } .track__time__duration--header { color: #636363; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .track__time__bpm { width: 60px; height: 64px; text-align: left; color: black; text-align: center; } .track__time__bpm--header { color: #636363; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .track__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; max-width: 330px; width: auto; } @media only screen and (max-width: 480px) { .track__actions { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .track__actions--header>li { width: 46px; } .track__actions__button { padding: 10px; height: 46px; width: 46px; } @media only screen and (max-width: 768px) { .track__actions__button { display: none !important; } } .track__actions__button--3dots { display: none; background-image: url(https://images.jamendo.com/jamendolicensing/icon/3dots.svg); background-repeat: no-repeat; background-position: center; } @media only screen and (max-width: 768px) { .track__actions__button--3dots { display: block !important; } } .track__actions__button__icon { font-size: 22px; width: 22px; height: 22px; color: #4A4A4A; } .track__actions__button__icon:hover { color: #67b7bf; } .track__cta { text-align: right; white-space: nowrap; } @media only screen and (max-width: 920px) { .track__cta { padding: 0; margin-right: 4px; } } .track__cta--header { width: 100px; color: #636363; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 1200px) { .track__cta--header { display: none; } } .track__cta--header-small { width: 30px; } .track__cta .mobile-cart-cta { display: none; } .track__popin { display: none; } @media only screen and (max-width: 768px) { .track__popin { position: absolute; top: 50px; z-index: 2; background-color: white; width: calc(100% - 60px); height: 60px; margin-left: 20px; border: 1px solid #000; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .track__popin__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50%; height: 100% } .track__popin__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50%; height: 100% } } .track__popin__button { width: 30px; height: 25px; color: #4A4A4A; margin: 0 7px; } .track__popin__button--add-to-playlist { background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-playlist.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track__popin__button--add-to-cart { background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-cart.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track__popin__button--added-to-cart { background-image: url(https://images.jamendo.com/jamendolicensing/icon/added-to-cart.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track__popin__button--download { font-size: 25px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .track__popin .mobile-cart-cta { cursor: pointer; display: block; } .track__popin .mobile-cart-cta>i { color: #4A4A4A; font-size: 28px; } .track-information { color: #4d4d4d; } .track-information>div { height: 64px; height: 4rem; } .track-information .title { line-height: 1.143; } .track-information .artist-name, .track-information .tags { line-height: 1.455; } .track-information .artist-name { text-transform: uppercase; } .track-information .tags { color: gray; } .track-featured .cover img { position: absolute; z-index: -1; } .track-featured .cover button { z-index: 2; } .track-featured .mobile-cart-cta { display: none; } .track-featured .mobile-cart-cta:focus { outline: none; } .track-featured .button-cart.transparent { margin-top: 10px !important; } @media only screen and (max-width: 1200px) { .track-featured .button-cart.transparent { border-color: #67b7bf; } } .track-featured .track-information { height: 76px; height: 4.75rem; } .track-featured .track-information .hero-track__tags { display: block; } @media only screen and (min-width: 1200px) { .track-featured .track-information .hero-track__tags .tag: nth-child(n+4) { display: none; } .track-featured .track-information .hero-track__tags .tag:nth-child(3)::after { display: none; } } .track-featured .track-information .hero-track__tags .tag a { color: #646464; text-decoration: none; } .track-featured .track-information .hero-track__tags .tag a:hover { color: #67b7bf; } @media only screen and (max-width: 650px) { .track-featured .buy-buttons-container { float: left; margin-right: 12px; } .track-featured .buy-buttons-container .button-cart:not(.transparent) { display: none; } .track-featured .buy-buttons-container .mobile-cart-cta { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: -4px; } .track-featured .change-license-container { float: left; margin-top: -6px; width: calc(100% - 45px); } .track-featured .hero-track__actions { clear: both; margin-top: 66px; } } .track-landing { position: relative; min-width: 420px; width: 33%; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; } @media only screen and (max-width: 1268px) { .track-landing { width: 50% } } @media only screen and (max-width: 840px) { .track-landing { width: 100%; min-width: 100%; padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 840px) { .track-landing--hide-mobile { display: none; } } .track-landing__container { padding: 10px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100% } .track-landing__container--action-is-open { background: #F5F8FA; border-radius: 6px; } .track-landing__container__listened { margin-left: 14px; width: 5px; height: 5px; border-radius: 50%; background: #66B6BE; } .track-landing__container__button-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 60px; height: 45px; } @media only screen and (max-width: 700px) { .track-landing__container__button-container { margin-left: 0; } } .track-landing__container__information { max-width: calc(100% - 100px); width: 100%; margin-left: 14px; } .track-landing__container__information__link-wrap { text-decoration: none; } .track-landing__container__information__link-wrap:hover { text-decoration: none; } .track-landing__container__information__link-wrap__title-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .track-landing__container__information__link-wrap__title-container__title { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: var(--color-main); } .track-landing__container__information__link-wrap__title-container__contentid-icon { margin-left: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .track-landing__container__information__link-wrap__artist-name { width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: var(--color-main); font-size: var(--font-size-small); } .track-landing__container__actions { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .track-landing__container__actions__button { width: 30px; height: 25px; color: #4A4A4A; margin: 0 7px; } .track-landing__container__actions__button--3dots { background-image: url(https://images.jamendo.com/jamendolicensing/icon/3dots.svg); background-repeat: no-repeat; width: 30px; height: 18px; background-position: center; } .track-landing__container__actions__button--add-to-playlist { background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-playlist.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track-landing__container__actions__button--add-to-cart { background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-cart.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track-landing__container__actions__button--added-to-cart { background-image: url(https://images.jamendo.com/jamendolicensing/icon/added-to-cart.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track-landing__container__actions__button--download { font-size: 25px; } .track-landing__container__actions__button--hint-to-left::after { -webkit-transform: translateX(-100%) translateX(15px) translateY(8px) !important; transform: translateX(-100%) translateX(15px) translateY(8px) !important; } .track-landing__container__popin { position: absolute; top: 75px; z-index: 2; background-color: white; width: calc(100% - 55px); height: 60px; border: 1px solid #000; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .track-landing__container__popin__button { width: 30px; height: 25px; color: #4A4A4A; margin: 0 7px; } .track-landing__container__popin__button--add-to-playlist { background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-playlist.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track-landing__container__popin__button--add-to-cart { background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-cart.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track-landing__container__popin__button--added-to-cart { background-image: url(https://images.jamendo.com/jamendolicensing/icon/added-to-cart.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track-landing__container__popin__button--download { font-size: 25px; } .pop-in { width: 288px; width: 18rem; white-space: normal; background-color: #fcfcfc; border: 2px solid #67b7bf; text-align: center; position: relative; display: inline-block; z-index: 1; } .pop-in__heading, .pop-in__tooltip { color: #67b7bf; line-height: 1.334; } .pop-in__heading { font-family: "futurademi", Arial, sans-serif; padding: 24px 24px 16px; padding: 1.5rem 1.5rem 1rem; } .pop-in__tooltip { padding: 16px; padding: 1rem; } .pop-in__input-text { margin: 0 24px 16px; margin: 0 1.5rem 1rem; } .pop-in__actions { margin: 0 24px 24px; margin: 0 1.5rem 1.5rem; } .pop-in__actions li { margin-bottom: 8px; margin-bottom: 0.5rem; } .pop-in__actions li:last-child { margin-bottom: 0; } .pop-in__links { padding: 24px; padding: 1.5rem; line-height: 1.7; } .pop-in__error-notification { margin: 0 24px 24px; margin: 0 1.5rem 1.5rem; } .pop-in__error-notification.reset { margin: initial; text-align: left; background-color: transparent; min-width: calc(250px - 2px); } .pop-in__error-notification.reset .error-notification { color: black; border: none; background-color: #ffd7d7; height: 34px; overflow: hidden; padding: 5px 10px; margin: 1px; } .pop-in__error-notification.reset .error-notification div { font-size: 13px; padding: 0; } .pop-in.xsmall { width: 80px; width: 5rem; } .pop-in.medium { width: 176px; width: 11rem; } .pop-in.small { width: 224px; width: 14rem; } .pop-in.large { width: 352px; width: 22rem; } .pop-in:after { position: absolute; content: ''; display: inline-block; z-index: 2; background-repeat: no-repeat; background-position: center center; } .pop-in.pin-top:after, .pop-in.pin-bottom:after { margin-left: -7px; width: 14px; height: 9px; left: 50% } .pop-in.pin-top.pin-first-corner:after, .pop-in.pin-top.pin-second-corner:after, .pop-in.pin-bottom.pin-first-corner:after, .pop-in.pin-bottom.pin-second-corner:after { margin-left: 0; } .pop-in.pin-top.pin-first-corner:after, .pop-in.pin-bottom.pin-first-corner:after { left: 16px; left: 1rem; } .pop-in.pin-top.pin-second-corner:after, .pop-in.pin-bottom.pin-second-corner:after { left: auto; right: 16px; right: 1rem; } .pop-in.pin-top { margin-top: 7px; margin-top: 0.4375rem; } .pop-in.pin-top:after { top: -9px; background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHpJREFUeNpiZMAB0rfvnw+kDIDYcaan4wd0eUY8mhKg3AvYNDPi0mQhJQ7mn3j2EqtmRlyaYrXVwGKLr97CqpkRnyYYwKaZkZAmXJqZidEEAvpiwgzvfvxkePL5qwSQ68FEjCYYAKmBBpoBw/yL1/7/+fOHJAzSAxBgAKElePtLslkqAAAAAElFTkSuQmCC); } .pop-in.pin-bottom { margin-bottom: 7px; margin-bottom: 0.4375rem; } .pop-in.pin-bottom:after { bottom: -9px; background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHVJREFUeNpimH/x2v8/f/6QhEF6mE48e8mw+OotBmIBSC1IDxOQfYFYzTBNQLAApNGRGM3ImmZ6OiYygljp2/cLAKn9QGxgISXOEKuthlcTiMEIk8SlGZsmFI3YNIMANk0YGtE1Q4UwNGHViKb5AjZNIAAQYADGxIAVTAN62gAAAABJRU5ErkJggg==); } .pop-in.pin-top-center: after { left: 50% !important; } .pop-in.pin-left:after, .pop-in.pin-right:after { margin-top: -7px; width: 9px; height: 14px; top: 50% } .pop-in.pin-left.pin-first-corner:after, .pop-in.pin-left.pin-second-corner:after, .pop-in.pin-right.pin-first-corner:after, .pop-in.pin-right.pin-second-corner:after { margin-top: 0; } .pop-in.pin-left.pin-first-corner:after, .pop-in.pin-right.pin-first-corner:after { top: 16px; top: 1rem; } .pop-in.pin-left.pin-second-corner:after, .pop-in.pin-right.pin-second-corner:after { top: auto; bottom: 16px; bottom: 1rem; } .pop-in.pin-left { margin-left: 7px; margin-left: 0.4375rem; } .pop-in.pin-left:after { left: -9px; background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG1JREFUeNpiZMAC0rfvFwBS+4HYwEJKnIGJkIJYbTVURdgUgAATIQVwRfgUgBURUgAzCa8CmKILDAQA00xPx0QgveDEs5cMi6/ewmkSAyGF8CDApxAlMHEpxIgWbAoZcfkIGH7zgVQCKGgAAgwAxHxAe7xtnzgAAAAASUVORK5CYII=); } .pop-in.pin-right { margin-right: 7px; margin-right: 0.4375rem; } .pop-in.pin-right:after { right: -9px; background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHVJREFUeNpinH/x2v8Tz14yAMGCmZ6OiQxYAFOsthqDhZQ4iJ2Qvn3/fKyKQAQhhUwwBj6FTMgcXAqZ0I3GppDxz58 //7E5dvHVWwwwXzMxEAYGTARMuQDEjkyEFAAD+AMTIQUovsOlAK4InwKwIkIKQAAgwADUg1PBIMjodQAAAABJRU5ErkJggg==); } .pop-in.pin-small.pin-top.pin-first-corner: after, .pop-in.pin-small.pin-bottom.pin-first-corner:after { left: 9px; left: 0.5625rem; } .pop-in.pin-small.pin-top.pin-second-corner:after, .pop-in.pin-small.pin-bottom.pin-second-corner:after { right: 9px; right: 0.5625rem; } .pop-in.pin-small.pin-left.pin-first-corner:after, .pop-in.pin-small.pin-right.pin-first-corner:after { top: 9px; top: 0.5625rem; } .pop-in.pin-small.pin-left.pin-second-corner:after, .pop-in.pin-small.pin-right.pin-second-corner:after { bottom: 9px; bottom: 0.5625rem; } .pop-in.dark { background-color: #333; border: 2px solid #FFF; color: #FFF; } .pop-in.dark .pop-in__heading, .pop-in.dark .pop-in__tooltip { color: #FFF; } .pop-in.dark .pop-in__links a:link, .pop-in.dark .pop-in__links a:visited { color: #FFF; } .pop-in.dark .pop-in__links a:hover, .pop-in.dark .pop-in__links a:active { color: #67b7bf; } .pop-in.dark.pin-top:after { background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHNJREFUeNpiYMAB/v //Px+IzwOxAAOxAKoJBojTDNO0efNmMCZKM7ImY2NjMCaoGZsmfJoZYZqAVMKWLVsYGhoasLoGJO7j4wNiXgBiR2ZiNIHAgQMHGKSkpBjU1NQkgFwPRpD9hDRhs5mFFE0wjSAAEGAAf8mVcA0BiOQAAAAASUVORK5CYII=); } .pop-in.dark.pin-bottom: after { background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGVJREFUeNpi3Lx58/+GhgYGUgBIPZOPjw8DKRpBakF6mIDsC8RqhmkCggUgjY7EaEbWxMjImAgW/P //vwAQnwfi/yA/Gxsbo2CQGBTMxzARl2a8mnBpJkoTNs1Ea8KiGacmgAADAO6wiEaijulFAAAAAElFTkSuQmCC); } .pop-in.dark.pin-left: after { background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGpJREFUeNpiYMAC/v //LwDE54H4/+bNm/8TVGBsbPyfoAIQZkJWAKT2A7HBli1bGBoaGuCamQgpACsipABmEl4FMEUXGAgAJkZGxkQgvcDHxwevSQzEKEQOp/noYYQRmLgUEmUiUVYDBBgA+OKF4c3w584AAAAASUVORK5CYII=); } .pop-in.dark.pin-right: after { background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG9JREFUeNpi2Lx5838omM+ACxgbG/8nqBCkiKBCmCJ8CpmQOQ0NDQxbtmwBMROQFTKhm4xNIQs2d4IUgoCPjw9IIaZJWIABEy6TgKaAmBeA2JGJkAJGRsYPTIQU4ArM80AsgC9aMBWAAEEFQAAQYAAblIRWjsxv2QAAAABJRU5ErkJggg==); } .pop-in.tips { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: auto; max-width: 370px; position: relative; padding: 1.25rem; background-color: #67b7bf; border-radius: 6px; } .pop-in.tips[larger] { width: 550px; } .pop-in.tips h1, .pop-in.tips p, .pop-in.tips ul, .pop-in.tips ol { padding: 0; font-weight: 400; font-size: 14px; font-size: 0.875rem; color: #FFF; text-align: left; line-height: normal; cursor: default; white-space: initial; border: none; } .pop-in.tips h1 span, .pop-in.tips p span, .pop-in.tips ul span, .pop-in.tips ol span { font-family: "futurabold", Arial, sans-serif; letter-spacing: 1px; } .pop-in.tips p { line-height: 1.3; } .pop-in.tips p span { text-transform: uppercase; } .pop-in.tips ol { margin-left: 1.25rem; } .pop-in.tips h1 { font-size: 1.125rem; font-family: "futurabold", Arial, sans-serif; color: #FFF; margin: 12px 0; margin: 0.75rem 0; padding-right: 1.5rem; } .pop-in.tips button.close { position: absolute; right: 1rem; top: 1rem; } .pop-in.tips button.close i { line-height: 1; width: 100%; height: 100%; color: #FFF; transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; } .pop-in.tips button.close:hover i { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .pop-in.tips::before, .pop-in.tips::after { top: 100%; right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .pop-in.tips:before { border-color: rgba(245, 110, 110, 0); border-top-color: #67b7bf; border-width: 10px; right: 15px; } .pop-in.tips:after { background-image: none; border-color: rgba(255, 255, 255, 0); border-top-color: #67b7bf; border-width: 7px; right: 18px; } .pop-in.tips>div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row-reverse; flex-flow: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100% } .pop-in.tips>div:last-of-type { margin-top: 1rem; } .pop-in.tips>div .button.ghost.skip-tips { border: none; padding: 0; margin-top: 9px; } .pop-in.tips>div .button.ghost.skip-tips div>span { display: inherit; } .pop-in.tips>div .button.ghost.skip-tips div>span:first-of-type { padding-right: 5px; text-transform: capitalize; } .pop-in.tips>div .button.ghost.skip-tips div>span:last-of-type { border-bottom: 1px solid #FFF; } .pop-in.tips>div .button.ghost.skip-tips:hover { color: #FFF; background-color: #67b7bf; } .pop-in.tips>div .button.ghost.skip-tips:hover div>span:last-of-type { font-family: "futurabold", Arial, sans-serif; } .pop-in.tips[color-warning] { background-color: #ed795a; border-color: #ed795a; } .pop-in.tips[color-warning]:before, .pop-in.tips[color-warning]:after { border-top-color: #ed795a; } .pop-in.tips[color-warning] .button.ghost:hover { color: #ed795a; } .pop-in.tips[color-warning] .button.ghost.skip-tips:hover { background-color: #ed795a; } .pop-in.tips.pin-first-corner:before, .pop-in.tips.pin-second-corner:before { display: none; } .pop-in.tips.pin-first-corner:after, .pop-in.tips.pin-second-corner:after { border-width: 10px; } .pop-in.tips.pin-top.pin-second-corner::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); top: -22px; } @media only screen and (max-width: 670px) { .pop-in.tips { width: auto; min-width: 370px; } } .pop-in.white-rounded-shadow { border: none; border-radius: 8px; -webkit-filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3)); filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3)); } .pop-in.white-rounded-shadow::after { content: ''; background-image: none; width: 0; height: 0; right: 18px !important; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #FFF; } .pop-in__language .pop-in__links a { text-transform: uppercase; text-decoration: none; } .add-to-playlist-box { z-index: 760 !important; } .pop-in.add-to-playlist { z-index: 760 !important; } .pop-in.add-to-playlist .pop-in__actions li { display: block !important; margin-top: 15px; } @media only screen and (max-width: 460px) { .pop-in.add-to-playlist { display: block; position: fixed; top: 64px !important; right: 0; bottom: 0; left: 0; outline: 0; width: 100% } .pop-in.add-to-playlist:after { display: none !important; } .pop-in.add-to-playlist ul { height: calc(100% - 106px); max-height: none !important; } .pop-in.add-to-playlist li { width: 100% !important; } } .pop-in.add-to-playlist .pop-in__heading .close { display: none; position: absolute; top: 0; right: 0; } @media only screen and (max-width: 460px) { .pop-in.add-to-playlist .pop-in__heading .close { display: block; } } .pop-in.add-to-playlist .pop-in__heading .close i { transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; } .pop-in.add-to-playlist .pop-in__heading .close i:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .pop-in.add-to-playlist .pop-in__playlist-add { width: 100%; height: 48px; height: 3rem; } .pop-in.add-to-playlist .pop-in__playlist-add>div:first-child { width: 100% } .pop-in.add-to-playlist .pop-in__playlist-add input { width: 100%; height: 100%; border: none; outline: none; color: #646464; padding: 0 8px; padding: 0 0.5rem; } .pop-in.add-to-playlist .pop-in__playlist-add button { height: 48px; height: 3rem; min-width: 48px; min-width: 3rem; padding: 0 12px; padding: 0 0.75rem; white-space: nowrap; background-color: #67b7bf; color: #FFF; } .pop-in.add-to-playlist .pop-in__playlist-add button:hover { background-color: #48a2ab; } .pop-in.add-to-playlist .pop-in__playlist-add button.disabled, .pop-in.add-to-playlist .pop-in__playlist-add button:disabled, .pop-in.add-to-playlist .pop-in__playlist-add button[disabled] { cursor: not-allowed; opacity: 0.5; filter: alpha(opacity=50); } .pop-in-component { position: relative; display: inline-block; text-align: initial; } .pop-in-wrapper { position: absolute; display: none; z-index: 200; } .pop-in-wrapper.force-display { display: block !important; } .pop-in-wrapper.top-left, .pop-in-wrapper.top-center, .pop-in-wrapper.top-right { bottom: 100%; margin-bottom: 8px; margin-bottom: 0.5rem; } .pop-in-wrapper.bottom-left, .pop-in-wrapper.bottom-center, .pop-in-wrapper.bottom-right { top: 100%; margin-top: 8px; margin-top: 0.5rem; } .pop-in-wrapper.bottom-center.from-icon { left: -28px; } .pop-in-wrapper.bottom-right.from-icon { right: -14px; } .pop-in-wrapper.top-left, .pop-in-wrapper.bottom-left { left: 0% } .pop-in-wrapper.top-center, .pop-in-wrapper.bottom-center { left: 50% } .pop-in-wrapper.top-right, .pop-in-wrapper.bottom-right { right: 0% } .pop-in-wrapper.top-center .pop-in, .pop-in-wrapper.bottom-center .pop-in { margin-left: -50% } .pop-in-wrapper.left-top, .pop-in-wrapper.left-bottom { right: 100%; margin-right: 8px; margin-right: 0.5rem; } .pop-in-wrapper.right-top, .pop-in-wrapper.right-bottom { left: 100%; margin-left: 8px; margin-left: 0.5rem; } .pop-in-wrapper.left-top, .pop-in-wrapper.right-top { top: 0; } .pop-in-wrapper.left-bottom, .pop-in-wrapper.right-bottom { bottom: 0; } .pop-in-wrapper[z-600] { z-index: 600; } .product-access { background-color: #ebebeb; margin-top: 16px; margin-top: 1rem; padding: 24px; padding: 1.5rem; } .product-access__heading { margin-bottom: 8px; margin-bottom: 0.5rem; color: #67b7bf; } @media only screen and (min-width: 768px) { .product-access__split>div { padding-top: 16px; padding-top: 1rem; } .product-access__split>div:first-child { padding-right: 32px; padding-right: 2rem; } .product-access__split>div:last-child { padding-left: 32px; padding-left: 2rem; border-left: 1px solid #ccc; } } .mobile-tease { padding: 0 24px; padding: 0 1.5rem; margin-bottom: 24px; margin-bottom: 1.5rem; max-width: 1280px; max-width: 80rem; background-color: #67b7bf; } .mobile-tease__headline { width: 100%; font-weight: "futurabook", Arial, sans-serif; text-transform: uppercase; color: #FFF; } .mobile-tease__headline span { display: block; font-family: "futurademi", Arial, sans-serif; line-height: 1; margin-bottom: 8px; margin-bottom: 0.5rem; } .mobile-tease__headline, .mobile-tease__badges { padding: 24px 0; padding: 1.5rem 0; } .mobile-tease__visual, .mobile-tease__badges { white-space: nowrap; } .mobile-tease__visual { display: none; padding: 0 32px; padding: 0 2rem; } @media only screen and (min-width: 992px) { .mobile-tease { display: table; width: 100% } .mobile-tease>div { display: table-cell; vertical-align: middle; } } .client-space-heading+.mobile-tease { margin-top: -16px; margin-top: -1rem; } .image-tease { display: table; width: 100%; padding: 0 24px; padding: 0 1.5rem; margin-bottom: 24px; margin-bottom: 1.5rem; max-width: 1280px; max-width: 80rem; height: 180px; background-image: url("https://images.jamendo.com/jamendolicensing/heroes/hero-live-stream-d-xl.webp"); background-size: 100%; background-position: center; background-repeat: no-repeat; background-color: #FFF; } .image-tease.gaming { background-image: url("https://images.jamendo.com/jamendolicensing/heroes/hero-gaming2-d-xl.webp"); background-position: top; } .client-space-heading+.image-tease { margin-top: -16px; margin-top: -1rem; } .product-bought { color: gray; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-bought__actions { white-space: nowrap; } .product-bought__summary, .product-bought__use, .product-bought__actions { margin-top: 8px; margin-top: 0.5rem; } .product-bought__use a:link, .product-bought__use a:visited { color: #ed795a; } .product-bought__use a:hover, .product-bought__use a:active { color: #e8542c; } .product-bought>div:last-child { padding-right: 0; } .product-bought.standalone { padding: 16px; padding: 1rem; background-color: #fcfcfc; border: 1px solid #67b7bf; } .product-bought__secondary { width: 65% } @media only screen and (min-width: 992px) { .product-bought__primary>div, .product-bought__secondary>div { display: table; width: 100% } .product-bought__primary>div>div, .product-bought__secondary>div>div { display: table-cell; vertical-align: middle; } .product-bought__title { width: 25% } .product-bought__primary { width: 35% } .product-bought__secondary { width: 65% } .product-bought__secondary>div>div { padding: 0 16px; padding: 0 1rem; } .product-bought__secondary>div>div.product-bought__use { width: 100% } .product-bought__secondary>div>div.product-bought__actions { padding-right: 0; } .product-bought__actions { text-align: right; } .product-bought__date { width: 80px; width: 5rem; } .product-bought__date>span { margin-right: 12px; } .product-bought.in-store .product-bought__primary { width: 40% } .product-bought.in-store .product-bought__secondary { width: 60% } } @media only screen and (max-width: 1200px) { .product-bought.live-stream .product-bought__primary { width: 40% } } .product-bought.live-stream .product-bought__secondary>div>div:first-child>div>div { max-width: 500px; overflow: hidden; text-overflow: ellipsis; } @media only screen and (max-width: 1500px) { .product-bought.live-stream .product-bought__secondary>div>div: first-child>div>div { max-width: 300px; } } @media only screen and (max-width: 1300px) { .product-bought.live-stream .product-bought__secondary>div>div: first-child>div>div { max-width: 150px; } } .product-bought.live-stream .product-bought__secondary { width: 100% } @media only screen and (max-width: 1200px) { .product-bought.live-stream .product-bought__secondary>div>div: first-child { display: none; } } .product-bought.live-stream .product-bought__secondary>div>div:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; } .product-bought.live-stream .product-bought__secondary>div>div:last-child>ul { min-width: 440px; max-width: 570px; white-space: initial; display: inline-block; margin-left: -0.375rem; margin-right: -0.375rem; } @media only screen and (max-width: 992px) { .product-bought.live-stream .product-bought__secondary>div>div: last-child>ul { min-width: initial; max-width: 100% } } .product-bought.live-stream .product-bought__secondary>div>div:last-child>ul li:first-child, .product-bought.live-stream .product-bought__secondary>div>div:last-child>ul li:last-child { margin: 0.375rem; } .product-bought .break { -ms-flex-preferred-size: 100%; flex-basis: 100%; height: 0; } .product-bought__contentid { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-bought__contentid__text a { cursor: pointer; } .product-bought__contentid__key-content__input { padding: 2px 5px; } .product-bought__contentid__key-content__icon { cursor: pointer; } .product-bought__contentid__info-text { padding-top: 5px; } .product-bought-list { max-width: 1280px; max-width: 80rem; } .product-bought-list>li { padding-bottom: 16px; padding-bottom: 1rem; margin-bottom: 16px; margin-bottom: 1rem; border-bottom: 1px solid #e6e6e6; } .product-bought-list>li:last-child { padding: 0; margin: 0; border-bottom: none; } .notification+.product-bought.standalone { margin-top: -1px; margin-top: -0.0625rem; } .product-summary { color: #4d4d4d; height: 48px; height: 3rem; } .product-summary__information>div>div .product-summary__additional { white-space: normal; } .product-summary__license { font-family: "futurademi", Arial, sans-serif; color: #67b7bf; } .product-summary__license.is-inactive { color: #ed795a; } .product-summary__license.is-terminated { color: #999; } @media only screen and (max-width: 1200px) { .product-summary__product.live-stream { display: none; } } @media only screen and (max-width: 992px) { .product-summary__product.live-stream { display: inline-block; } } .product-summary__cover { width: 81px; width: 5.0625rem; position: relative; } .product-summary__cover img, .product-summary__play, .product-summary__play button { width: 65px; width: 4.0625rem; height: 65px; height: 4.0625rem; } .product-summary__play { z-index: 1; } .product-summary__play button { z-index: 3; } .product-summary__author { text-transform: uppercase; } .product-summary.standalone { padding: 16px; padding: 1rem; margin-bottom: 32px; margin-bottom: 2rem; border: 1px solid #67b7bf; } .description-table td, .description-table th { padding: 16px; padding: 1rem; line-height: 1.334; border: 1px solid whitesmoke; } .description-table td.description-table__archive-download, .description-table th.description-table__archive-download { padding: 0; } .description-table th { background-color: #fcfcfc; font-family: "futurademi", Arial, sans-serif; } .description-table__archive-download a { padding: 16px; padding: 1rem; vertical-align: top; text-decoration: none; color: gray; } .description-table__archive-download a:link, .description-table__archive-download a:visited { color: #999; } .description-table__archive-download a:hover, .description-table__archive-download a:active { color: #67b7bf; } .description-table__archive-download a .icon { margin-right: 4px; margin-right: 0.25rem; } .invoice-table__line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 80px; border-bottom: 1px solid #D1D1D6; padding: 10px 0; } .invoice-table__line>* { padding: 2px 10px; } @media only screen and (max-width: 768px) { .invoice-table__line>* { padding: 2px 2px; } } .invoice-table__line:last-child { border-bottom: none; } .invoice-table__line--header { color: black; padding-bottom: 10px; } .invoice-table__line__date { width: 132px; min-width: 132px; word-break: break-all; } @media only screen and (max-width: 768px) { .invoice-table__line__date { width: 25%; min-width: inherit; } } .invoice-table__line__date--header { word-break: normal; } .invoice-table__line__info { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (max-width: 768px) { .invoice-table__line__info { display: none; } } .invoice-table__line__info__product { color: black; } .invoice-table__line__invoice-nb { width: 212px; min-width: 212px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } @media only screen and (max-width: 768px) { .invoice-table__line__invoice-nb { width: 25%; min-width: inherit; } } .invoice-table__line__price { width: 155px; min-width: 155px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } @media only screen and (max-width: 768px) { .invoice-table__line__price { width: 25% } } .invoice-table__line__download { width: 100px; min-width: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } @media only screen and (max-width: 768px) { .invoice-table__line__download { width: 25%; min-width: inherit; } } .invoice-table__line__download__icon { background-image: url(https://images.jamendo.com/jamendolicensing/icon/invoice-download.svg); background-repeat: no-repeat; width: 30px; height: 26px; } .invoice-table__line__more { width: 100px; min-width: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } @media only screen and (max-width: 768px) { .invoice-table__line__more { width: 25%; min-width: inherit; } } .invoice-table__line__break { display: none; } @media only screen and (max-width: 768px) { .invoice-table__line__break { display: block; -ms-flex-preferred-size: 100%; flex-basis: 100%; height: 20px; } } .invoice-table__line__mobile-more { display: none; width: 100% } @media only screen and (max-width: 768px) { .invoice-table__line__mobile-more { display: block; } } .invoice-table__line__mobile-more__line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .invoice-table__line__mobile-more__line--header { color: black; padding-bottom: 10px; } .invoice-table__line__mobile-more__line__info { width: 50% } .invoice-table__line__mobile-more__line__info__product { color: black; } .invoice-table__line__mobile-more__line__price { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .base-table { width: 100%; max-width: 960px; max-width: 60rem; margin-bottom: 48px; margin-bottom: 3rem; } .base-table td, .base-table th { padding: 16px 24px; padding: 1rem 1.5rem; border-bottom: 1px solid #e6e6e6; } .base-table td:first-child, .base-table th:first-child { padding-left: 0 !important; } .base-table td:last-child, .base-table th:last-child { padding-right: 0 !important; } .base-table tr:last-child td { border-bottom: none; } .base-table th { line-height: 1.334; white-space: nowrap; } .base-table th.sortable:hover { cursor: pointer; } .base-table__tertiary { width: 88px; width: 5.5rem; white-space: nowrap; } .base-table__state.depleted { color: #b3b3b3; } .base-table__secondary { width: 96px; width: 6rem; white-space: nowrap; } .base-table__actions, .base-table__referral-amount { width: 1%; white-space: nowrap; } .base-table__referral-amount.paid { color: #b3b3b3; } .base-table__referral-amount.unpaid { color: #67b7bf; } .base-table.equal-row-height td { height: 74px; height: 4.625rem; } .base-table.narrow td, .base-table.narrow th { padding: 12px; padding: 0.75rem; } .base-table.referrals td:first-child { width: 50% } .base-table.referrals td { max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 1rem 0.5rem; } .client-space-heading+.history-table { margin-top: -16px; margin-top: -1rem; } #page-myaccount-invoices .base-table, #page-myaccount-credits .base-table, #page-myaccount-reseller-client-list .base-table, #page-myaccount-reseller-manage-stores .base-table { margin: auto; width: auto; } #page-myaccount-credits .base-table .base-table__primary { width: 310px; } #page-myaccount-reseller-downloads .description-table { margin: auto; } #page-myaccount-reseller-client-list .reseller_add_new_client .col-md-6:first-child { padding-left: 0; } #page-myaccount-reseller-client-list .reseller_add_new_client .col-md-6:last-child { padding-right: 0; } @media only screen and (max-width: 992px) { #page-myaccount-reseller-client-list .reseller_add_new_client .col-md-6: first-child, #page-myaccount-reseller-client-list .reseller_add_new_client .col-md-6:last-child { padding: 0; } } #page-myaccount-mymusic .playlist-actions .col-md-6 { padding-left: 0; } #page-myaccount-mymusic .playlist-actions .col-md-6 .button:last-child { margin-left: 0.5rem; } @media only screen and (max-width: 920px) { #page-myaccount-mymusic .button-cart { min-width: 180px; width: 180px; } } .search-filter { padding: 14px 24px; padding: 0.875rem 1.5rem; position: relative; width: 304px; width: 19rem; display: inline-block; } @media only screen and (max-width: 992px) { .search-filter { display: none; } } .search-filter--mobile { display: none !important; padding: 0; height: fit-contents; } @media only screen and (max-width: 768px) { .search-filter--mobile { display: block !important; } } @media only screen and (max-width: 768px) { .search-filter { display: none; } } .search-filter__heading { color: gray; padding-bottom: 24px; padding-bottom: 1.5rem; text-transform: none; } .search-filter__lists>li { padding-bottom: 24px; padding-bottom: 1.5rem; margin-bottom: 24px; margin-bottom: 1.5rem; border-bottom: 1px solid #ccc; } .search-filter__lists>li .heading { line-height: 2; text-align: left; margin: 0; font-family: "futurademi", Arial, sans-serif; color: gray; } .search-filter__lists>li:last-child { border-bottom: none; margin-bottom: none; } .search-filter__list { line-height: 2; } .search-filter__list a { position: relative; display: block; text-decoration: none; color: black !important; } .search-filter__list a.is-current:before { content: ''; display: block; background-color: #C4C4C4; width: 6px; width: 0.375rem; height: 6px; height: 0.375rem; border-radius: 100%; position: absolute; left: -12px; left: -0.75rem; margin-top: -3px; margin-top: -0.1875rem; top: 50% } .search-filter__list a.main { text-transform: uppercase; margin-bottom: 8px; margin-bottom: 0.5rem; font-family: "futurademi", Arial, sans-serif; color: gray; } .search-filter__list a.is-disabled { color: #afd9dd; } .search-filter__list a.is-disabled:hover { cursor: not-allowed; } .search-filter__list a .pill { margin-left: 8px; margin-left: 0.5rem; } .error-notification { padding: 16px; padding: 1rem; margin-bottom: 24px; margin-bottom: 1.5rem; border: 1px solid #ed795a; color: #ed795a; } .error-notification>div:first-child { padding-right: 16px; padding-right: 1rem; } .error-notification>div:last-child { line-height: 1.334; } .error-notification.success { border: 1px solid #67b7bf; color: #67b7bf; } fieldset { padding-top: 32px; padding-top: 2rem; margin-top: 8px; margin-top: 0.5rem; border-top-width: 1px; border-top-width: 0.0625rem; border-top-style: solid; border-top-color: #e6e6e6; } fieldset:first-of-type { border-top: none; padding-top: 0; margin-top: 0; } fieldset.reset { padding: 0; border: 0; } fieldset.reset:first-of-type { margin-top: inherit; } legend { margin-bottom: 0; text-transform: uppercase; -webkit-transform: translateY(0.5rem); transform: translateY(0.5rem); } label { position: relative; display: block; font-weight: initial; } .label-info { margin-left: 8px; margin-left: 0.5rem; vertical-align: top; } .form-group label:not(.error), .label { margin-bottom: 6px; margin-bottom: 0.375rem; line-height: 1.334; } .form-group label:not(.error).hitbox, .label.hitbox { line-height: inherit; } .form-group, .form-checkbox-buttons-group { margin-bottom: 24px; margin-bottom: 1.5rem; } .form-pick-group { margin-bottom: 16px; margin-bottom: 1rem; } .form-pick-group label.error { margin-top: 0; } .form-submit-group { text-align: center; } .form-inline-monofield>div:first-child { width: 100% } .form-inline-monofield>div:last-child { padding-left: 8px; padding-left: 0.5rem; } .form-inline-monofield [type=submit] { white-space: nowrap; } .form-group { position: relative; } .form-group.fieldset-heading label:not(.error):not(.success) { text-transform: uppercase; } .form-group.fieldset-heading label:not(.error):not(.success) span { text-transform: none; } .form-group.auto-width select { width: auto; display: inline-block; } .form-group.auto-width select+select { margin-left: -1px; } .form-control { color: #4d4d4d; height: 36px; height: 2.25rem; padding: 0 10px; padding: 0 0.625rem; border-color: #ccc; border-width: 1px; border-width: 0.0625rem; box-shadow: none; border-radius: 0; } .form-control:focus { border: 1px solid #67b7bf; box-shadow: 0 0 6px #afd9dd; } .form-control.branded { border-color: #67b7bf; border-width: 2px; border-radius: 4px; color: #67b7bf; text-transform: uppercase; line-height: 1; padding: 8px 32px 8px 12px; font-size: 15px; white-space: normal; word-break: break-all; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("https://images.jamendo.com/jamendolicensing/static/navigation/chevron-down.svg"); background-repeat: no-repeat; background-position: 92% center; background-size: 16px 16px; } .form-control.discreet { border-color: white; border-radius: 4px; color: #979797; font-family: "futurabook", Arial, sans-serif; text-transform: uppercase; line-height: initial; padding: 5px 32px 5px 12px; font-size: 14px; white-space: normal; word-break: break-word; width: auto; height: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("https://images.jamendo.com/jamendolicensing/static/navigation/chevron-down-gray-8.svg"); background-repeat: no-repeat; background-position: 93% 49%; background-size: 13px 13px; } .form-control.discreet:focus { border: 1px solid #7d7d7d; box-shadow: none; } .form-control.xs { border: none; color: #979797; font-weight: 400; line-height: initial; padding: 8px; font-size: 12px; text-decoration: underline; white-space: normal; word-break: break-word; width: auto; height: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-control.xs:focus { border: none; box-shadow: none; } .form-control.blocked { cursor: default; pointer-events: none; background: none; } .form-control.width-100 { width: 100%; background-position: 95% 44%; padding: 8px 32px 8px 8px; } .form-control.input-line { border: none; border-bottom: 1px solid #cbcbcb; padding-left: 8px; font-size: 16px; } .form-control.input-line:focus { border-bottom: 1px solid #67b7bf; box-shadow: none; color: #48a2ab; } .form-control.simple { height: 43px; border: none; } .form-control.simple:focus { box-shadow: none; } .checkbox, .checkbox-inline, .radio, .radio-inline { margin: 0; } .checkbox label, .checkbox-inline label, .radio label, .radio-inline label { line-height: 1.23; color: #646464; cursor: pointer; min-height: 24px; min-height: 1.5rem; margin-bottom: 0; } label.error, label.success, .help-block { color: #999; font-weight: "futurabook", Arial, sans-serif; padding: 8px 0 0; padding: 0.5rem 0 0; line-height: 1.4; clear: both; } label.error, label.success { font-size: 11px !important; font-size: 0.6875rem !important; letter-spacing: 1px !important; color: #ed795a; } label.error.placeholder-error, label.success.placeholder-error { position: absolute; width: 100%; bottom: 0; height: 36px; background-color: #ffd7d7; margin: 0 0 1px 0; padding: 8px; font-size: 13px !important; letter-spacing: 0 !important; color: black; cursor: text; } label.error.placeholder-error.outside, label.success.placeholder-error.outside { position: relative; display: block; width: auto; height: auto; min-height: 36px; margin-top: 16px; line-height: 1.6; padding: 12px; cursor: default; } label.success { color: #67b7bf; } select.form-control { padding: 0rem 16px 0rem 6px; padding: 0rem 1rem 0rem 0.375rem; cursor: pointer; } input[type="checkbox"], input[type="radio"] { margin-top: 0; } input[type="checkbox"]:focus, input[type="radio"]:focus { border-color: none; box-shadow: none; outline: none; } ::-webkit-input-placeholder { color: #999; } :-moz-placeholder { color: #999; } ::-moz-placeholder { color: #999; } :-ms-input-placeholder { color: #999; } .form-checkbox-buttons-group__label { margin-bottom: 5px; margin-bottom: 0.3125rem; } .form-checkbox-buttons-group .checkbox-button { width: 33.33333% } .form-checkbox-buttons-group .checkbox-button:nth-child(3n+1) { padding: 3px 4px 3px 0; padding: 0.1875rem 0.25rem 0.1875rem 0; } .form-checkbox-buttons-group .checkbox-button:nth-child(3n+2) { padding: 3px 2px 3px 2px; padding: 0.1875rem 0.125rem 0.1875rem 0.125rem; } .form-checkbox-buttons-group .checkbox-button:nth-child(3n+3) { padding: 3px 0 3px 4px; padding: 0.1875rem 0 0.1875rem 0.25rem; } .form-checkbox-buttons-group .checkbox-button label { width: 100% } .form-checkbox-buttons-group__visible, .form-checkbox-buttons-group__expand-expendable { font-size: 0; } .form-checkbox-buttons-group__expand-expendable { display: none; } .form-checkbox-buttons-group__expand-trigger { display: block; width: 100%; text-align: right; color: #b3b3b3; } .form-checkbox-buttons-group__expand-trigger:after { content: '\25BC' } .form-checkbox-buttons-group__expand-trigger:focus { outline: 0; } .form-checkbox-buttons-group__expand.is-expanded .form-checkbox-buttons-group__expand-expendable { display: block; } .form-checkbox-buttons-group__expand.is-expanded .form-checkbox-buttons-group__expand-trigger:after { content: '\25B2' } .form-checkbox-buttons-group+.form-checkbox-buttons-group { margin-top: -8px; margin-top: -0.5rem; } .checkbox-button { display: inline-block; } .checkbox-button input[type="checkbox"] { display: none; } .checkbox-button input[type="checkbox"]:checked+label { background-color: #67b7bf; } .checkbox-button label { padding: 0 8px; padding: 0 0.5rem; border-radius: 4px; border-radius: 0.25rem; color: #FFF; line-height: 2; height: 24px; background-color: #b3b3b3; cursor: pointer; text-align: center; margin: 0; } .form-group-slider label { margin-bottom: 11px; margin-bottom: 0.6875rem; } .form-group-slider .informational-link { position: absolute; left: 27px; } .form-group-slider .informational-link .icon { top: -2px; } .form-group-slider .ltr-infos { float: right; text-align: right; } .form-group-slider .scale { position: relative; text-align: center; width: 100% } .form-group-slider .scale span { margin-top: 8px; margin-top: 0.5rem; text-align: center; vertical-align: top; float: left; color: #b3b3b3; } .form-group-slider .scale .intermediate { position: absolute; top: 0; } .form-group-slider .scale .start { text-align: left; } .form-group-slider .scale .end { float: right; text-align: right; } .form-group-slider .scale.scale10 .intermediate { left: 5%; right: 5% } .form-group-slider .scale.scale10 .intermediate span { width: 11.1111% } .input-card-security-code { width: 80px; width: 5rem; } .input-vat { margin-left: -1px; width: 160px; width: 10rem; display: inline-block; } .input-vat-country-prefix { padding: 0 12px; padding: 0 0.75rem; height: 36px; height: 2.25rem; border-style: solid; border-color: #ccc; border-width: 1px; border-width: 0.0625rem; display: inline-block; float: left; vertical-align: top; line-height: 3; text-align: center; white-space: nowrap; } .input-vat-country-prefix:empty { display: none; } .payment-methods { margin-top: 20px; margin-top: 1.25rem; } .payment-methods button:focus { outline: 0; } .form-group-paragraph { min-height: 90px; min-height: 5.625rem; } .form-group-paragraph p { margin-bottom: 20px; margin-bottom: 1.25rem; } .form-group.registrer input { margin-left: 0; } .form-group.registrer span { margin-left: 20px; } #funnel-payment fieldset { padding: 20px; padding: 1.25rem; margin-top: 8px; margin-top: 0.5rem; border-width: 1px; border-width: 0.0625rem; border-style: solid; border-color: #ebebeb; } #funnel-payment fieldset:first-of-type, #funnel-payment fieldset .country-form { border-top: solid; border-width: 1px; border-width: 0.0625rem; border-color: #ebebeb; padding-top: 1.25rem; margin-top: 0; margin-bottom: 16px; margin-bottom: 1rem; } #funnel-payment fieldset:first-of-type>.form-group, #funnel-payment fieldset .country-form>.form-group { margin-bottom: 0; } #funnel-payment fieldset:first-of-type button, #funnel-payment fieldset .country-form button { top: -3px; left: 7px; } #funnel-payment fieldset .credit-card-payment .row .form-group { margin-bottom: 0.25rem; } #funnel-payment fieldset.box-terms-conditions { border: none; padding-top: 8px; padding-top: 0.5rem; } .notification { color: #FFF; display: block; background-color: #67b7bf; opacity: 1; } .notification__body>*:first-child { padding-left: 24px; padding-left: 1.5rem; } .notification__icon, .notification__close { width: 48px; width: 3rem; } .notification__icon { padding-right: 16px; padding-right: 1rem; } .notification__text { padding: 16px 0; padding: 1rem 0; /**/ line-height: 1.143; } .notification__text a, .notification__text button { color: inherit; text-decoration: underline; } .notification__close button { width: 48px; width: 3rem; height: 48px; height: 3rem; opacity: 0.3; filter: alpha(opacity=30); color: #000; } .notification__close button .icon { line-height: 1.334; } .notification__close button:hover { color: #FFF; opacity: 1; filter: alpha(opacity=100); } .notification__close button:focus { outline: none; } .notification__countdown { height: 8px; height: 0.5rem; } .notification__countdown-bar { width: 100%; height: 100%; background-color: #000; opacity: .1; } .notification.self-destruct { -webkit-animation: destroyMe 0s ease-in 7s forwards; animation: destroyMe 0s ease-in 7s forwards; } .notification.self-destruct .notification__countdown-bar { -webkit-animation: barAnimation 7s linear; animation: barAnimation 7s linear; } .notification.warning { background-color: #ed795a; } .notification-float-list { position: fixed; top: 16px; top: 1rem; right: 16px; right: 1rem; width: 320px; width: 20rem; z-index: 630; } .notification-float-list>li { margin-bottom: 8px; margin-bottom: 0.5rem; } .notification-announcements-list { z-index: 630; position: relative; position: fixed; bottom: 0; left: 0; right: 0; } .notification-announcements-list>li { border-bottom: 1px solid #FFF; } .notification-announcements-list>li:last-child { border-bottom: none; } @-webkit-keyframes destroyMe { to { width: 0; height: 0; overflow: hidden; visibility: hidden; } } @keyframes destroyMe { to { width: 0; height: 0; overflow: hidden; visibility: hidden; } } @-webkit-keyframes barAnimation { to { width: 0% } } @keyframes barAnimation { to { width: 0% } } .picker-filter { padding-bottom: 24px; padding-bottom: 1.5rem; } .picker-filter>div { border-bottom: 1px solid #ccc; } .picker-filter>div:first-child { width: 100%; padding-right: 5.2px; padding-right: 0.325rem; } .picker-filter_input { padding: 6px 0; padding: 0.375rem 0; width: 100%; border: none; outline: none; } .picker-filter_clear { margin-right: -10px; margin-right: -0.625rem; } .picker-list { overflow-y: auto; background-color: #FFF; color: #646464; height: auto; line-height: 3rem; } .picker-list .item { height: 48px; height: 3rem; border-bottom: 1px solid #e6e6e6; } .picker-list .item:last-child { border-bottom: none; } .picker-list input[type=checkbox] { display: none; } .picker-list .hitbox { height: 100%; width: 100%; text-align: left; outline: none; padding: 0 16px 0 0; padding: 0 1rem 0 0; margin: 0; } .picker-list .hitbox .icon { margin-right: 12px; margin-right: 0.75rem; top: 2px; color: #ccc; } .picker-list .hitbox .icon.bordered { font-size: 11px; font-size: 0.6875rem; border: 1px solid; top: 0px; padding-top: 2px; padding-left: 1px; margin-right: 0.5rem; } .picker-list .hitbox:hover { cursor: pointer; } .picker-list .hitbox.is-checked .icon, .picker-list input[type=checkbox]:checked+.hitbox .icon { color: #67b7bf; } .picker-list.small { max-height: 145px; max-height: 9.0625rem; } .picker-list.large { max-height: 337px; max-height: 21.0625rem; } .picker-list.framed { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .picker-list.framed .hitbox { padding-left: 16px; padding-left: 1rem; } .processing { position: relative; z-index: 0; } .processing:before { opacity: 0.85; filter: alpha(opacity=85); display: block; z-index: 10; background-color: #FFF; content: '' } .processing>.loader { position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-top: -0.75rem; margin-left: -12px; margin-left: -0.75rem; z-index: 11; display: block; } tr.processing { opacity: 0.25; filter: alpha(opacity=25); } tr.processing:before { display: none; } .quantity-picker { display: inline; font-size: 0; white-space: nowrap; } .quantity-picker .minus, .quantity-picker .field, .quantity-picker .plus { height: 25.6px; height: 1.6rem; display: inline-block; vertical-align: top; } .quantity-picker .minus, .quantity-picker .plus { width: 24px; width: 1.5rem; font-weight: bold; background-color: #b3b3b3; line-height: 0; } .quantity-picker .minus:hover, .quantity-picker .plus:hover { background-color: #9a9a9a; cursor: pointer; text-decoration: none; } .quantity-picker .minus.disabled, .quantity-picker .plus.disabled { cursor: not-allowed; pointer-events: none; } .quantity-picker .minus .icon, .quantity-picker .plus .icon { font-size: 0.75rem; width: 0.75rem; height: 0.75rem; } .quantity-picker .minus { border-top-left-radius: 4px; border-top-left-radius: 0.25rem; border-bottom-left-radius: 4px; border-bottom-left-radius: 0.25rem; } .quantity-picker .plus { border-top-right-radius: 4px; border-top-right-radius: 0.25rem; border-bottom-right-radius: 4px; border-bottom-right-radius: 0.25rem; } .quantity-picker .field { width: 44.8px; width: 2.8rem; padding: 0 8px; padding: 0 0.5rem; display: inline-block; border: 1px solid #b3b3b3; border-left: none; border-right: none; color: #999; outline: none; } .quantity-picker.large .minus, .quantity-picker.large .plus { width: 32px; width: 2rem; height: 36px; height: 2.25rem; } .quantity-picker.large .icon { font-size: 1rem; width: 1rem; height: 1rem; } .quantity-picker.large .field { height: 36px; height: 2.25rem; width: 64px; width: 4rem; text-align: center; border: 2px solid #b3b3b3; border-left: none; border-right: none; margin-left: -2px; } .quantity-picker.prefilled .minus, .quantity-picker.prefilled .plus { background-color: #67b7bf; } .quantity-picker.prefilled .field { border-color: #67b7bf; color: #67b7bf; } .quantity-picker.rounded { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 160px; height: 40px; border: 1px solid black; border-radius: 20px; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3); } .quantity-picker.rounded .minus, .quantity-picker.rounded .plus { background-color: transparent; color: black; margin: 0 8px; } .quantity-picker.rounded .field { border: none; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: black; } .reseller-csv-error-list { border: 1px solid #ed795a; padding: 16px; padding: 1rem; margin-bottom: 32px; margin-bottom: 2rem; } .reseller-csv-error-list li:not(:last-child) { padding-bottom: 12px; padding-bottom: 0.75rem; margin-bottom: 12px; margin-bottom: 0.75rem; border-bottom: 1px solid #e6e6e6; } .reseller-csv-error-list .description { font-family: "futurademi", Arial, sans-serif; color: #ed795a; } .reseller-csv-error-list .error-row { margin: 12px 0 8px; margin: 0.75rem 0 0.5rem; } .reseller-csv-error-list .error-row td { padding: 6px; padding: 0.375rem; border: 1px solid #ccc; white-space: nowrap; } .reseller-csv-error-list .error-row td.error { border: 1px solid #ed795a; background-color: #ed795a; color: #FFF; } .reseller-csv-format .content { padding: 16px 16px 0; padding: 1rem 1rem 0; border: 1px solid whitesmoke; border-bottom: none; } .reseller-csv-format .title { font-family: "futurademi", Arial, sans-serif; margin-bottom: 8px; margin-bottom: 0.5rem; } .reseller-csv-format .example td, .reseller-csv-format .content th { width: 100% } .reseller-csv-format+.reseller-csv-format { margin-top: 8px; margin-top: 0.5rem; } .results-heading { padding: 16px 34px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 992px) { .results-heading { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (max-width: 768px) { .results-heading { padding: 0; } } .results-heading__count { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media only screen and (max-width: 992px) { .results-heading__count { text-align: center; } } @media only screen and (max-width: 768px) { .results-heading__count { display: none; } } .results-heading__count-text { padding-right: 16px; padding-right: 1rem; margin-right: 16px; margin-right: 1rem; display: inline-block; color: gray; background-color: #FFF; margin-bottom: 0; } @media only screen and (max-width: 992px) { .results-heading__count-text { padding-right: 0rem; margin-right: 0rem; } } .results-heading__count-text.highlight { padding-right: 16px; padding-right: 1rem; margin-right: 16px; margin-right: 1rem; color: gray; background-color: #FFF; font-size: 18px; font-weight: 350; color: #67b7bf; } @media only screen and (max-width: 992px) { .results-heading__count-text.highlight { padding-right: 0rem; margin-right: 0rem; } } .results-heading>button:focus { outline: none; } .results-heading__space { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (max-width: 1300px) { .results-heading__space { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } } .results-heading__action { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 768px) { .results-heading__action { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); width: 100% } } .results-heading__action__break { display: none; } @media only screen and (max-width: 768px) { .results-heading__action__break { display: block; -ms-flex-preferred-size: 100%; flex-basis: 100%; height: 0; } } @media only screen and (max-width: 768px) { .results-heading__action__license { display: block; width: 100% } .results-heading__action__license .button-default-license { width: 100%; min-height: 48px; border: none; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; padding: 0; box-shadow: none; } } @media only screen and (max-width: 768px) { .results-heading__action__filter { width: 50%; height: 100%; min-height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 5px; padding-right: 5px; } .results-heading__action__filter .button-checkbox .content-displaying { display: none; } .results-heading__action__filter__order { border: none; color: #646464; outline: none; cursor: pointer; font-size: 1rem; overflow: hidden; text-overflow: ellipsis; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } } .results-heading__action__filter--mobile { display: none; } @media only screen and (max-width: 768px) { .results-heading__action__filter--mobile { display: -webkit-box; display: -ms-flexbox; display: flex; border-right: 1px solid #D8D8D8; margin-right: 0; } } .results-heading__action__filter:nth-child(2) { margin-right: 5px; } @media only screen and (max-width: 768px) { .results-heading__action__filter: nth-child(2) { padding-right: 5px; margin-right: 0; } } .results-heading__action__filter__refine { cursor: pointer; width: 100%; min-height: 44px; margin: 0; } @media only screen and (max-width: 768px) { .results-heading__action__filter__refine { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .results-heading__action__filter__refine span { margin-left: 3px; } } .hero+.section { margin-top: 64px; margin-top: 4rem; } .section { margin-bottom: 64px; margin-bottom: 4rem; } .section.low-bottom-space { margin-bottom: 32px; margin-bottom: 2rem; } .section.no-bottom-space { margin-bottom: 0rem; } .section header { text-align: center; } .section header h1, .section header h2 { text-align: center !important; font-family: "futurabold", Arial, sans-serif; font-size: 24px; } .section header h1, .section header h2 p { margin-bottom: 24px; margin-bottom: 1.5rem; } .section header h1, .section header h2 { text-align: center; } .section header h1.lighter, .section header h2.lighter { font-weight: 300; text-transform: none; font-size: 2rem; } .section header .cta-info { color: #67b7bf; font-family: "futurabold", Arial, sans-serif; margin-bottom: 40px; margin-bottom: 2.5rem; } .section p { max-width: 640px; max-width: 40rem; color: gray; } .section p.h1-grey-aspect { font-family: "futurabold", Arial, sans-serif; font-size: 24px; text-transform: uppercase; } .section .price-condition { color: #67b7bf; font-size: 0.75rem; display: block; text-align: center; max-width: none; } .section .centered { width: 100%; max-width: 100%; text-align: center; } .section .bigger { font-family: "futurabold", Arial, sans-serif; margin-bottom: 56px; margin-bottom: 3.5rem; } .section .no-bottom-space { margin-bottom: 0; } .section.secondary h1 { color: #646464; } .section-background { margin: 0; } .section-pricing { padding-top: 64px; padding-top: 4rem; padding-bottom: 80px; padding-bottom: 5rem; } .section-pricing.low-bottom-padding { padding-bottom: 40px; padding-bottom: 2.5rem; } @media only screen and (max-width: 992px) { .section-pricing { padding-top: 24px; padding-top: 1.5rem; } } .section-pricing-licences { padding-top: 64px; padding-top: 4rem; padding-bottom: 48px; padding-bottom: 3rem; } .section-bottom-padding { padding-bottom: 80px; padding-bottom: 5rem; } .section-bottom-padding-0 { padding-bottom: 0rem; } .section+.section:not(.section-background):before { display: block; margin: 0 auto 72px; margin: 0 auto 4.5rem; width: 40px; width: 2.5rem; height: 8px; height: 0.5rem; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .section:not(.secondary)+.section:not(.secondary):before { border-top-color: #67b7bf; border-bottom-color: #67b7bf; } .section-background:not(.inverted)+.section { margin-top: 64px; margin-top: 4rem; } .task-list li { margin-bottom: 24px; margin-bottom: 1.5rem; } .uft-list-todo-empty { margin-top: 10px; } .task { padding: 32px; padding: 2rem; border: 2px solid #67b7bf; position: relative; } .task.split { max-width: 1200px; max-width: 75rem; } .task__heading { margin-bottom: 16px; margin-bottom: 1rem; font-family: "futurademi", Arial, sans-serif; color: #67b7bf; line-height: 1.334; } .task__split-cols { margin-top: 8px; margin-top: 0.5rem; } @media only screen and (min-width: 1200px) { .task__split-cols .col-left, .task__split-cols .col-right { padding-top: 24px; padding-top: 1.5rem; } .task__split-cols .col-left { padding-right: 32px; padding-right: 2rem; border-right: 1px solid #ccc; } .task__split-cols .col-right { padding-left: 32px; padding-left: 2rem; } } .task__wire-transfer-change { text-align: center; } .task__wire-transfer-invoice, .task__wire-transfer-bank-accounts { margin-bottom: 16px; margin-bottom: 1rem; } .task__wire-transfer-bank-accounts { display: block; padding: 8px 0; padding: 0.5rem 0; } .task__wire-transfer-bank-accounts>li { float: left; width: 50%; padding: 8px 16px 8px 0; padding: 0.5rem 1rem 0.5rem 0; } .task__wire-transfer-bank-accounts>li:last-child { border-left: 1px solid #ccc; padding: 8px 0rem 8px 16px; padding: 0.5rem 0rem 0.5rem 1rem; } .task__wire-transfer .flex-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .task__wire-transfer .flex-content ul { margin: 0; padding: 0; } .task__wire-transfer .flex-content li { width: auto; } .task__wire-transfer .flex-content .button { max-width: 400px; } .task__date { position: absolute; top: 0; right: 0; color: #FFF; background-color: #8bc8ce; padding: 4px; padding: 0.25rem; line-height: 1; } .task dl { margin: 8px 0 8px; margin: 0.5rem 0 0.5rem; } .task dl dt, .task dl dd { display: inline; } .task dl dt:before { content: ""; display: block; } .task dl dd { font-family: "futurademi", Arial, sans-serif; } .task .chosen-container { width: 100% !important; } .task.locked { border-color: #d3eaec; } .task.locked:after { opacity: 0.7; filter: alpha(opacity=70); display: block; z-index: 10; background-color: #FFF; content: '' } .task.locked:hover { cursor: not-allowed; } .thumb-list { margin: 0 -8px; margin: 0 -0.5rem; } .thumb-list li { float: left; width: 50%; padding: 8px; padding: 0.5rem; } .thumb-list li.thumb-tradingdesk { width: 100% } .thumb-list li.thumb-seo { width: 100% } .thumb-list li>div { overflow: hidden; } .thumb-list li>div>div:first-child { z-index: -1; } .thumb-list li>div>div:first-child:after { opacity: 0.35; filter: alpha(opacity=35); } .thumb-list li:hover img { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.1, 1.1); transform: translateZ(0) scale(1.1, 1.1); } .thumb-list a, .thumb-list button { width: 100%; height: 100%; text-decoration: none; padding: 0 8px; padding: 0 0.5rem; white-space: normal; word-break: break-word; } .thumb-list img { transition: all .2s ease-in-out; } .thumb-list .icon { color: #FFF; line-height: 1.334; } .thumb-list h2 { font-size: 1rem; font-weight: "futurabook", Arial, sans-serif; line-height: 1.334; text-transform: uppercase; color: #FFF; margin: 0; } @media only screen and (min-width: 350px) { .thumb-list li.thumb-seo { width: 50% } } @media only screen and (min-width: 480px) { .thumb-list li.thumb-tradingdesk { width: 50% } } @media only screen and (min-width: 768px) { .thumb-list li { width: 25% } .thumb-list li.thumb-seo { width: 33.33333% } } @media only screen and (min-width: 992px) { .thumb-list li { width: 16.66667% } .thumb-list li.large { width: 33.33333% } .thumb-list li.thumb-tradingdesk { width: 25% } .thumb-list li.thumb-seo { width: 20% } } @media only screen and (min-width: 1200px) { .thumb-list li { width: 14.28571% } .thumb-list li.large { width: 28.55% } .thumb-list li.thumb-tradingdesk { width: 25% } .thumb-list li.thumb-seo { width: 20% } } .checkout-container { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin: 48px auto 0; padding: 0; } .checkout-container li { z-index: 1; position: relative; list-style-type: none; width: 100% } .checkout-container li i { background-color: #FFF; border: 3px solid #b3b3b3; width: 30px; height: 30px; border-radius: 50%; margin: 0 auto; display: block; } .checkout-container li p { width: 100%; text-align: center; margin-top: 6px; color: #b3b3b3; } .checkout-container li[current] i { background-color: #FFF; position: relative; } .checkout-container li[current] i::after { content: ''; position: absolute; width: 14px; height: 14px; border: 7px solid; border-radius: 50%; color: #67b7bf; top: 5px; left: 5px; } .checkout-container li[current] p { color: #67b7bf; } .checkout-container li[validated] i { background-color: #67b7bf; border-color: #67b7bf; position: relative; } .checkout-container li[validated] i::after { content: ''; display: block; position: absolute; top: 3px; left: 7px; width: 9px; height: 16px; border: solid #FFF; border-width: 0 4px 4px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .checkout-container::after { content: ''; border: 1.5px solid #b3b3b3; position: absolute; top: 14px; left: calc(100% / 6); width: calc((100% / 6)*4); } [progressbar-steps-container] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin: 0 auto; padding: 0; } [progressbar-steps-container]::after { content: ''; position: absolute; top: 5px; height: 6px; left: calc(100% / 8); width: calc((100% / 8)*6); background-color: #e6e6e6; border-radius: 3px; } [progressbar-steps-container] li { z-index: 1; position: relative; list-style-type: none; width: 100% } [progressbar-steps-container] li i { background-color: transparent; border-color: transparent; width: 16px; height: 16px; border-radius: 50%; margin: 0 auto; display: block; } [progressbar-steps-container] li p { width: 100%; text-align: center; margin-top: 6px; color: #ccc; } [progressbar-steps-container][default] li:first-of-type i { background-color: #67b7bf; } [progressbar-steps-container][default] li:first-of-type p { color: #67b7bf; } [progressbar-steps-container][step1] li:nth-of-type(2) i { background-color: #67b7bf; } [progressbar-steps-container][step1] li:nth-of-type(1) p, [progressbar-steps-container][step1] li:nth-of-type(2) p { color: #67b7bf; } [progressbar-steps-container][step1]::before { content: ''; position: absolute; top: 5px; height: 6px; background-color: #67b7bf; border-radius: 3px; z-index: 1; left: calc(100% / 8); width: calc((100% / 8)*2); } [progressbar-steps-container][step2] li:nth-of-type(3) i { background-color: #67b7bf; } [progressbar-steps-container][step2] li:nth-of-type(1) p, [progressbar-steps-container][step2] li:nth-of-type(2) p, [progressbar-steps-container][step2] li:nth-of-type(3) p { color: #67b7bf; } [progressbar-steps-container][step2]::before { content: ''; position: absolute; top: 5px; height: 6px; background-color: #67b7bf; border-radius: 3px; z-index: 1; left: calc(100% / 8); width: calc((100% / 8)*4); } [progressbar-steps-container][validated] li:nth-of-type(4) i { background-color: #67b7bf; position: relative; } [progressbar-steps-container][validated] li:nth-of-type(4) i::after { content: ''; display: block; position: absolute; top: 2px; left: 5px; width: 5px; height: 9px; border: solid #FFF; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } [progressbar-steps-container][validated] li:nth-of-type(1) p, [progressbar-steps-container][validated] li:nth-of-type(2) p, [progressbar-steps-container][validated] li:nth-of-type(3) p, [progressbar-steps-container][validated] li:nth-of-type(4) p { color: #67b7bf; } [progressbar-steps-container][validated]::before { content: ''; position: absolute; top: 5px; height: 6px; background-color: #67b7bf; border-radius: 3px; z-index: 1; left: calc(100% / 8); width: calc((100% / 8)*6); } .progressbar-container { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin: 0 auto; padding: 0; } .progressbar-container .remaining { width: 50%; height: 6px; background-color: #67b7bf; position: absolute; right: 0; top: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .progressbar-container .total { width: 100%; height: 6px; background-color: #afd9dd; border-radius: 3px; } .referral-subscription-container { border: 0.5rem solid #afd9dd; padding: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .referral-subscription-container p { margin: 0; color: #b3b3b3; line-height: 1.35; max-width: 100% } .referral-subscription-container p:last-of-type { text-transform: uppercase; } .referral-subscription-container .completed-text, .referral-subscription-container .expired-text { display: none; } .referral-subscription-container [progressbar-steps-container] { margin: 8px; } .referral-subscription-container[completed]>p:first-of-type, .referral-subscription-container[completed] .expired-text { display: none; } .referral-subscription-container[completed] .completed-text { display: inline; } .referral-subscription-container[expired] p:first-of-type, .referral-subscription-container[expired] ol, .referral-subscription-container[expired] .completed-text { display: none; } .referral-subscription-container[expired] .expired-text { display: inline; margin-bottom: 10px; } .referral-subscription-container[expired] p:last-of-type span { display: block; font-size: 2.5rem; font-family: "futurabold", Arial, sans-serif; line-height: 1; margin-bottom: -10px; } .referral-subscription-container[only-total] p:first-of-type, .referral-subscription-container[only-total] ol, .referral-subscription-container[only-total] .completed-text, .referral-subscription-container[only-total] .expired-text { display: none; } .referral-subscription-container[only-total] p:last-of-type span { display: block; font-size: 2.5rem; font-family: "futurabold", Arial, sans-serif; line-height: 1; margin-bottom: -10px; } select[c-select] { position: fixed; top: -9999px; left: -9999px; } .c-select { width: 260px !important; line-height: 2.25rem; color: #67b7bf; font-size: 1rem; outline: none; cursor: pointer; background-color: #fff; height: auto; transition: border-radius 0s linear .1s, border-bottom 0s linear .1s; width: 100%; border: 2px solid #67b7bf; border-radius: 6px; position: relative; } .c-select__textbox { display: block; padding: 0 1.5rem; margin: 0; text-overflow: ellipsis; white-space: nowrap; min-height: 2.25rem; position: relative; text-transform: none; outline: none; cursor: pointer; overflow: hidden; box-sizing: border-box; } .c-select i { position: absolute; right: 24px; top: 10px; transition: -webkit-transform .1s linear .1s; transition: transform .1s linear .1s; } .c-select__listbox { max-height: 0rem; background-color: transparent; border-top: none; border-right: 2px solid #67b7bf; margin-right: -2px; border-left: 2px solid #67b7bf; margin-left: -2px; width: 260px; z-index: 110; transition: all .15s ease-out 0s; outline: none; cursor: pointer; overflow: hidden; position: absolute; } .c-select__option { background-color: #fff; outline: none; cursor: pointer; text-decoration: none; padding: 0 1.5rem; color: #67b7bf; overflow: ellipsis; white-space: nowrap; min-height: 2.25rem; text-transform: none; } .c-select__option[selected] { color: #4bd2e2; } .c-select__option.is-focused { color: #fff; background-color: #009de0; } .c-select__option:hover { color: #fff; background-color: #67b7bf; } .c-select[extended] { border-radius: 6px 6px 0 0; transition: border-radius 0s linear 0s, border-bottom 0.1s linear 0s; } .c-select[extended]:before { content: ''; box-shadow: 0 0.2rem 0.5rem 0 #d0d0d0; border-radius: 6px; position: absolute; width: calc(100%+2px * 2); margin-left: -2px; min-height: calc(100%+74px); margin-top: -2px; } .c-select[extended] i { -webkit-transform: scaleY(-1); transform: scaleY(-1); } .c-select[extended] .c-select__textbox:after { content: ''; border-bottom: 1px solid #8bc8ce; height: 1px; margin-top: -1px; display: block; } .c-select[extended] .c-select__listbox { max-height: 74px; border-bottom: 2px solid #67b7bf; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .c-select[extended] .c-select__listbox:after { content: ''; box-shadow: 0 0.2rem 0.5rem 0 #cfcfcf; margin-top: -2.25rem; } .c-select[extended] .c-select__listbox:hover { overflow: auto; } .widget { min-width: 662px; min-height: 460px; height: 100%; background-color: #FFF; padding: 36px; padding: 2.25rem; border-radius: 12px; border-radius: 0.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; cursor: default; } @-webkit-keyframes l-fade-in-background { 0% { background-color: rgba(255, 255, 255, 0); } 100% { background-color: white; } } @keyframes l-fade-in-background { 0% { background-color: rgba(255, 255, 255, 0); } 100% { background-color: white; } } @-webkit-keyframes l-move-from-left { 0%, 50% { -webkit-transform: translateX(-400px); transform: translateX(-400px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes l-move-from-left { 0%, 50% { -webkit-transform: translateX(-400px); transform: translateX(-400px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @media only screen and (max-width: 725px) { .widget { min-width: 100% } } @media only screen and (max-width: 565px) { .widget { padding: 24px; padding: 1.5rem; } } .widget.half-width { min-width: 331px; } @media only screen and (max-width: 725px) { .widget.half-width { min-width: 100% !important; } } @media only screen and (max-width: 565px) { .widget.half-width { padding: 24px; padding: 1.5rem; } } .widget>* { width: 100% } .widget header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .widget header h1 { color: black; margin: 0; text-transform: initial; text-transform: uppercase; font-family: Futura; } .widget header .explore-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #666; text-decoration: none; } .widget header .explore-track .icon-container { margin-left: 10px; border: 1px solid #666; border-radius: 30px; height: 30px; width: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .widget .content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media only screen and (max-width: 725px) { .widget .content { margin: 12px 0; margin: 0.75rem 0; } } .widget .content ul { width: 100%; margin: 0; padding: 0; list-style-type: none; } .widget .content ul>li { color: #999; margin-top: 8px; margin-top: 0.5rem; margin-bottom: 8px; margin-bottom: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-width: 0; } .widget .content ul>li.titles p { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; } @media only screen and (max-width: 565px) { .widget .content ul>li.titles { display: none; } } .widget .content ul>li>p { text-transform: uppercase; color: #999; width: 100%; margin-bottom: 0; line-height: initial; letter-spacing: 1px; } .widget .content ul>li .infos, .widget .content ul>li .actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .widget .content ul>li .infos p, .widget .content ul>li .actions p { color: #999; } .widget .content ul>li .infos p[ellipsed], .widget .content ul>li .actions p[ellipsed] { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .widget .content ul>li .infos p::first-letter, .widget .content ul>li .actions p::first-letter { text-transform: capitalize; } .widget .content ul>li .infos button, .widget .content ul>li .actions button { position: relative; outline: none; display: -webkit-box; display: -ms-flexbox; display: flex; } .widget .content ul>li .infos button:hover, .widget .content ul>li .actions button:hover { color: #67b7bf; } >.icon .widget .content ul>li .infos button:not(.icon-play), >.icon .widget .content ul>li .actions button:not(.icon-play) { display: block; } .widget .content ul>li .infos button .icon-alert-full, .widget .content ul>li .actions button .icon-alert-full { display: none; } .widget .content ul>li .infos button .icon-streaming, .widget .content ul>li .actions button .icon-streaming { color: #67b7bf; } .widget .content ul>li .infos button[action-requested] .icon-alert-full, .widget .content ul>li .actions button[action-requested] .icon-alert-full { display: block; color: orange; position: absolute; top: -7px; right: -6px; z-index: 1; } .widget .content ul>li .infos button[action-requested] .icon-alert-full::before, .widget .content ul>li .actions button[action-requested] .icon-alert-full::before { border: 2px solid #FFF; border-radius: 50%; background-color: #FFF; } .widget .content ul>li .infos button[action-requested].disabled .icon-alert-full:hover, .widget .content ul>li .actions button[action-requested].disabled .icon-alert-full:hover { color: orange; cursor: default; } .widget .content ul>li .infos button .lds-ring, .widget .content ul>li .actions button .lds-ring { display: none; } .widget .content ul>li .infos button[is-processing], .widget .content ul>li .actions button[is-processing] { pointer-events: none; cursor: not-allowed; } .widget .content ul>li .infos button[is-processing]>i, .widget .content ul>li .actions button[is-processing]>i { display: none; } .widget .content ul>li .infos button[is-processing] .lds-ring, .widget .content ul>li .actions button[is-processing] .lds-ring { display: inline-block; width: 28px; height: 28px; } .widget .content ul>li .infos button[is-processing] .lds-ring div, .widget .content ul>li .actions button[is-processing] .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 22px; height: 22px; margin: 3px; border: 2px solid #67b7bf; border-radius: 50%; -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #67b7bf transparent transparent transparent; } .widget .content ul>li .infos button[is-processing] .lds-ring div:nth-child(1), .widget .content ul>li .actions button[is-processing] .lds-ring div:nth-child(1) { -webkit-animation-delay: -0.45s; animation-delay: -0.45s; } .widget .content ul>li .infos button[is-processing] .lds-ring div:nth-child(2), .widget .content ul>li .actions button[is-processing] .lds-ring div:nth-child(2) { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .widget .content ul>li .infos button[is-processing] .lds-ring div:nth-child(3), .widget .content ul>li .actions button[is-processing] .lds-ring div:nth-child(3) { -webkit-animation-delay: -0.15s; animation-delay: -0.15s; } @-webkit-keyframes lds-ring { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes lds-ring { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .widget .content ul>li .infos button:last-child { display: none; } .widget .content ul>li .infos .hint--top i { line-height: 1.5; } @media only screen and (max-width: 725px) { .widget .content ul>li .infos { width: 100% } } .widget .content ul>li .infos>* { padding-right: 12px; margin: 0; } .widget .content ul>li .actions { min-height: 37px; } .widget .content ul>li .actions>* { margin: 0 12px; } .widget .content ul>li .actions>*:last-child { margin-right: 0; } .widget .content ul>li .actions button.disabled, .widget .content ul>li .actions button.disabled i { color: #ccc; } .widget .content ul>li .actions button.disabled:hover, .widget .content ul>li .actions button.disabled i:hover { color: #ccc; cursor: default; } .widget .content ul>li .actions .action { position: relative; } .widget .content ul>li .actions .action:last-child { margin-left: 7px; } .widget .content ul>li .actions .action .dropdown-content-open { display: none; } .widget .content ul>li .actions .action:hover .dropdown-content-open { display: block !important; z-index: 115; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-name: tooltip-anim; animation-name: tooltip-anim; } @-webkit-keyframes tooltip-anim { from { opacity: 0; -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes tooltip-anim { from { opacity: 0; -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @media only screen and (max-width: 725px) { .widget .content ul>li .actions .action: hover .dropdown-content-open { display: none; } } .widget .content ul>li .actions .action.dropdown-hover-not-allowed:hover .dropdown-content-open { -webkit-animation: none; animation: none; } @media only screen and (max-width: 725px) { .widget .content ul>li .actions .action.clicked .dropdown-content-open { display: block; z-index: 2; } .widget .content ul>li .actions .action.clicked .dropdown-content-open:hover { display: block; -webkit-animation: none; animation: none; } .widget .content ul>li .actions .action.clicked:hover .dropdown-content-open { -webkit-animation: none; animation: none; } } .widget .content .pop-in-wrapper ul li { color: #FFF; } .widget footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-flow: row-reverse; flex-flow: row-reverse; position: relative; } .widget footer .action .dropdown-content-open { display: none; } .widget footer .action:hover .dropdown-content-open { display: block; z-index: 2; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-name: tooltip-anim; animation-name: tooltip-anim; bottom: 35px; right: 0; } @media only screen and (max-width: 725px) { .widget footer .action: hover .dropdown-content-open { display: none; } } .widget footer .button-cart { width: auto; position: relative; } .widget footer .button-cart[pdf] { width: 220px; } .widget .dropdown-content-open { position: absolute; bottom: 25px; right: -13px; } .widget .dropdown-content-open .pin-bottom { margin-bottom: 16px; width: 16rem; } .widget .dropdown-content-open .pin-bottom .pop-in__heading::first-letter { text-transform: capitalize; } .widget .dropdown-content-open .pin-bottom ul { padding: 0.5rem 1.5rem 1.5rem 1.5rem; width: 100%; margin: 0; } .widget .dropdown-content-open .pin-bottom ul li { margin: 0 2px; display: inline-block; } .widget .dropdown-content-open .pin-bottom ul li:not(:last-of-type) a { margin-bottom: 6px; } .widget .dropdown-content-open .pin-bottom ul li button { margin: 0 !important; } .widget .dropdown-content-open .pin-bottom ul li button:hover { color: #FFF; } .widget .dropdown-content-open[action-requested] .pop-in { border-color: orange; } .widget .dropdown-content-open[action-requested] .pop-in .pop-in__heading { color: orange; } .widget .dropdown-content-open[action-requested] .pop-in .pop-in__actions li button, .widget .dropdown-content-open[action-requested] .pop-in .pop-in__actions button { background-color: orange !important; } .widget .dropdown-content-open[action-requested] .pop-in .pop-in__actions li button:hover, .widget .dropdown-content-open[action-requested] .pop-in .pop-in__actions button:hover { background-color: orange; } .widget .dropdown-content-open[action-requested] .pop-in.pin-bottom::before, .widget .dropdown-content-open[action-requested] .pop-in.pin-bottom::after { top: 100%; right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .widget .dropdown-content-open[action-requested] .pop-in.pin-bottom:before { border-color: rgba(245, 110, 110, 0); border-top-color: orange; border-width: 10px; right: 15px; } .widget .dropdown-content-open[action-requested] .pop-in.pin-bottom:after { background-image: none; border-color: rgba(255, 255, 255, 0); border-top-color: #FFF; border-width: 7px; right: 18px; } @media only screen and (max-width: 725px) { .widget[catalog][track-pack] header { -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } } .widget[catalog][track-pack] header>div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } @media only screen and (max-width: 725px) { .widget[catalog][track-pack] header>div { width: 100%; margin-top: 8px; margin-top: 0.5rem; } } .widget[catalog][track-pack] header>div>div { -ms-flex-item-align: end; align-self: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .widget[catalog][track-pack] header>div>div h2 { margin: 0; padding-right: 10px; } .widget[catalog][track-pack] header>div>div h2 span { color: #67b7bf; } .widget[catalog][track-pack] header>div>div .c-select { width: 220px !important; -ms-flex-item-align: end; align-self: flex-end; } .widget[catalog][track-pack] header>div>div .c-select__listbox { width: 220px; } .widget[catalog][track-pack] header>div .secondary-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 8px; margin-top: 0.5rem; } .widget[catalog][track-pack] header>div .secondary-container .progressbar-container { width: 140px; } @media only screen and (max-width: 725px) { .widget[catalog][track-pack] header>div .secondary-container .progressbar-container { margin-right: 0; } } .widget[catalog][track-pack] header>div .secondary-container .progressbar-container .remaining { width: auto; } .widget[catalog][track-pack] header>div .secondary-container .remaining-tracks { margin: 0 16px 0 8px; margin: 0 1rem 0 0.5rem; color: #999; } @media only screen and (max-width: 725px) { .widget[catalog][track-pack] header>div .secondary-container .remaining-tracks { margin-right: 0; } } .widget[catalog][track-pack] header>div .secondary-container .remaining-tracks span { color: #67b7bf; font-family: "futurademi", Arial, sans-serif; } @media only screen and (max-width: 725px) { .widget[catalog][track-pack] header>div .secondary-container .simple { position: absolute; top: 7px; } } .widget[catalog][track-pack] header>div .secondary-container .simple .icon-wrong { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 2px; -ms-transform: rotate(45deg) translateZ(0); -ms-transform-origin: 44% 49% } .widget[catalog] .content ul>li .infos { width: calc(100% - 211px); } @media only screen and (max-width: 725px) { .widget[catalog] .content ul>li .infos { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .widget[catalog] .content ul>li .infos p:nth-of-type(1) { width: 92px; min-width: 92px; font-size: 12px; } @media only screen and (max-width: 725px) { .widget[catalog] .content ul>li .infos p: nth-of-type(1) { margin: 10px 0; } } @media only screen and (max-width: 565px) { .widget[catalog] .content ul>li .infos p: nth-of-type(1) { display: none; } } .widget[catalog] .content ul>li .infos .hint--top { padding: 0; } .widget[catalog] .content ul>li .infos button { width: 24px; padding: 0; } .widget[catalog] .content ul>li .infos button::before, .widget[catalog] .content ul>li .infos button i, .widget[catalog] .content ul>li .infos button i:last-of-type { width: 24px; margin-right: 0; } .widget[catalog] .content ul>li .infos p:nth-of-type(2) { width: 100%; min-width: 0; padding-left: 15px; } .widget[catalog] .content ul>li .infos i:last-of-type { width: 24px; min-width: 24px; padding: 0; } @media only screen and (max-width: 725px) { .widget[catalog] .content ul>li .infos i: last-of-type { margin-right: 0; } } .widget[livestream] .content ul .titles { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .widget[livestream] .content ul .titles p:nth-child(1) { width: calc(100% - 95px - 130px - 130px); } @media only screen and (max-width: 725px) { .widget[livestream] .content ul .titles p: nth-child(1) { width: calc(100% - 95px - 130px); } } @media only screen and (max-width: 565px) { .widget[livestream] .content ul .titles p: nth-child(1) { width: calc(100% - 130px); } } .widget[livestream] .content ul .titles p:nth-child(2) { width: 130px; } @media only screen and (max-width: 725px) { .widget[livestream] .content ul .titles p: nth-child(2) { display: none; } } .widget[livestream] .content ul .titles p:nth-child(3) { width: 130px; } .widget[livestream] .content ul .titles p:nth-child(4) { width: auto; } .widget[livestream] .content ul>li .infos { width: calc(100% - 95px); } .widget[livestream] .content ul>li .infos p:nth-child(1) { width: 100% } .widget[livestream] .content ul>li .infos p:nth-child(2) { width: 130px; min-width: 130px; } @media only screen and (max-width: 725px) { .widget[livestream] .content ul>li .infos p: nth-child(2) { display: none; } } .widget[livestream] .content ul>li .infos p:nth-child(3) { width: 130px; min-width: 130px; } .widget[livestream] .content ul>li .actions .action:last-child { margin-left: 12px; } .widget[livestream] footer button.transparent { margin: 0 10px; width: 180px; } @media only screen and (max-width: 480px) { .widget[livestream] footer button.transparent { width: 160px; } } .widget[instore] .content ul .titles { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .widget[instore] .content ul .titles p:nth-child(1) { width: calc(100% - 150px - 95px - 95px - 95px); } @media only screen and (max-width: 725px) { .widget[instore] .content ul .titles p: nth-child(1) { width: calc(100% - 95px - 95px - 95px); } } @media only screen and (max-width: 565px) { .widget[instore] .content ul .titles p: nth-child(1) { width: calc(100% - 95px - 95px); } } .widget[instore] .content ul .titles p:nth-child(2) { width: 150px; } @media only screen and (max-width: 725px) { .widget[instore] .content ul .titles p: nth-child(2) { display: none; } } .widget[instore] .content ul .titles p:nth-child(3) { width: 95px; } @media only screen and (max-width: 565px) { .widget[instore] .content ul .titles p: nth-child(3) { display: none; } } .widget[instore] .content ul .titles p:nth-child(4) { width: 95px; } .widget[instore] .content ul .titles p:nth-child(5) { width: auto; } .widget[instore] .content ul>li .infos { width: calc(100% - 95px); } .widget[instore] .content ul>li .infos p:nth-child(1) { width: calc(100% - 150px - 95px - 95px); } @media only screen and (max-width: 725px) { .widget[instore] .content ul>li .infos p: nth-child(1) { width: calc(100% - 95px - 95px); } } @media only screen and (max-width: 565px) { .widget[instore] .content ul>li .infos p: nth-child(1) { width: calc(100% - 95px); } } .widget[instore] .content ul>li .infos p:nth-child(2) { width: 150px; } @media only screen and (max-width: 725px) { .widget[instore] .content ul>li .infos p: nth-child(2) { display: none; } } .widget[instore] .content ul>li .infos p:nth-child(3) { width: 95px; min-width: 95px; font-size: 12px; } @media only screen and (max-width: 565px) { .widget[instore] .content ul>li .infos p: nth-child(3) { display: none; } } .widget[instore] .content ul>li .infos p:nth-child(4) { width: 95px; min-width: 95px; } .widget[instore] .content ul>li .actions .action:last-child { margin-left: 12px; } .widget[instore] footer button.transparent { margin: 0 10px; width: 180px; } @media only screen and (max-width: 480px) { .widget[instore] footer button.transparent { width: 160px; } } @media only screen and (max-width: 480px) { .widget[catalog] .content ul>li .infos, .widget[livestream] .content ul>li .infos, .widget[instore] .content ul>li .infos { width: 100%; position: relative; } .widget[catalog] .content ul>li .infos button:last-child, .widget[livestream] .content ul>li .infos button:last-child, .widget[instore] .content ul>li .infos button:last-child { display: block; padding: 0.25rem 0.75rem; margin-right: -1rem; } .widget[catalog] .content ul>li .infos button:last-child i, .widget[livestream] .content ul>li .infos button:last-child i, .widget[instore] .content ul>li .infos button:last-child i { color: gray; } .widget[catalog] .content ul>li .infos button:last-child:hover i, .widget[livestream] .content ul>li .infos button:last-child:hover i, .widget[instore] .content ul>li .infos button:last-child:hover i { color: #67b7bf; } .widget[catalog] .content ul>li .actions, .widget[livestream] .content ul>li .actions, .widget[instore] .content ul>li .actions { display: none; } .widget[catalog] .content ul>li[checked], .widget[livestream] .content ul>li[checked], .widget[instore] .content ul>li[checked] { -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: calc(100%+58px); margin: -58px 0 -58px 0; padding: 58px 1.5rem 0rem 1.5rem; z-index: 760; -webkit-animation: l-fade-in-background .1s; animation: l-fade-in-background .1s; background-color: #FFF; overflow-y: scroll; overflow-x: hidden; } .widget[catalog] .content ul>li[checked] .infos, .widget[livestream] .content ul>li[checked] .infos, .widget[instore] .content ul>li[checked] .infos { -ms-flex-wrap: wrap; flex-wrap: wrap; } .widget[catalog] .content ul>li[checked] .infos button:last-child, .widget[livestream] .content ul>li[checked] .infos button:last-child, .widget[instore] .content ul>li[checked] .infos button:last-child { -webkit-transform: rotate(180deg); transform: rotate(180deg); top: 0; left: -1rem; padding: 1rem; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .widget[catalog] .content ul>li[checked] .infos p, .widget[livestream] .content ul>li[checked] .infos p, .widget[instore] .content ul>li[checked] .infos p { -webkit-animation: l-move-from-left .5s; animation: l-move-from-left .5s; padding: 0; } .widget[catalog] .content ul>li[checked] .infos p:nth-child(1), .widget[livestream] .content ul>li[checked] .infos p:nth-child(1), .widget[instore] .content ul>li[checked] .infos p:nth-child(1) { width: 100%; font-size: 22px; font-size: 1.375rem; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .widget[catalog] .content ul>li[checked] .infos p:nth-child(2), .widget[livestream] .content ul>li[checked] .infos p:nth-child(2), .widget[instore] .content ul>li[checked] .infos p:nth-child(2) { display: block; font-size: 16px; font-size: 1rem; white-space: pre-wrap; width: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .widget[catalog] .content ul>li[checked] .infos p:nth-child(3), .widget[livestream] .content ul>li[checked] .infos p:nth-child(3), .widget[instore] .content ul>li[checked] .infos p:nth-child(3) { display: block; width: 50%; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; text-align: right; } .widget[catalog] .content ul>li[checked] .infos p:nth-child(4), .widget[livestream] .content ul>li[checked] .infos p:nth-child(4), .widget[instore] .content ul>li[checked] .infos p:nth-child(4) { width: 50%; text-align: left; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .widget[catalog] .content ul>li[checked] .actions, .widget[livestream] .content ul>li[checked] .actions, .widget[instore] .content ul>li[checked] .actions { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; position: relative; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-animation: l-move-from-left .5s both; animation: l-move-from-left .5s both; } .widget[catalog] .content ul>li[checked] .actions .action, .widget[livestream] .content ul>li[checked] .actions .action, .widget[instore] .content ul>li[checked] .actions .action { position: initial; margin: 0 34px 0 0; } .widget[catalog] .content ul>li[checked] .actions .action button:not(.button), .widget[livestream] .content ul>li[checked] .actions .action button:not(.button), .widget[instore] .content ul>li[checked] .actions .action button:not(.button) { height: 52px; width: 52px; background-color: whitesmoke; border-radius: 50%; padding: 12px; color: #999; } .widget[catalog] .content ul>li[checked] .actions .action button:not(.button) .icon-alert-full, .widget[livestream] .content ul>li[checked] .actions .action button:not(.button) .icon-alert-full, .widget[instore] .content ul>li[checked] .actions .action button:not(.button) .icon-alert-full { font-size: 1.25rem; right: 0; } .widget[catalog] .content ul>li[checked] .actions .action button:not(.button):first-child, .widget[livestream] .content ul>li[checked] .actions .action button:not(.button):first-child, .widget[instore] .content ul>li[checked] .actions .action button:not(.button):first-child { margin-left: 0; } .widget[catalog] .content ul>li[checked] .actions .action button:not(.button):first-child .icon-streaming, .widget[livestream] .content ul>li[checked] .actions .action button:not(.button):first-child .icon-streaming, .widget[instore] .content ul>li[checked] .actions .action button:not(.button):first-child .icon-streaming { width: 52px; margin-top: -4px; } .widget[catalog] .content ul>li[checked] .actions .action.clicked button:not(.button), .widget[livestream] .content ul>li[checked] .actions .action.clicked button:not(.button), .widget[instore] .content ul>li[checked] .actions .action.clicked button:not(.button) { color: #67b7bf; } .widget[catalog] .content ul>li[checked] .actions .action.clicked .dropdown-content-open, .widget[livestream] .content ul>li[checked] .actions .action.clicked .dropdown-content-open, .widget[instore] .content ul>li[checked] .actions .action.clicked .dropdown-content-open { width: 100%; top: 80px; left: 0; } .widget[catalog] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom, .widget[livestream] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom, .widget[instore] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom { width: 100% } .widget[catalog] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom::before, .widget[catalog] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom::after, .widget[livestream] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom::before, .widget[livestream] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom::after, .widget[instore] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom::before, .widget[instore] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom::after { display: none; } .widget[catalog] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li, .widget[livestream] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li, .widget[instore] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li { margin: 0 6px; } .widget[catalog] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li button, .widget[livestream] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li button, .widget[instore] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li button { background-color: #67b7bf; } .widget[catalog] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li a, .widget[livestream] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li a, .widget[instore] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li a { line-height: 2.5; } .widget[catalog] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li:not(:last-of-type) a, .widget[livestream] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li:not(:last-of-type) a, .widget[instore] .content ul>li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li:not(:last-of-type) a { margin-bottom: 12px; } .widget[catalog] footer .button-cart.small.transparent, .widget[livestream] footer .button-cart.small.transparent, .widget[instore] footer .button-cart.small.transparent { display: none; } .widget[catalog] footer .button-cart:first-child, .widget[livestream] footer .button-cart:first-child, .widget[instore] footer .button-cart:first-child { margin-left: 10px; } .widget[catalog] .content ul>li .infos p:nth-of-type(2) { width: calc(100% - 76px); max-width: calc(100% - 76px); } .widget[catalog] .content ul>li[checked] .infos .button-play { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; margin-bottom: 0.5rem; height: 52px; width: 52px; -webkit-animation: l-move-from-left .5s; animation: l-move-from-left .5s; } .widget[catalog] .content ul>li[checked] .infos .button-play::before { width: 52px; } .widget[catalog] .content ul>li[checked] .infos .button-play i { font-size: 42px; height: 42px; width: 42px; } .widget[catalog] .content ul>li[checked] .infos .button-play .icon-pause { background-color: #48a2ab; } .widget[catalog] .content ul>li[checked] .infos button:last-child { margin-right: 100%; left: 0; } .widget[catalog] .content ul>li[checked] .infos p.date { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; display: block; font-size: 12px; width: 100%; text-align: left; margin-top: 0; } .widget[catalog] .content ul>li[checked] .infos p:nth-child(3) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; font-size: 1.375rem; text-align: left; width: calc(100% - 24px); max-width: calc(100% - 24px); padding-right: 10px; } .widget[catalog] .content ul>li[checked] .infos>div, .widget[catalog] .content ul>li[checked] .infos span { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-animation: l-move-from-left .5s; animation: l-move-from-left .5s; } .widget[catalog] .content ul>li[checked] .actions .action:first-child button { display: block; } .widget[instore] .content ul>li[checked] .actions .action:first-child button { display: block; } .widget[instore] .content ul>li[checked] .actions .action:first-child button .icon-streaming { width: 1.375rem !important; margin-top: 2px !important; } .widget[livestream] .content ul li p:nth-child(3) { width: 95px !important; min-width: 95px !important; } .widget[livestream] .content ul>li[checked] .infos p:nth-child(2) { display: block; font-size: 16px; font-size: 1rem; white-space: pre-wrap; width: 50%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .widget[livestream] .content ul>li[checked] .actions .action:first-child button { display: block; } .widget[livestream] .content ul>li[checked] .actions .action:first-child button .icon-streaming { width: 1.375rem !important; margin-top: 0 !important; } } .widget[notifications] i { margin-right: 10px; min-width: 24px; transition: 0.15s ease-in; } .widget[notifications] .content ul { width: 100%; max-height: 298px; overflow: auto; } .widget[notifications] .content p { text-transform: none; margin-bottom: 0; } .widget[notifications] .content span { font-family: "futurademi", Arial, sans-serif; } .widget[notifications] .content .notification { background-color: #FFF; } .widget[notifications] .content .notification.urgent { background-color: red; } .widget[notifications] .content .notification.urgent i, .widget[notifications] .content .notification.urgent p { color: #FFF; } .widget[notifications] .content .notification.urgent:hover i, .widget[notifications] .content .notification.urgent:hover p { color: red; } .widget[notifications] .content .notification.normal span, .widget[notifications] .content .notification.normal i { color: orange; } .widget[notifications] .content .notification.validation span { color: #67b7bf; } .widget[notifications] .content .notification a { width: 100%; padding: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .widget[notifications] .content .notification a .icon-shape { margin-left: 0; min-width: 24px; } .widget[notifications] .content .notification a:hover { background-color: whitesmoke; transition: background-color 0.3s ease-out; } @media only screen and (max-width: 725px) { .widget[notifications] .content .notification p, .widget[notifications] .content .notification span { font-size: 14px; } } .widget[referrals]:before { content: ''; border: 0.5rem solid #afd9dd; border-radius: 0.75rem; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .widget[referrals] .referral-subscription-container { border: none; width: 100%; padding: 0; } .widget[referrals] .referral-subscription-container>* { margin: 4px 0; } .widget[referrals] .referral-subscription-container>p { text-transform: uppercase; font-family: "futurademi", Arial, sans-serif; } .widget[referrals] .referral-subscription-container>p span { display: block; font-size: 2.5rem; font-family: "futurademi", Arial, sans-serif; line-height: 1.1; color: #67b7bf; } .widget[referrals] .referral-subscription-container[completed] div>p:first-of-type, .widget[referrals] .referral-subscription-container[completed] .expired-text { display: none; } .widget[referrals] .referral-subscription-container[completed] p:first-of-type { display: block; } .widget[referrals] .referral-subscription-container[completed] .completed-text { display: inline; } .widget[referrals] .referral-subscription-container[expired] div>p:first-of-type, .widget[referrals] .referral-subscription-container[expired] ol, .widget[referrals] .referral-subscription-container[expired] .completed-text { display: none; } .widget[referrals] .referral-subscription-container[expired] p:first-of-type { display: block; } .widget[referrals] .referral-subscription-container[expired] .expired-text { display: inline; margin-bottom: 10px; text-transform: none; } .widget[referrals] .referral-subscription-container[expired] p:last-of-type span { display: block; font-size: 2.5rem; font-family: "futurademi", Arial, sans-serif; line-height: 1; margin-bottom: -10px; } .widget[referrals] .referral-subscription-container[no-store]>div { display: none; } .widget[promotional-spreaker] { background-color: #fff8e3; } .widget[promotional-spreaker]::before { content: ''; border: 0.5rem solid #ffc107; border-radius: 0.75rem; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .widget[promotional-spreaker] header h1 { color: #000; line-height: 1.3; } .widget[promotional-spreaker] .content p { margin: 8px auto; line-height: 1.3; } .widget[promotional-spreaker] .content p:last-of-type { margin-top: 0; } .widget[promotional-spreaker] .content i { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/spreaker-logo.svg"); background-size: 70%; background-position: center center; min-height: 46px; max-width: 198px; } .widget[promotional-spreaker] footer .button-cart { background-color: #ffc107; height: 3rem; } .widget[promotional-spreaker] footer .button-cart .button-cart-text-container p { color: black; } .widget[promotional-spreaker] footer a.simple { color: black; font-weight: 300; line-height: 1.2; margin-right: 10px; font-family: "futurabook", Arial, sans-serif; } .widget[promotional-spreaker] footer a.simple:hover { text-decoration: underline; } .widget[ad] { background-color: #FFF; } .widget[ad]::before { content: ''; border: 0.5rem solid #4bd2e2; border-radius: 0.75rem; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .widget[ad] header h1 { color: #000; line-height: 1.3; } .widget[ad] .content { margin: 0.75rem 0; } .widget[ad] .content p { line-height: 1.3; } .widget[ad] .content i { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/spreaker-logo.svg"); background-size: 70%; background-position: center center; min-height: 46px; max-width: 198px; } .widget[ad] footer .button-cart { background-color: #4bd2e2; height: 3rem; } .widget[ad] footer .button-cart .button-cart-text-container p { color: white; } .widget[ad] footer a.simple { color: black; font-weight: 300; line-height: 1.2; margin-right: 10px; font-family: "futurabook", Arial, sans-serif; } .widget[ad] footer a.simple:hover { text-decoration: underline; } .widget[no-purchase] header, .widget[no-purchase] .content, .widget[no-purchase] footer { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .widget[no-purchase] header h1 { font-size: 30px; font-size: 1.875rem; text-transform: lowercase; } .widget[no-purchase] header h1::first-letter { text-transform: uppercase; } .widget[no-purchase] .content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .widget .pop-in-wrapper .pop-in.tips .button-icon.close { position: absolute; padding: 0; width: 0.75rem; } .widget .pop-in-wrapper .pop-in.tips .button-icon.close i { min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; } .widget .pop-in-wrapper .pop-in.tips p { width: auto !important; color: #FFF; } .widget .action .pop-in-wrapper.top-right { right: -13px; } .widget .infos .pop-in-wrapper.top-right { right: -14px; } .widget[catalog] .pop-in-wrapper .pop-in.tips button { width: auto; padding: 0.125rem 0.75rem 0; } .widget[catalog] .pop-in-wrapper .pop-in.tips button:last-child { display: block; } [anchor-links] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding: 24px 0; padding: 1.5rem 0; background-color: whitesmoke; } [anchor-links] a { margin: 0 5px; min-height: 3rem; } [anchor-links] a::before { display: none; } [anchor-links] a:hover { transition: .10s ease-in; } [anchor-links] a.active { background-color: #67b7bf; } [anchor-links] a.active .button-cart-text-container p { color: #FFF; } [anchor-links] a.button-cart { min-height: 3rem; transition-delay: 0s; text-decoration: none; overflow: visible; } [anchor-links] a.button-cart:nth-of-type(2) p { display: block; text-decoration: none; } [anchor-links] a.button-cart:nth-of-type(2) p:not(:nth-of-type(1)) { font-size: 12px; font-size: 0.75rem; text-transform: lowercase; } [anchor-links] a.button-cart:nth-of-type(2) p:not(:nth-of-type(1)):first-letter { text-transform: capitalize; } [anchor-links] a.button-cart:nth-of-type(2)>p { position: absolute; top: -25px; font-weight: 400; color: #67b7bf; text-transform: initial; } [anchor-links] a.button-cart:nth-of-type(2)>p:first-letter { text-transform: capitalize; } @media (max-width: 820px) { [anchor-links] { -ms-flex-flow: column; flex-flow: column; } [anchor-links] a { margin: 0.5rem 0; } [anchor-links] a.button-cart:nth-of-type(2) { margin-top: 25px; } } @media (max-width: 768px) { [anchor-links] { padding-left: 7px; padding-right: 7px; } } [anchor-links][dashboard] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 16px 0; padding: 1rem 0; background-color: #FFF; position: absolute; left: 0; } [anchor-links][dashboard] a { width: auto; height: auto; min-height: 38px; margin: 0px 10px 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } [anchor-links][dashboard] a .pill { top: -2px; right: 0; position: relative; } @media (max-width: 1110px) { [anchor-links][dashboard] { padding: 0 0 0 1.5rem; background-color: transparent; position: relative; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 820px) { [anchor-links][dashboard] a.button-cart: nth-of-type(2) { margin-top: 0px; } } .horizontal-scroll { width: 100%; -webkit-overflow-scrolling: auto; display: grid; grid-gap: calc(var(--gutter) / 2); grid-template-columns: 10px; grid-template-rows: minmax(150px, 1fr); grid-auto-flow: column; grid-auto-columns: calc(50% - var(--gutter) * 2); overflow-x: scroll; scroll-snap-type: x proximity; padding-bottom: calc(.75 * var(--gutter)); margin-bottom: calc(-.25 * var(--gutter)); } .horizontal-scroll:before, .horizontal-scroll:after { content: ''; width: 10px; } .horizontal-scroll.no-scrollbar { scrollbar-width: none; margin-bottom: 0; padding-bottom: 0; } .horizontal-scroll.no-scrollbar::-webkit-scrollbar { display: none; } .horizontal-scroll>li { scroll-snap-align: center; padding: calc(var(--gutter) / 2 * 1.5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px; } .navigation { position: relative; z-index: 610; } .navigation .links li { display: inline; } .navigation .logo-link { outline: 0; padding: 0 10px; } .navigation__mobile-bar { position: fixed; top: 0; left: 0; height: 48px; height: 3rem; background-color: #232323; } .navigation__mobile-bar .actions { width: 50% } .navigation__mobile-bar .actions li { display: inline-block; width: 48px; width: 3rem; } .navigation__mobile-bar .actions.secondary { text-align: right; } .navigation__mobile-bar .actions.secondary .iconic-link, .navigation__mobile-bar .actions.secondary .iconic-link .link { display: inline-block; height: 48px; height: 3rem; width: 40px; width: 2.5rem; vertical-align: top; line-height: 1.2; color: #FFF; } .navigation__mobile-bar .actions.secondary .iconic-link:hover, .navigation__mobile-bar .actions.secondary .iconic-link .link:hover { background-color: #67b7bf; text-shadow: none; } .navigation__mobile-bar .actions.secondary .iconic-link:hover .pill, .navigation__mobile-bar .actions.secondary .iconic-link .link:hover .pill { color: #67b7bf; } .navigation__mobile-bar .actions.secondary .iconic-link:hover .pill::before, .navigation__mobile-bar .actions.secondary .iconic-link .link:hover .pill::before { background-color: #FFF; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div { display: table; height: 100%; width: 100%; text-align: center; vertical-align: middle; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div>div { display: table-cell; vertical-align: middle; text-align: center; position: relative; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div>div:first-child .icon-cart-new { font-size: 1.375rem; width: 1.375rem; height: 1.375rem; left: -3px; top: 1px; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div>div:last-child .pill { height: 14px; width: 14px; min-width: inherit; top: 8px; right: 6px; position: absolute; font-size: 10px; line-height: 1.6; font-family: "futurabold", Arial, sans-serif; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div>div:last-child .pill::before { border-radius: 50% } .navigation__mobile-bar .actions.secondary .iconic-link span { text-transform: uppercase; } .navigation__mobile-bar .action .icon { line-height: 3; height: 48px; height: 3rem; width: 48px; width: 3rem; } .navigation__mobile-bar label.action { margin: 0; } .navigation__mobile-bar label.action:hover { cursor: pointer; } .navigation__opener-check { display: none; } .navigation__opener-check:checked+.navigation__pane { left: 0; } .navigation__opener-check:checked+.navigation__pane+.navigation__mobile-overlay { visibility: visible; opacity: 0.95; filter: alpha(opacity=95); } .navigation__pane { position: fixed; top: 48px; top: 3rem; padding-bottom: 24px; padding-bottom: 1.5rem; bottom: 0; left: -85%; width: 85%; height: auto; overflow-y: auto; background-color: black; transition: left .3s linear; } .navigation__pane .logo-link { display: none; } .navigation__pane .link { display: block; background-color: transparent; color: #FFF; text-decoration: none; transition: background-color .25s linear; padding: 0 16px 0 24px; padding: 0 1rem 0 1.5rem; line-height: 3; } .navigation__pane .link:hover { background-color: #67b7bf; text-shadow: none; } .navigation__pane .link:focus { outline: none; } .navigation__pane .link.is-new { background-image: url(https://images.jamendo.com/jamendolicensing/static/navigation/new-on-menu.webp); background-repeat: no-repeat; background-color: #ffffff2b; padding-left: 40px; padding-left: 2.5rem; padding-top: 4px; padding-top: 0.25rem; padding-bottom: 4px; padding-bottom: 0.25rem; } .navigation__pane .link.is-new:hover { background-color: #67b7bf; } .navigation__pane .primary .link { text-transform: uppercase; } .navigation__pane .secondary { margin-top: 8px; margin-top: 0.5rem; } .navigation__pane .secondary .link { padding: 0 24px; padding: 0 1.5rem; } .navigation__pane .secondary .links.second-level li a, .navigation__pane .secondary .links.second-level li button { display: block; color: #FFF; text-decoration: none; transition: background-color .25s linear; padding: 0 16px 0 24px; padding: 0 1rem 0 1.5rem; text-transform: uppercase; line-height: 3; } .navigation__pane .secondary .links.second-level li a:hover, .navigation__pane .secondary .links.second-level li button:hover { background-color: #67b7bf; text-shadow: none; } .navigation__pane .secondary .links.second-level li a.is-current, .navigation__pane .secondary .links.second-level li button.is-current { position: relative; color: #8bc8ce; pointer-events: none; } .navigation__pane .secondary .links.second-level li button { width: 100%; text-align: left; } .navigation__pane .secondary .links.second-level.reseller { margin-top: 24px; margin-top: 1.5rem; } .navigation__pane .secondary .links.second-level.reseller li:first-of-type { text-transform: uppercase; padding-left: 16px; padding-left: 1rem; color: #FFF; } .navigation__pane .secondary .links.second-level.reseller li:first-of-type i { display: none; } @media (max-width: 1110px) { .navigation__pane .secondary .links.second-level div[anchor-links] .button-cart { border: none; width: 100%; padding: 0 0 0 12px; margin-bottom: 0; border-radius: 0; } .navigation__pane .secondary .links.second-level div[anchor-links] .button-cart .button-cart-text-container { padding: 0; text-align: left; } .navigation__pane .secondary .links.second-level div[anchor-links] .button-cart .button-cart-text-container p { font-family: "futurabook", Arial, sans-serif; font-size: 12px; color: #FFF; line-height: 3; } } .navigation__pane .top-level>li>a { padding: 0 16px; padding: 0 1rem; margin-top: 24px; margin-top: 1.5rem; line-height: 2.462; font-family: "futurademi", Arial, sans-serif; } .navigation__pane .aside-level .iconic-link { position: relative; height: auto; } .navigation__pane .aside-level .iconic-link, .navigation__pane .aside-level .iconic-link .link { display: inline-block; height: 64px; height: 4rem; vertical-align: top; line-height: 1.2; height: 4.5rem; } .navigation__pane .aside-level .iconic-link>a { min-width: 7.5rem; } .navigation__pane .aside-level .iconic-link>a>div { display: table; height: 100%; text-align: left; } .navigation__pane .aside-level .iconic-link>a>div>div { display: table-cell; vertical-align: middle; position: relative; } .navigation__pane .aside-level .iconic-link>a>div>div:first-child { padding-right: 8px; padding-right: 0.5rem; } .navigation__pane .aside-level .iconic-link>a>div>div:first-child .icon-cart-new { font-size: 30px; margin-left: 15px; } .navigation__pane .aside-level .iconic-link>a>div>div:last-child .pill { height: 20px; width: 20px; top: 8px; right: -2px; position: absolute; font-size: 12px; line-height: 1.6; font-family: "futurademi", Arial, sans-serif; padding: 0; } .navigation__pane .aside-level .iconic-link>a>div>div:last-child .pill::before { border-radius: 50% } .navigation__pane .aside-level .iconic-link span { text-transform: uppercase; top: 0; left: 1rem; margin-top: 1rem; white-space: nowrap; } .navigation__pane .aside-level .iconic-link:last-of-type .link>div { padding-top: 0; } .navigation__pane .aside-level .iconic-link:last-of-type .link>div .pill { top: 11px; right: 0px; left: -20px; } .navigation__pane .aside-level .button-link { display: inline-block; padding: 0 20px; padding: 0 1.25rem; height: 64px; height: 4rem; vertical-align: top; } .navigation__pane .aside-level .button-link .button.xsmall { margin-top: 20px; margin-top: 1.25rem; } .navigation__pane .aside-level .button-link .button.small { margin-top: 14px; margin-top: 0.875rem; } .navigation__pane .aside-level li:last-child .link:hover>div>div:last-child .pill { color: #67b7bf; } .navigation__pane .aside-level li:last-child .link:hover>div>div:last-child .pill:before { background: #fff; } .navigation__mobile-overlay { top: 48px; top: 3rem; overflow-y: initial; z-index: -1; } @media only screen and (min-width: 1110px) { .navigation { z-index: 425; } .navigation.no-nav .navigation__pane .top-level, .navigation.no-nav .navigation__pane .aside-level { visibility: hidden; } .navigation.translucid .navigation__pane { background-color: rgba(0, 0, 0, 0.7); } .navigation__mobile-bar { display: none; position: relative; } .navigation__pane { position: relative; display: table; top: 0; left: 0; padding: 0; width: 100%; transition: none; z-index: auto; } .navigation__pane .primary, .navigation__pane .logo-link, .navigation__pane .secondary { display: table-cell; vertical-align: middle; } .navigation__pane .primary, .navigation__pane .secondary { width: 50% } .navigation__pane .secondary { text-align: right; } .navigation__pane .secondary .iconic-link { height: 4rem; } .navigation__pane .secondary .iconic-link .link { height: 4rem; min-width: initial; } .navigation__pane .secondary .iconic-link .link>div { padding-top: 0; } .navigation__pane .secondary .iconic-link .link>div span { font-size: 10px; font-size: 0.625rem; position: static; display: inline; } .navigation__pane .secondary .iconic-link .link .icon-cart-new { margin-left: 0 !important; } .navigation__pane .secondary .iconic-link:last-of-type .link>div .pill { top: 11px; right: 21px; } .navigation__pane .links { font-size: 0; white-space: nowrap; } .navigation__pane .link { display: inline-block; } .navigation__pane .top-level .link { margin-top: 0; line-height: 4.923; padding: 1px 24px 0; padding: 0.0625rem 1.5rem 0; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); } .navigation__pane .top-level .link.is-current { position: relative; color: #8bc8ce; pointer-events: none; } .navigation__pane .top-level .link.is-current:after { content: ''; position: absolute; display: inline-block; width: 14px; height: 7px; bottom: 0; left: 50%; margin-left: -7px; background-repeat: no-repeat; background-position: center center; background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAA4AAAAHCAYAAAA4R3wZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEVJREFUeNpiYMAB3Nzc5oMwLnlmXJqAVAIQGygrKyvcvXt3I0GNSJpgAKtmZgKacGpmJkITVs3MRGrC0MxIgiZksAAgwABmjSJ+ECEgNgAAAABJRU5ErkJggg==); z-index: 1; } .navigation__pane .second-level { position: absolute; left: 0; right: 0; background-color: #464646; display: none; } .navigation__pane .second-level li:first-child .link { padding-left: 24px; padding-left: 1.5rem; } .navigation__pane .second-level .link { line-height: 3.923; padding: 1px 16px 0; padding: 0.0625rem 1rem 0; } .navigation__pane .second-level .link.is-current { pointer-events: none; } .navigation__pane .second-level.is-current { display: block; height: 48px; height: 3rem; } .navigation__pane .aside-level .link { line-height: 5.334; padding: 0rem 20px; padding: 0rem 1.25rem; } .navigation__pane .aside-level li:last-child .link { padding-right: 24px; padding-right: 1.5rem; } .navigation.has-second-level { padding-bottom: 48px; padding-bottom: 3rem; } .navigation__mobile-overlay { display: none; } } .section-sub-menu .sub-menu { position: relative; padding-top: 34px; padding-bottom: 34px; width: 200px; height: 100%; background-color: black; } @media only screen and (max-width: 1110px) { .section-sub-menu .sub-menu { display: none; } } .section-sub-menu .sub-menu.is-open { margin-bottom: 80px; } .section-sub-menu .sub-menu li { width: 100%; line-height: 2; margin-right: 24px; margin-right: 1.5rem; } .section-sub-menu .sub-menu li a, .section-sub-menu .sub-menu li button { padding-left: 25px; position: relative; display: block; text-decoration: none; color: white; width: 100%; text-align: left; } .section-sub-menu .sub-menu li a:hover, .section-sub-menu .sub-menu li button:hover { color: #67b7bf; } .section-sub-menu .sub-menu li a.is-current, .section-sub-menu .sub-menu li button.is-current { background-color: #464646; } .section-sub-menu .sub-menu li a.is-current:before, .section-sub-menu .sub-menu li button.is-current:before { content: ''; display: block; background: #67b7bf; width: 7px; height: 100%; position: absolute; left: 0; } .section-sub-menu .sub-menu li a.main, .section-sub-menu .sub-menu li button.main { text-transform: uppercase; margin-bottom: 8px; margin-bottom: 0.5rem; font-family: "futurademi", Arial, sans-serif; color: gray; } .section-sub-menu .sub-menu li a.is-disabled, .section-sub-menu .sub-menu li button.is-disabled { color: #999; } .section-sub-menu .sub-menu li a.is-disabled:hover, .section-sub-menu .sub-menu li button.is-disabled:hover { cursor: not-allowed; } .section-sub-menu .sub-menu li a .pill, .section-sub-menu .sub-menu li button .pill { position: absolute; top: 3px; right: 3px; } .section-sub-menu .sub-menu li .expend-menu { padding-left: 20px; margin-top: 16px; } .section-sub-menu .sub-menu li .expend-menu__action-container { margin-bottom: 16px; } .section-sub-menu .sub-menu li .expend-menu__action-container p { margin-bottom: 0; color: white; } .section-sub-menu .sub-menu li.bottom1 { position: absolute; bottom: 64px; } .section-sub-menu .sub-menu li.bottom2 { position: absolute; bottom: 34px; } .section-sub-menu .sub-menu.reseller { margin-top: 8px; margin-top: 0.5rem; } .section-sub-menu .sub-menu.reseller li:first-of-type { color: #ccc; margin-right: 0.5rem; } .section-sub-menu .sub-menu.reseller li:first-of-type i { color: #ccc; } .section-sub-menu .sub-menu.reseller li:first-of-type i::before { position: absolute; padding-top: 2px; } .next-steps-container { width: 100%; text-align: center; } .next-steps-container h2 { margin-top: 60px; margin-bottom: 60px; } .next-steps-container .steps { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .next-steps-container .steps .step { width: 270px; text-align: left; margin-bottom: 30px; } .next-steps-container .steps .step .header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: white; margin-bottom: 10px; } .next-steps-container .steps .step .header i.scheme__ball { font-style: normal; width: 40px; height: 40px; z-index: 10; padding: 4px 14px; font-size: 20px; } .next-steps-container .steps .step .header i.scheme__ball:before { background: linear-gradient(270deg, #9FDCE0 0%, #66B6BE 64.9%); background-color: inherit; } .next-steps-container .steps .step .header p { margin-left: 10px; color: black; margin-bottom: 0; } .next-steps-container .steps .step .more-info { color: gray; } .next-steps-container .steps .step .more-info a { color: gray; } .next-steps-container .steps .step .more-info a:hover { color: #ababab; } .next-steps-container .steps .step .button-example { cursor: default; background-color: #67b7bf; border-radius: 4px; border-radius: 0.25rem; padding: 0 12px; padding: 0 0.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; min-width: 155px; width: 155px; height: 2.75rem; min-height: 2.75rem; } .next-steps-container .steps .step .button-example>div { display: table; width: 100%; height: 100% } .next-steps-container .steps .step .button-example>div>div { display: table-cell; text-align: center; vertical-align: middle; margin: 0; padding: 0; white-space: initial; font-size: 12px; line-height: inherit; text-align: center; font-family: "futurademi", Arial, sans-serif, Arial, sans-serif; text-transform: uppercase; color: #fff; } .next-steps-contentid { padding: 24px; max-width: 1100px; } .next-steps-contentid__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0; font-family: "futurademi", Arial, sans-serif; } .next-steps-contentid__header--clickable { cursor: pointer; } .next-steps-contentid__header__text { margin-right: 15px; } .next-steps-contentid__header__icon { display: none; font-size: 24px; } .next-steps-contentid__header__icon--clickable { display: block; } .next-steps-contentid__header__icon--expand { -webkit-transform: translate(15px) rotate(90deg); transform: translate(15px) rotate(90deg); } .next-steps-contentid__content__steps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 992px) { .next-steps-contentid__content__steps { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .next-steps-contentid__content__steps--column { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .next-steps-contentid__content__steps__step { margin-top: 24px; width: 350px; padding: 0 1%; text-align: center; } @media only screen and (max-width: 992px) { .next-steps-contentid__content__steps__step { width: 100% } } .next-steps-contentid__content__steps__step--column { width: 100% } .next-steps-contentid__content__steps__step__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .next-steps-contentid__content__steps__step__header__title { text-transform: uppercase; margin: 0; font-family: "futurademi", Arial, sans-serif; } .next-steps-contentid__content__steps__step__header__icon { margin-top: 5px; width: 64px; height: 64px; background-color: #ff0202; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 32px; color: white; } .next-steps-contentid__content__steps__step__header__icon__upload { width: 40px; height: 40px; } .next-steps-contentid__content__steps__step__content { margin-top: 24px; } .next-steps-contentid__content__steps__step__content__title { color: #ff0202; text-transform: uppercase; font-family: "futurademi", Arial, sans-serif; } .next-steps-contentid__content__steps__step__content__text { margin-bottom: 0px; } .next-steps-contentid__content__steps__step__content__text--important { color: #ff0202; } .next-steps-contentid__content__download { margin-top: 24px; text-align: right; } .next-steps-contentid__content__download__link { color: #646464; text-decoration: none; cursor: pointer; } .next-steps-contentid__content__download__link:hover { color: #646464; text-decoration: none; cursor: pointer; } .next-steps-contentid__content__notice { margin-left: auto; margin-right: auto; margin-top: 24px; font-size: 12px; } .thank-you-contentid-text { margin-top: 32px; margin-bottom: 0; text-align: center; } .license-component { /*\*/ --color-main: black; --box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); --border-radius: 20px; --padding: 20px; --title-size: 20px; --default-font-family: "futurademi", Arial, sans-serif; --bold-font-family: "futurabold", Arial, sans-serif; --default-font-size: 14px; /*\*/ text-align: center; color: var(--color-main); font-family: var(--default-font-family); font-size: var(--default-font-size); } .license-component__description { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 340px; box-shadow: var(--box-shadow); border-radius: var(--border-radius); padding: var(--padding); } .license-component__description__top { height: 25%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .license-component__description__top h3 { font-family: var(--bold-font-family); font-size: var(--title-size); margin-bottom: 4px; } .license-component__description__top>div { margin: -5px 0 8px 0px; } .license-component__description__top hr { margin: 0; width: 100px; } .license-component__description__top hr.important { border: none; height: 4px; background: linear-gradient(206.99deg, #F4CC00 10.11%, #F76F00 65.06%); } .license-component__description__middle { height: 65%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .license-component__description__middle>div:first-of-type { min-height: 21px; margin-top: 35px; } .license-component__description__middle .price { font-family: "futurabold", Arial, sans-serif; font-size: 30px; } .license-component__description__bottom { height: 10% } .license-component__cta { padding: var(--padding); } .license-component__cta .button-checkbox { font-size: 14px; width: calc(100%+40px); margin-left: -20px; margin-top: 20px; } .license-component__cta .button-checkbox label { text-align: center; font-family: "futurabold", Arial, sans-serif; font-size: 14px; text-transform: none; white-space: initial; line-height: 1.5; } .license-component__cta .button-checkbox label i { line-height: 0.8; } @media only screen and (max-width: 400px) { .license-component__cta .button-checkbox label { font-size: 16px; } } .license-component[no-price] .license-component__description__middle { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .license-component[no-price] .license-component__description__middle>div:first-of-type { margin-top: 0; } .app-download { text-align: center; } .cart { border-collapse: collapse; width: 100%; margin-bottom: 24px; margin-bottom: 1.5rem; color: #999; font-family: "futurademi", Arial, sans-serif; line-height: 1.2; } .cart td { border-bottom: 1px solid #e6e6e6; } .cart td.no-border { border: none; } .cart .quantity { min-width: 70px; } .cart .amount { white-space: nowrap; text-align: right; letter-spacing: 1px; } .cart .label-info { margin: 0; } .cart .quantity-picker { margin-left: 16px; margin-left: 1rem; } .cart__item .information { border-right: none; } .cart__item .remove { border-left: none; white-space: nowrap; } .cart__item .remove__button { white-space: nowrap; } .cart__item .remove.has-button { padding: 0 4px 0 0; padding: 0 0.25rem 0 0; } .cart__total.exclude-tax, .cart__total.tax { color: #999; line-height: 1.2; letter-spacing: normal; } .cart__total.grand { color: #999; letter-spacing: normal; } .cart .tags>li { display: none; } .cart .tags>li:nth-of-type(1), .cart .tags>li:nth-of-type(2), .cart .tags>li:nth-of-type(3) { display: inline; } .cart .tags>li:after { content: ', '; margin-left: -3px; } .cart .tags>li:nth-of-type(3):after { content: '' } .cart-after__promocode { text-align: right; } .cart-after__promocode-trigger { color: #67b7bf; text-decoration: underline; } .cart-after__promocode-trigger:hover { color: #48a2ab; cursor: pointer; } .cart-after__checkout { text-align: center; margin-top: 24px; margin-top: 1.5rem; } .companies-list ul li { margin: 8px; } @media only screen and (max-width: 1200px) { .companies-list ul { width: 40% } } @media only screen and (max-width: 992px) { .companies-list ul { width: 60% } } @media only screen and (max-width: 600px) { .companies-list ul { width: 80% } } @media only screen and (max-width: 440px) { .companies-list ul { width: 100% } } .catalog-comparison { width: 100%; border-collapse: separate; } .catalog-comparison th, .catalog-comparison td { padding: 12px; padding: 0.75rem; text-align: center; } .catalog-comparison tr>* { border-right: 2px solid #8bc8ce; border-left: 2px solid #8bc8ce; border-bottom: 1px solid #ccc; } .catalog-comparison tr>*:nth-child(1) { border-top: none; border-right: none; border-left: none; padding-left: 0; } .catalog-comparison tr>*:nth-child(2) { border-left: 4px solid #e6e6e6; border-right: none; } .catalog-comparison tr>*:nth-child(3) { border-left-width: 4px; } .catalog-comparison tr>*:nth-child(5) { border-right-width: 4px; } .catalog-comparison .license { width: 15% } .catalog-comparison .global-parameter { vertical-align: bottom; text-align: left; color: #8bc8ce; } .catalog-comparison__category-row th { border: none !important; padding-top: 0; } .catalog-comparison__licenses-row .license { padding: 32px 16px; padding: 2rem 1rem; } .catalog-comparison__licenses-row .license.top { vertical-align: top; } .catalog-comparison__licenses-row th { border-top: 4px solid #8bc8ce; } .catalog-comparison__licenses-row th:nth-child(2) { border-top-color: #e6e6e6; } .catalog-comparison__licenses-row td { border-bottom: 4px solid #8bc8ce; } .catalog-comparison__licenses-row td:nth-child(1) { border-bottom: none; } .catalog-comparison__licenses-row td:nth-child(2) { border-bottom-color: #e6e6e6; } .catalog-comparison__licenses-row .offer-heading span { height: 38.4px; height: 2.4rem; display: inline-block; } .catalog-comparison__licenses-row .offer-subheading { margin-bottom: 0; } .catalog-comparison__licenses-row .price-tag { width: 72px; width: 4.5rem; height: 72px; height: 4.5rem; border-radius: 100%; background-color: #333; color: #FFF; line-height: 5; white-space: nowrap; display: inline-block; } .catalog-comparison__licenses-row .price-tag.regular-price { text-decoration: line-through; } .catalog-comparison__licenses-row .price-appendix { margin-top: 8px; margin-top: 0.5rem; color: #8bc8ce; } .catalog-comparison__coverage-row td { text-align: center; } .catalog-comparison__coverage-row td:first-child { text-align: left; } .catalog-comparison__coverage-row.custom td:first-child .quantity-picker { display: block; margin-bottom: 5px; } .catalog-comparison__coverage-row p { line-height: 1.334; margin-bottom: 0; } .catalog-comparison__coverage-row p+p { margin-top: 4px; margin-top: 0.25rem; } .catalog-comparison__coverage-row .heading { display: block; margin-bottom: 0; text-align: left; } .catalog-comparison__coverage-row .heading+p { margin-top: 8px; margin-top: 0.5rem; } .catalog-comparison__coverage-row .scale-price { display: block; margin-top: 8px; margin-top: 0.5rem; color: #b3b3b3; } .catalog-comparison__coverage-row .icon { width: 12px; width: 0.75rem; height: 12px; height: 0.75rem; } .catalog-comparison__coverage-row .icon-check { color: #67b7bf; } .catalog-comparison__coverage-row .icon-close { color: #ed795a; } .catalog-comparison__coverage-row.secondary-head td { padding-bottom: 0; border-bottom: none; margin-top: 0; } .catalog-comparison__coverage-row.secondary td { padding-top: 0; padding-bottom: 0; border-bottom: none; } .catalog-comparison__coverage-row.secondary td p { margin-top: 8px; margin-top: 0.5rem; } .catalog-comparison__coverage-row.secondary-last td { padding-top: 0; } .catalog-comparison__coverage-row.secondary-last td p { margin-top: 4px; margin-top: 0.25rem; } .catalog-comparison_packs .license { width: 20% } .catalog-comparison_packs .price-appendix { margin-top: 0; } .catalog-comparison_packs .catalog-comparison__coverage-row td { text-align: left; padding: 32px 16px 28px; padding: 2rem 1rem 1.75rem; } .catalog-comparison_packs .catalog-comparison__coverage-row:last-child td { border-bottom: 4px solid #8bc8ce; } .catalog-comparison_packs .catalog-comparison__coverage-row:last-child td:nth-child(1) { border-bottom: 1px solid #ccc; } .catalog-comparison_packs .catalog-comparison__coverage-row:last-child td:nth-child(2) { border-bottom-color: #e6e6e6; } .catalog-comparison .quantity-picker { margin-right: 16px; margin-right: 1rem; } .button-custom-pack { margin-top: 24px; margin-top: 1.5rem; } .button-custom-pack-help { margin-top: 48px; margin-top: 3rem; } .catalog-comparison-v2 { width: 100%; border-collapse: separate; padding-bottom: 1.5rem; } .catalog-comparison-v2 th, .catalog-comparison-v2 td { padding: 20px; padding: 1.25rem; text-align: center; font-weight: initial; } .catalog-comparison-v2 tr>* { border-right: 2px solid #67b7bf; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .catalog-comparison-v2 tr>*:nth-child(1) { border-top: none; border-right: none; border-left: none; padding: 0; } .catalog-comparison-v2 tr>*:nth-child(2) { border-left: 4px solid #67b7bf; border-right: none; } .catalog-comparison-v2 tr>*:nth-child(3) { border-right: none; } .catalog-comparison-v2 tr>*:nth-child(4) { border-right: none; } .catalog-comparison-v2 tr>*:nth-child(5) { border-right-width: 4px; } .catalog-comparison-v2 .offer-category { background-color: #67b7bf; color: #FFF; border-top-left-radius: 12px; border-top-right-radius: 12px; padding: 0; font-size: 24px; text-transform: capitalize; letter-spacing: initial; line-height: 2.25; } .catalog-comparison-v2 .offer-category:first-of-type { background-color: #FFF; } .catalog-comparison-v2 .offer-category div { background-color: #8bc8ce; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 40px; margin: 0 24px 0 0; border-top-left-radius: 12px; border-top-right-radius: 12px; } .catalog-comparison-v2 .license { width: 20% } .catalog-comparison-v2 .license:last-of-type { width: 15% } .catalog-comparison-v2 .license .button-cart { width: 100%; padding: 0 2.5rem; } .catalog-comparison-v2 .license .button-cart .button-cart-text-container p { font-size: 12px; line-height: 1.3; } .catalog-comparison-v2 .license .button-cart i { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); font-size: 15px; height: 15px; width: 15px; margin-top: -1px; margin-left: 8px; } .catalog-comparison-v2 .license .content-displaying { display: none; } .catalog-comparison-v2 .license .content-displaying li { text-align: left; font-size: 13px; } .catalog-comparison-v2 .license.active { height: 160px; } .catalog-comparison-v2 .license.active .button-cart i { -webkit-transform: none; transform: none; } .catalog-comparison-v2 .license.active .button-cart.transparent { border-color: #67b7bf; } .catalog-comparison-v2 .license.active .content-displaying { display: block; width: 200%; margin-top: 1rem; } .catalog-comparison-v2 .global-parameter { vertical-align: top; text-align: left; color: #8bc8ce; } .catalog-comparison-v2 .global-parameter:first-of-type { border-bottom: none; } .catalog-comparison-v2 .global-parameter:first-of-type .offer__product.licence .body { padding: 1.5rem 2rem; } .catalog-comparison-v2 .global-parameter .offer__product.licence { width: 100%; list-style-type: none; margin-left: -12px; } .catalog-comparison-v2 .global-parameter .offer__product.licence::before { border-top-left-radius: 0; border-top-right-radius: 0; border-top: 0; } .catalog-comparison-v2 .global-parameter .offer__product.licence:hover::before { background-color: #FFF; } .catalog-comparison-v2 .global-parameter .offer__product.licence .body { padding: 1rem 2rem; } .catalog-comparison-v2 .global-parameter .offer__product.licence .body h2 { color: #646464; text-transform: uppercase; } .catalog-comparison-v2 .global-parameter .offer__product.licence .body h3 { -webkit-transform: none; transform: none; margin: 0 auto 20px; } .catalog-comparison-v2 .global-parameter .offer__product.licence .body .advantages { margin-top: 4rem; line-height: 1.15; } .catalog-comparison-v2 .global-parameter .offer__product.licence .body .offer-subheading { min-height: initial; font-size: 13px; text-align: left; margin: 7px 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; line-height: 1.4; letter-spacing: 1px; } .catalog-comparison-v2 .global-parameter .offer__product.licence .body .offer-subheading .icon-check { color: #67b7bf; margin: 0 6px 0 0; font-size: 14px; height: 14px; width: 14px; } .catalog-comparison-v2 .global-parameter .offer__product.licence .body .offer-subheading .icon-wrong { color: red; margin: 0 6px 0 0; } .catalog-comparison-v2 .global-parameter.license .offer__product.licence { margin-left: 0; } .catalog-comparison-v2 .global-parameter.license .offer__product.licence:before { content: none; } .catalog-comparison-v2 .global-parameter.license .offer__product.licence .body { padding: 0.5rem 0; } @media only screen and (max-width: 1200px) { .catalog-comparison-v2 .global-parameter.license .offer__product.licence .body .button-cart { padding: 0 0.75rem; } } .catalog-comparison-v2__category-row th { border: none !important; padding-top: 0; } .catalog-comparison-v2__licenses-row .license { padding: 16px; padding: 1rem; } .catalog-comparison-v2__licenses-row .license.top { vertical-align: top; } .catalog-comparison-v2__licenses-row th:nth-child(2) { border-top-color: #e6e6e6; } .catalog-comparison-v2__licenses-row td { border: none; } .catalog-comparison-v2__licenses-row td:nth-child(1) { border-bottom: none; } .catalog-comparison-v2__licenses-row td:nth-child(2) { border: none; } .catalog-comparison-v2__licenses-row .offer-heading span { height: 38.4px; height: 2.4rem; display: inline-block; } .catalog-comparison-v2__licenses-row .offer-subheading { margin-bottom: 0; } .catalog-comparison-v2__licenses-row .price-tag { width: 72px; width: 4.5rem; height: 72px; height: 4.5rem; border-radius: 100%; background-color: #333; color: #FFF; line-height: 5; white-space: nowrap; display: inline-block; } .catalog-comparison-v2__licenses-row .price-tag.regular-price { text-decoration: line-through; } .catalog-comparison-v2__licenses-row .price-appendix { margin-top: 8px; margin-top: 0.5rem; font-weight: "futurabook", Arial, sans-serif; color: #8bc8ce; } .catalog-comparison-v2__coverage-row:last-child { border-bottom: 4px solid #67b7bf !important; } .catalog-comparison-v2__coverage-row:last-child td:not(:first-of-type) { border-bottom: 4px solid #67b7bf; } .catalog-comparison-v2__coverage-row:last-child td:first-of-type { border-bottom: none; } .catalog-comparison-v2__coverage-row:last-child td:nth-child(2) { border-bottom-left-radius: 12px; } .catalog-comparison-v2__coverage-row td { text-align: center; line-height: 1.3; } .catalog-comparison-v2__coverage-row td:first-child { text-align: center; } .catalog-comparison-v2__coverage-row td[rowspan="9"] { border-bottom: 4px solid #67b7bf; border-bottom-right-radius: 12px; } .catalog-comparison-v2__coverage-row td>span { font-size: 13px; display: block; } .catalog-comparison-v2__coverage-row td:not(:first-of-type) span { margin-top: 6px; } .catalog-comparison-v2__coverage-row td .icon-wrong { color: red; width: auto; height: 28px; vertical-align: text-bottom; } .catalog-comparison-v2__coverage-row.custom td:first-child .quantity-picker { display: block; margin-bottom: 5px; } .catalog-comparison-v2__coverage-row p { line-height: 1.334; margin-bottom: 0; } .catalog-comparison-v2__coverage-row p+p { margin-top: 4px; margin-top: 0.25rem; } .catalog-comparison-v2__coverage-row .heading { font-weight: "futurabold", Arial, sans-serif; display: block; margin-bottom: 0; text-align: center; } .catalog-comparison-v2__coverage-row .heading+p { text-align: center; } .catalog-comparison-v2__coverage-row .scale-price { display: block; margin-top: 8px; margin-top: 0.5rem; color: #b3b3b3; } .catalog-comparison-v2__coverage-row .icon { width: 12px; width: 0.75rem; height: 12px; height: 0.75rem; } .catalog-comparison-v2__coverage-row .icon-check { color: #67b7bf; } .catalog-comparison-v2__coverage-row .icon-close { color: #ed795a; } .catalog-comparison-v2__coverage-row.secondary-head td { padding-bottom: 0; border-bottom: none; margin-top: 0; } .catalog-comparison-v2__coverage-row.secondary td { padding-top: 0; padding-bottom: 0; border-bottom: none; } .catalog-comparison-v2__coverage-row.secondary td p { margin-top: 8px; margin-top: 0.5rem; } .catalog-comparison-v2__coverage-row.secondary-last td { padding-top: 0; } .catalog-comparison-v2__coverage-row.secondary-last td p { margin-top: 4px; margin-top: 0.25rem; } .catalog-comparison-v2_packs .license { width: 20% } .catalog-comparison-v2_packs .price-appendix { margin-top: 0; } .catalog-comparison-v2_packs .catalog-comparison__coverage-row td { text-align: left; padding: 32px 16px 28px; padding: 2rem 1rem 1.75rem; } .catalog-comparison-v2_packs .catalog-comparison__coverage-row:last-child td { border-bottom: 4px solid #8bc8ce; } .catalog-comparison-v2_packs .catalog-comparison__coverage-row:last-child td:nth-child(1) { border-bottom: 1px solid #ccc; } .catalog-comparison-v2_packs .catalog-comparison__coverage-row:last-child td:nth-child(2) { border-bottom-color: #e6e6e6; } .catalog-comparison-v2 .quantity-picker { margin-right: 16px; margin-right: 1rem; } .button-custom-pack { margin-top: 24px; margin-top: 1.5rem; } .button-custom-pack-help { margin-top: 48px; margin-top: 3rem; } .emphasized-ribbon { padding: 48px 0; padding: 3rem 0; background-color: #67b7bf; color: #FFF; text-align: center; } .emphasized-ribbon__heading { border-bottom-width: 1px; border-bottom-width: 0.0625rem; border-bottom-color: #FFF; border-bottom-style: solid; padding-bottom: 16px; padding-bottom: 1rem; margin-bottom: 16px; margin-bottom: 1rem; } .emphasized-ribbon__heading div { line-height: 1.2; } .emphasized-ribbon__contact-item .by { margin-right: 12px; margin-right: 0.75rem; display: inline-block; vertical-align: middle; text-align: center; } .emphasized-ribbon__contact-item .data { line-height: 1; display: inline-block; white-space: nowrap; } .emphasized-ribbon__contact-item .data a:link, .emphasized-ribbon__contact-item .data a:visited { color: #FFF; text-decoration: none; } .emphasized-ribbon__contact-item .data a:hover, .emphasized-ribbon__contact-item .data a:active { color: #FFF; text-decoration: underline; } .emphasized-ribbon .perks { display: block; } .emphasized-ribbon .perks+.button { margin-top: 24px; margin-top: 1.5rem; } .emphasized-ribbon .perk { text-align: left; } .emphasized-ribbon .perk:before { font-family: "jamendo-all-icons"; content: ""; margin-right: 12px; margin-right: 0.75rem; display: inline-block; -webkit-transform: translateY(2px); transform: translateY(2px); } .emphasized-ribbon.inverted { color: #67b7bf; background-color: #FFF; } .emphasized-ribbon.inverted .emphasized-ribbon__heading { border-bottom-color: #67b7bf; } @media only screen and (min-width: 1200px) { .emphasized-ribbon__heading { padding-bottom: 0; margin-bottom: 0; border: none; } .emphasized-ribbon__contact-item { padding: 0 24px; padding: 0 1.5rem; display: inline-block; } .emphasized-ribbon__contact-item .by { border-width: 4px; border-width: 0.25rem; border-style: solid; width: 64px; width: 4rem; height: 64px; height: 4rem; padding-top: 12px; padding-top: 0.75rem; border-radius: 100%; border-color: #FFF; background-color: #8bc8ce; vertical-align: top; } .emphasized-ribbon__contact-item .by .icon { width: 32px; width: 2rem; height: 32px; height: 2rem; font-size: 32px; font-size: 2rem; } .emphasized-ribbon__contact-item .data { font-size: 24px; font-size: 1.5rem; line-height: 2.667; } .emphasized-ribbon .row { text-align: left; } .emphasized-ribbon .row>*:first-child { padding-right: 24px; } .emphasized-ribbon .row>*:last-child { padding-left: 24px; } } .footer.player-on { margin-bottom: 66px !important; transition: none !important; } .footer>div:first-child { background-color: #464646; padding: 48px 0 64px; padding: 3rem 0 4rem; } .footer>div:last-child { background-color: #333; padding: 28.96px 0; padding: 1.81rem 0; } .footer .link-group { color: #FFF; line-height: 1.334; margin-bottom: 16px; margin-bottom: 1rem; } .footer .link-group-heading { color: #FFF; font-family: "futurademi", Arial, sans-serif; letter-spacing: 1px; display: inline-block; padding-bottom: 8px; padding-bottom: 0.5rem; margin-bottom: 8px; margin-bottom: 0.5rem; margin-top: 16px; margin-top: 1rem; border-bottom-width: 1px; border-bottom-width: 0.0625rem; border-bottom-style: solid; border-bottom-color: #67b7bf; text-transform: uppercase; } .footer .link-group a { text-decoration: none; display: inline-block; padding: 4px 0; padding: 0.25rem 0; letter-spacing: 1px; } .footer .link-group a:link, .footer .link-group a:visited { color: #FFF; } .footer .link-group a:hover, .footer .link-group a:active { color: #afd9dd; } .footer .link-group li { display: inline; } .footer .link-group li:not(:last-child):after { content: " / " } .footer .social, .footer .language { text-align: center; } .footer .copyright p { display: block; text-align: center; margin: 0; line-height: 3.273; color: #b3b3b3; letter-spacing: 1px; } @media only screen and (min-width: 768px) { .footer>div: last-child { background-color: #333; padding: 12.96px 0; padding: 0.81rem 0; } .footer .social { text-align: right; } .footer .language { text-align: left; } } @media only screen and (min-width: 992px) { .footer.player-on { margin-bottom: 80px !important; transition: none !important; } .footer>div:last-child { background-color: #333; padding: 13px 0; padding: 0.8125rem 0; } .footer .link-group { margin: 0 12px; margin: 0 0.75rem; } .footer .link-group li, .footer .link-group a { display: block; } .footer .link-group li:after { display: none; } .footer .link-group-heading { display: block; margin-left: 12px; margin-left: 0.75rem; margin-right: 12px; margin-right: 0.75rem; } } @media only screen and (min-width: 1200px) { .footer .border-footer { display: none; } } .footer.is-lite { z-index: 3; } .footer.is-lite>div:first-child { display: none; } .footer.is-lite>div:last-child { background-color: transparent; padding: 32px 0; padding: 2rem 0; } .footer.is-lite>div:last-child>.container { margin: 0; width: 100% } .footer.is-lite .player { margin-bottom: 62px !important; transition: none !important; } .footer.is-lite .social .button-icon:hover, .footer.is-lite .language .button-icon:hover, .footer.is-lite .copyright p { color: #FFF; } @media only screen and (max-width: 479px) { .footer.is-lite .social, .footer.is-lite .copyright { display: none; } .footer.is-lite .language { margin-bottom: 15px; } } @media only screen and (max-width: 767px) { .footer.is-lite .language .button-icon { margin-bottom: 0px; } .footer.is-lite>div:last-child { padding: 16px 0; padding: 1rem 0; } } @media only screen and (min-width: 1200px) { .footer.is-lite .border-footer { width: 0px; float: none; } .footer.is-lite .social { text-align: left; } .footer.is-lite .language { text-align: right; } } .section+.footer { margin-top: 96px; margin-top: 6rem; } .grecaptcha-badge { visibility: hidden; } .fullscreen-content { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: table; z-index: 1; } .fullscreen-content>div { display: table-cell; text-align: center; vertical-align: middle; height: 100%; padding-top: 48px; padding-top: 3rem; } @media only screen and (min-width: 768px) { .fullscreen-content>div { padding-top: 64px; padding-top: 4rem; } } .fullscreen-hero { z-index: -2; } .fullscreen-hero.img-src-main-landing { background-image: url("https://images.jamendo.com/jamendolicensing/landing/fs-bg-img-portrait.webp"); } @media only screen and (orientation: landscape) { .fullscreen-hero.img-src-main-landing { background-image: url("https://images.jamendo.com/jamendolicensing/landing/fs-bg-img-landscape.webp"); } } @media only screen and (orientation: landscape) and (min-height: 801px) { .fullscreen-hero.img-src-main-landing { background-image: url("https://images.jamendo.com/jamendolicensing/landing/fs-bg-img-landscape-large.webp"); } } .hero { position: relative; } .hero-background { z-index: 0; overflow: hidden; } .hero-background img { width: 100%; height: 100% } .hero-background>picture.vector { display: block; background-repeat: no-repeat; background-position: center; background-size: 100%; background-color: transparent; height: 100%; width: 100%; padding: 0px; border: none; } .hero-background>picture.vector[paper-plane] { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/paper-plane.svg"); background-size: 18%; background-position: left center; } @media only screen and (max-width: 1400px) { .hero-background>picture.vector[paper-plane] { margin-left: -35px; } } @media only screen and (max-width: 992px) { .hero-background>picture.vector[paper-plane] { margin-left: -20px; background-size: 20%; opacity: .7; } } @media only screen and (max-width: 768px) { .hero-background>picture.vector[paper-plane] { margin-top: -45px; margin-left: -30px; background-size: 30% } } @media only screen and (max-width: 480px) { .hero-background>picture.vector[paper-plane] { display: none; } } .hero-background>picture.vector[spreaker] { background-image: url("https://images.jamendo.com/jamendolicensing/heroes/spreaker/hero-spreaker-d-xl.svg"); background-size: 100%; background-position: center center; } @media only screen and (max-width: 768px) { .hero-background>picture.vector[spreaker] { background-image: url("https://images.jamendo.com/jamendolicensing/heroes/spreaker/hero-spreaker-m.svg"); } } .hero-background>picture.vector[phone-video] { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/phone-video.svg"); background-size: 25%; background-position: left center; } .hero-background>picture.vector[copyright-free] { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/copyright-free.svg"); background-size: 12%; background-position: 96% bottom; height: 126%; display: none; } @media only screen and (max-width: 768px) { .hero-background>picture.vector[copyright-free] { background-position: center 8%; background-size: 24% } } @media only screen and (max-width: 540px) { .hero-background>picture.vector[copyright-free] { background-position: center 6%; background-size: 22% } } @media only screen and (max-width: 480px) { .hero-background>picture.vector[copyright-free] { background-position: center 4%; background-size: 21% } } .hero-background>picture.vector[music-box] { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/music-box.svg"); background-size: 11%; background-position: 94% center; margin-top: -10px; } @media only screen and (max-width: 1700px) { .hero-background>picture.vector[music-box] { background-size: 12%; background-position: 95% center; } } @media only screen and (max-width: 1500px) { .hero-background>picture.vector[music-box] { background-size: 13%; background-position: 95% center; } } @media only screen and (max-width: 1200px) { .hero-background>picture.vector[music-box] { background-size: 11%; background-position: 92% 21%; opacity: .7; } } @media only screen and (max-width: 1000px) { .hero-background>picture.vector[music-box] { background-position: 92% 25% } } @media only screen and (max-width: 768px) { .hero-background>picture.vector[music-box] { background-size: 18%; opacity: 1; background-position: 7% 93% } } @media only screen and (max-width: 480px) { .hero-background>picture.vector[music-box] { display: none; } } .hero-background>picture.vector[music-box]~div { width: 20%; height: 100%; z-index: -1; } .hero-background>picture.vector[music-box]~div::after { content: ""; position: absolute; width: 0; height: 0; left: -95px; top: 0px; border-right: 95px solid #4bd2e2; border-top: 120px solid transparent; border-bottom: 120px solid transparent; } @media only screen and (max-width: 1200px) { .hero-background>picture.vector[music-box]~div { display: none; } } .hero[sm-rectangle] { padding-bottom: 16% !important; } @media only screen and (max-width: 1200px) { .hero[sm-rectangle] { padding-bottom: 20% !important; } } @media only screen and (max-width: 992px) { .hero[sm-rectangle] { padding-bottom: 28% !important; } } @media only screen and (max-width: 768px) { .hero[sm-rectangle] { padding-bottom: 42% !important; } } @media only screen and (max-width: 600px) { .hero[sm-rectangle] { padding-bottom: 70% !important; } } @media only screen and (max-width: 480px) { .hero[sm-rectangle] { padding-bottom: 100% !important; } } .hero[h-240] { padding-bottom: 0 !important; } @media only screen and (max-width: 560px) { .hero[h-240] { height: 260px !important; } } .hero-content { padding: 0 16px; padding: 0 1rem; } .hero-content a.container:hover { text-decoration: none; } .hero-content a.container:hover h1, .hero-content a.container:hover p { color: #b7f7ff; } .hero-content.heavy p { display: none; max-width: 800px; max-width: 50rem; } .hero-content .hero-button { margin: 32px 0 0; margin: 2rem 0 0; } .hero-content picture { border: 1px solid red; } .hero .heading { margin-bottom: 14px; } .hero .cta { margin-top: 32px; margin-top: 2rem; } .hero .cta { text-align: center; } .hero .cta-overlay { display: table; position: absolute; width: 100%; bottom: 0; } .hero .cta-overlay .btn-img-background { margin: 0px auto -50px; } .hero .link-corner { padding: 0 16px 12px; padding: 0 1rem 0.75rem; text-align: right; } .hero .link-corner a:link, .hero .link-corner a:visited { color: #FFF; text-decoration: none; } .hero .link-corner a:hover, .hero .link-corner a:active { text-decoration: underline; } .hero p { max-width: 600px; max-width: 37.5rem; color: #FFF; margin: 0; line-height: 1.4; } @media only screen and (max-width: 480px) { .hero p { max-width: 100%; margin: 0rem 1.5rem; } } .hero a.hero-content { text-decoration: none; } .hero a.hero-content:hover h1, .hero a.hero-content:hover h2, .hero a.hero-content:hover p { color: #b7f7ff; } .hero a.hero-content.track-pack .container, .hero a.hero-content.subscription .container { width: 50%; margin: 0 0 0 160px; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .hero a.hero-content.track-pack .container h1, .hero a.hero-content.subscription .container h1 { margin: 0 !important; max-width: none !important; } .hero a.hero-content.track-pack .container h2, .hero a.hero-content.subscription .container h2 { margin: 0 0 25px 0 !important; max-width: none !important; } .hero a.hero-content.track-pack .container .heading.overlay, .hero a.hero-content.subscription .container .heading.overlay { text-shadow: none; } .hero a.hero-content.track-pack .container>div, .hero a.hero-content.subscription .container>div { width: 100% } .hero a.hero-content.track-pack .container>div p, .hero a.hero-content.subscription .container>div p { text-shadow: none; padding-right: 15px; } @media only screen and (max-width: 1600px) { .hero a.hero-content.track-pack .container, .hero a.hero-content.subscription .container { margin: 0 0 0 100px; width: 60% } } @media only screen and (max-width: 1400px) { .hero a.hero-content.track-pack .container, .hero a.hero-content.subscription .container { width: 65% } } @media only screen and (max-width: 1200px) { .hero a.hero-content.track-pack .container, .hero a.hero-content.subscription .container { width: 95%; margin: 0 auto; } } @media only screen and (max-width: 768px) { .hero a.hero-content.track-pack .container, .hero a.hero-content.subscription .container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hero a.hero-content.track-pack .container>div, .hero a.hero-content.subscription .container>div { -ms-flex-flow: column; flex-flow: column; } .hero a.hero-content.track-pack .container>div p[text-left], .hero a.hero-content.subscription .container>div p[text-left] { padding-right: 0px; display: none; } } @media only screen and (max-width: 480px) { .hero a.hero-content.track-pack .container h2, .hero a.hero-content.subscription .container h2 { font-size: 1.375rem !important; } .hero a.hero-content.track-pack .container button, .hero a.hero-content.subscription .container button { margin-bottom: 20px; } } .hero a.hero-content.track-pack:hover .container>div p, .hero a.hero-content.subscription:hover .container>div p { color: #FFF; } .hero a.hero-content.track-pack:hover .container>div .button-cart::before, .hero a.hero-content.subscription:hover .container>div .button-cart::before { content: none; } .hero a.hero-content.track-pack:hover .container>div .button-cart .button-cart-text-container p, .hero a.hero-content.subscription:hover .container>div .button-cart .button-cart-text-container p { color: #e78e03; } .hero a.hero-content.track-pack:hover .container>div .button-cart:hover, .hero a.hero-content.subscription:hover .container>div .button-cart:hover { transition-delay: 0s; } .hero a.hero-content.track-pack:hover .container>div .button-cart:hover .button-cart-text-container p, .hero a.hero-content.subscription:hover .container>div .button-cart:hover .button-cart-text-container p { color: #fdef16; } .hero a.hero-content.track-pack~.link-corner a, .hero a.hero-content.subscription~.link-corner a { color: #FFF; text-decoration: none; cursor: pointer; } .hero a.hero-content.track-pack~.link-corner a:hover, .hero a.hero-content.subscription~.link-corner a:hover { text-decoration: underline; } .hero.seo .search-module { max-width: 550px; margin-left: auto; margin-right: auto; background-color: white; font-size: 16px; color: black; border: 1px solid black; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } @media only screen and (max-width: 768px) { .hero.seo .search-module { margin-top: 80px; } } .hero.seo .search-module__left { padding-right: 10px; } .hero.seo .search-module__right { padding-left: 10px; } .hero.seo .search-module .icon-search { color: black; } .hero.seo .search-module input[type="text"] { color: black !important; } .hero.seo .search-module ::-webkit-input-placeholder { /**/ color: black; } .hero.seo .search-module :-ms-input-placeholder { color: black; } .hero.seo .search-module ::-moz-placeholder { color: black; } .hero.seo .search-module ::placeholder { color: black; } .hero.seo .search-module .chosen-choices { padding-top: 8px; padding-bottom: 8px; } .hero.catalog .hero-background { z-index: 0; } .hero.catalog .hero-content { width: 100% } @media only screen and (max-width: 700px) { .hero.catalog .hero-content { width: 100% } } .hero.catalog .hero-content>div { display: block; } .hero.catalog .hero-content .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 700px) { .hero.catalog .hero-content .container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .hero.catalog .hero-content .container h1 { font-size: 50px; line-height: 55px; margin-bottom: 0; color: #000; } @media only screen and (max-width: 700px) { .hero.catalog .hero-content .container h1 { font-size: 30px; line-height: 33px; text-align: center; margin-bottom: 30px; } } .hero.catalog .hero-content .container h2 { font-size: 20px; line-height: 62px; color: #000; } @media only screen and (max-width: 700px) { .hero.catalog .hero-content .container h2 { font-size: 16px; line-height: 30px; text-align: center; } } .hero.catalog .hero-content .container .search-module { max-width: 450px; margin-top: 0; background-color: white; font-size: 16px; color: black; border: 1px solid black; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } @media only screen and (max-width: 770px) { .hero.catalog .hero-content .container .search-module { margin-top: 80px; } } .hero.catalog .hero-content .container .search-module__left { padding-right: 10px; } .hero.catalog .hero-content .container .search-module__right { padding-left: 10px; } .hero.catalog .hero-content .container .search-module .icon-search { color: black; } .hero.catalog .hero-content .container .search-module input[type="text"] { color: black !important; } .hero.catalog .hero-content .container .search-module ::-webkit-input-placeholder { color: black; } .hero.catalog .hero-content .container .search-module :-ms-input-placeholder { color: black; } .hero.catalog .hero-content .container .search-module ::-moz-placeholder { color: black; } .hero.catalog .hero-content .container .search-module ::placeholder { color: black; } .hero.catalog .hero-content .container .search-module .chosen-choices { padding-top: 8px; padding-bottom: 8px; } .hero.instore .hero-background { z-index: 0; } .hero.instore .hero-content { width: 100%; max-width: 500px; } @media only screen and (max-width: 768px) { .hero.instore .hero-content { width: 100%; max-width: 100% } } .hero.instore .hero-content>div { display: block; } .hero.instore .hero-content .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 768px) { .hero.instore .hero-content .container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .hero.instore .hero-content .container .title { text-align: left; } .hero.instore .hero-content .container .title h1 { font-size: 50px; line-height: 55px; margin-bottom: 0; color: #000; } @media only screen and (max-width: 768px) { .hero.instore .hero-content .container .title h1 { font-size: 30px; line-height: 33px; text-align: center; margin-bottom: 30px; margin-top: 20% } } .hero.instore .hero-content .container .title h2 { font-size: 20px; line-height: 35px; color: #000; margin-top: 40px; margin-bottom: 0; } @media only screen and (max-width: 768px) { .hero.instore .hero-content .container .title h2 { font-size: 16px; line-height: 30px; text-align: center; margin-top: 0px; } } .hero.instore .hero-content .container .trial-cta { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 40px; } @media only screen and (max-width: 915px) { .hero.instore .hero-content .container .trial-cta { margin-top: 20px; } } @media only screen and (max-width: 768px) { .hero.instore .hero-content .container .trial-cta { margin-top: 0; position: absolute; bottom: 18% } } .hero.catalog, .hero.instore { padding-bottom: 130% !important; } @media only screen and (min-width: 768px) { .hero { padding-bottom: 27% !important; } .hero.catalog, .hero.instore { padding-bottom: 39% !important; } .hero .heading { font-size: 32px; font-size: 2rem; } .hero-content.heavy p { display: none; } } @media only screen and (min-width: 992px) { .hero .heading { font-size: 40px; font-size: 2.5rem; } .hero-content.heavy p { display: inline-block; } .hero p { font-size: 16px; font-size: 1rem; } .hero .search-module { margin-top: 16px; margin-top: 1rem; } } @media only screen and (min-width: 1200px) { .hero .search-module { margin-top: 32px; margin-top: 2rem; } } @media only screen and (min-width: 1600px) { .hero .heading { font-size: 48px; font-size: 3rem; } } .hero.filmora .how-to { margin-top: 30px; } .hero-catalog-ribbon { background-color: whitesmoke; min-height: 56px; border: 1px solid #D8D8D8; box-sizing: border-box; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); white-space: nowrap; } @media only screen and (max-width: 768px) { .hero-catalog-ribbon { box-shadow: none; border-bottom: 1px solid #DADADA; } } .hero-catalog-ribbon__container { min-height: 56px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 1.5rem; padding-right: 1.5rem; } @media only screen and (max-width: 768px) { .hero-catalog-ribbon__container { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 992px) { .hero-catalog-ribbon__container { -ms-overflow-style: none; scrollbar-width: none; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; } .hero-catalog-ribbon__container::-webkit-scrollbar { display: none; } } .hero-catalog-ribbon__container__home { color: black !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hero-catalog-ribbon__container__breadcrumb { vertical-align: middle; color: #C4C4C4; } .hero-catalog-ribbon__container__tree-item, .hero-catalog-ribbon__container__select { display: inline-block; margin: 0 8px; margin: 0 0.5rem; } .hero-catalog-ribbon__container__tree-item, .hero-catalog-ribbon__container__select select, .hero-catalog-ribbon__container__select:after { font-family: "futurademi", Arial, sans-serif; letter-spacing: 1px; text-transform: uppercase; color: black; line-height: 1; } .hero-catalog-ribbon__container__select { position: relative; display: inline-block; z-index: 0; } .hero-catalog-ribbon__container__select--last { margin-right: 25px; } @media only screen and (max-width: 768px) { .hero-catalog-ribbon__container__select--last { padding-right: 5px; } } .hero-catalog-ribbon__container__select select { padding: 10px 28px 10px 12px; padding: 0.625rem 1.75rem 0.625rem 0.75rem; border-width: 1px; border-width: 0.0625rem; border-style: solid; border-color: #ccc; text-transform: uppercase; background: transparent; color: black; outline: none; } .hero-catalog-ribbon__container__select select:hover { cursor: pointer; } .hero-catalog-ribbon__container__select select::-ms-expand { display: none; } .hero-catalog-ribbon__container__select:after { position: absolute; right: 12px; right: 0.75rem; top: 10px; top: 0.625rem; content: '\25BC'; color: black; z-index: -1; } .hero-catalog-ribbon__container__select:focus { outline-width: 0; } .hero-catalog-ribbon__container__select:hover { cursor: pointer; } .hero-catalog-ribbon__container__flex-spacing { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (max-width: 1300px) { .hero-catalog-ribbon__container__flex-spacing { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } } .hero-catalog-ribbon__container__filter-container { height: 56px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #636363; padding-left: 24px; margin: 0 !important; border-left: 1px solid #D8D8D8; } @media only screen and (max-width: 992px) { .hero-catalog-ribbon__container__filter-container { display: none; } } .hero-catalog-ribbon__container__filter-container__text { margin-right: 10px; } .hero-in-store-ribbon { padding: 18px 0; padding: 1.125rem 0; margin-bottom: 64px; margin-bottom: 4rem; background-color: #67b7bf; } .hero-in-store-ribbon p { text-align: center; display: block; margin-bottom: 10px; margin-bottom: 0.625rem; } .hero-in-store-ribbon h1, .hero-in-store-ribbon h2, .hero-in-store-ribbon h3 { margin: 0; } .hero-in-store-ribbon .button-list { text-align: center; } .hero-track { padding: 28px 0 12px; padding: 1.75rem 0 0.75rem; margin-bottom: 16px; margin-bottom: 1rem; position: relative; background-color: #333; color: #FFF; } .hero-track:after { position: absolute; content: ''; bottom: -13px; bottom: -0.8125rem; margin-left: -8px; margin-left: -0.5rem; left: 50%; width: 0; height: 0; border-left: 0.5rem solid transparent; border-right: 0.5rem solid transparent; border-top: 0.86rem solid #333; } .hero-track__waveform { position: relative; } .hero-track__waveform:hover { cursor: pointer; } .hero-track__waveform .button-play { margin-left: -32px; margin-left: -2rem; margin-top: -32px; margin-top: -2rem; } .hero-track__waveform>canvas { width: 100% } .hero-track__duration { text-align: right; } .hero-track__information .mobile-cart-cta { display: none; } .hero-track__information .mobile-cart-cta:focus { outline: none; } .hero-track__information .button-cart.transparent, .hero-track__information .button-cart.bordered { margin-top: 8px; } @media only screen and (max-width: 992px) { .hero-track__information .button-cart.transparent, .hero-track__information .button-cart.bordered { border-color: #FFF; margin-top: 12px; } } @media only screen and (max-width: 650px) { .hero-track__information .buy-buttons-container { float: left; margin: 12px 0px 0px 12px; } .hero-track__information .buy-buttons-container .button-cart:not(.transparent) { display: none; } .hero-track__information .buy-buttons-container .mobile-cart-cta { display: -webkit-box; display: -ms-flexbox; display: flex; } .hero-track__information .change-license-container { float: left; margin-top: -6px; } .hero-track__information .hero-track__actions { clear: both; margin-top: 66px; } } .hero-track__title { font-family: "futurademi", Arial, sans-serif; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .hero-track__title__contentid-icon { margin-top: 5px; margin-left: 5px; margin-right: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .hero-track__title__contentid-icon img { width: 20px; height: 20px; } .hero-track__artist-name { line-height: 1.714; } .hero-track__artist-name span { text-transform: uppercase; } .hero-track__tags { color: #b3b3b3; display: inline-block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; min-height: 16px; } .hero-track__tags li:nth-child(n+7) { display: none; } .hero-track__tags li:nth-child(6):after { content: '' } .hero-track__actions { margin-top: 14.4px; margin-top: 0.9rem; } .hero-track__actions .button.small { font-size: 14.4px; font-size: 0.9rem; min-width: 8rem; text-decoration: none; } .hero-track__actions>li:nth-child(2) { margin-bottom: 0.25rem; } .hero-track__actions>li:nth-child(2) .hero-track__action { font-size: 12.8px; font-size: 0.8rem; margin-bottom: 0.25rem; } .hero-track__action { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 12px 0; margin: 0.75rem 0; text-align: left; text-decoration: none; } .hero-track__action:link, .hero-track__action:visited { color: #FFF; } .hero-track__action:hover, .hero-track__action:active { color: #67b7bf; } .hero-track__action:focus { outline: none !important; } .hero-track__tease { color: gray; text-transform: uppercase; text-align: center; letter-spacing: 1px; } @media only screen and (min-width: 992px) { .hero-track__waveform { margin-top: 6px; margin-top: 0.375rem; } } @media only screen and (min-width: 1200px) { .hero-track__a { padding-right: 24px; padding-right: 1.5rem; } .hero-track__b { padding-left: 24px; padding-left: 1.5rem; } } .header-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-flow: column; flex-flow: column; height: 100%; width: 100%; position: relative; min-height: calc(100vh - 50vh); margin-bottom: 40px; } @media only screen and (max-width: 768px) { .header-2 { min-height: calc(100vh - 31vh); } } .header-2 .video-2 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); bottom: 0; left: 0; top: 0; right: 0; overflow: hidden; position: absolute; margin: 0; padding: 0; } .header-2 .video-2 video { min-height: 100%; min-width: 100% } .header-2 h1, .header-2 h2, .header-2 .search-module { z-index: 1; text-align: center; } .header-2 h1, .header-2 h2 { padding: 0 1rem; } .header-2 .search-module { width: 50% } @media only screen and (max-width: 880px) { .header-2 .search-module { display: none; } } @media only screen and (max-width: 1109px) { .header-2 { margin-top: -48px; margin-top: -3rem; } } .link-map { clear: both; } .link-map .tabs { text-align: center; border-bottom-width: 1px; border-bottom-width: 0.0625rem; border-bottom-style: solid; border-bottom-color: #e6e6e6; } .link-map .tabs li { display: inline; } .link-map .tabs li.is-active button { color: #67b7bf; } .link-map .tabs li.is-active button:before { position: absolute; bottom: -1px; bottom: -0.0625rem; height: 1px; height: 0.0625rem; left: 0; right: 0; content: ""; display: block; background-color: #67b7bf; } .link-map .tabs button { display: inline-block; padding: 8px 8px; padding: 0.5rem 0.5rem; margin: 0 8px; margin: 0 0.5rem; cursor: pointer; position: relative; color: #999; } .link-map .tabs button:focus { outline: none; } .link-map.discreet { padding-top: 16px; padding-top: 1rem; } .link-map.discreet .tabs { border-bottom: none; } .link-map.discreet .tabs button { display: inline; padding: 0; margin: 0; } .link-map.discreet .tabs button:after { content: " / " } .link-map.discreet .tabs li:last-child button:after, .link-map.discreet .tabs li.is-active button:before { display: none; } .link-map.discreet .tabs li.is-active button { color: #999; } .link-map .tabs-content { margin: 32px 0 0; margin: 2rem 0 0; } .link-map .tabs-content>li { display: none; width: 100%; text-align: center; } .link-map .tabs-content>li>div { display: inline-block; width: auto; } .link-map .tabs-content>li.is-active { display: block; } .link-map .tabs-content a { text-decoration: none; } .link-map .link-group a:not(.main):link, .link-map .link-group a:not(.main):visited, .link-map .link-group-unique a:not(.main):link, .link-map .link-group-unique a:not(.main):visited { color: #999; } .link-map .link-group a:not(.main):hover, .link-map .link-group a:not(.main):active, .link-map .link-group-unique a:not(.main):hover, .link-map .link-group-unique a:not(.main):active { color: gray; } .link-map .link-group { margin-bottom: 20px; margin-bottom: 1.25rem; float: left; text-align: left; width: 50% } .link-map .link-group li { float: left; clear: left; } .link-map .link-group li .main { line-height: 2; } .link-map .link-group li .more { line-height: 2.667; } .link-map .link-group-unique li { float: left; width: 50%; text-align: left; margin-bottom: 20px; margin-bottom: 1.25rem; } @media only screen and (min-width: 768px) and (max-width: 991px) { .link-map .link-group { width: 240px; } .link-map .link-group:nth-child(3n+3) { width: auto; } .link-map .link-group:nth-child(3n+4) { clear: left; } .link-map .link-group-unique li { width: 33% } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .link-map .link-group { width: 230px; } .link-map .link-group:nth-child(4n+4) { width: auto; } .link-map .link-group:nth-child(4n+5) { clear: left; } .link-map .link-group-unique li { width: 20% } } @media only screen and (min-width: 1200px) { .link-map .link-group { width: 220px; } .link-map .link-group:nth-child(5n+5) { width: auto; } .link-map .link-group:nth-child(5n+6) { clear: left; } .link-map .link-group-unique li { width: 14.2% } } @media only screen and (min-width: 992px) { .link-map .tabs button { padding: 20px 20px; padding: 1.25rem 1.25rem; margin: 0 16px; margin: 0 1rem; } } .link-map-v2 { position: relative; } .link-map-v2 h1 { text-transform: uppercase; } .link-map-v2>li { width: 20% } @media only screen and (max-width: 992px) { .link-map-v2>li { width: 25% } } .link-map-v2>li a { color: gray; text-decoration: none; cursor: pointer; } .link-map-v2>li a h2 { margin-bottom: 0.5rem; font-size: 20px; } .link-map-v2>li a:hover { color: #67b7bf; } .link-map-v2>li a.is-active h2 { font-family: "futurademi", Arial, sans-serif; } .link-map-v2>li .menu-list { display: block; max-height: 0px; overflow: hidden; transition: max-height 0.7s cubic-bezier(0, 1, 0, 1); } .link-map-v2>li .menu-list.is-active { padding-left: 0.75rem; border-left: 4px solid #f1f1f1; -webkit-animation: mymove 0.5s 0.1s cubic-bezier(0.5, 0, 0.5, 0) forwards; animation: mymove 0.5s 0.1s cubic-bezier(0.5, 0, 0.5, 0) forwards; } @-webkit-keyframes mymove { 0% { max-height: 0px; } 99% { max-height: 370px; } 100% { max-height: 370px; overflow: visible; } } @keyframes mymove { 0% { max-height: 0px; } 99% { max-height: 370px; } 100% { max-height: 370px; overflow: visible; } } .link-map-v2>li .menu-list li:last-of-type { margin-bottom: 1rem; } .link-map-v2>li .menu-list li a { position: relative; } .link-map-v2>li .menu-list li a::before { content: ''; position: absolute; width: 4px; margin-left: calc(-0.75rem - 4px); top: 0; left: 0; height: 0px; background-color: #67b7bf; -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; transition: -webkit-transform .5s; transition: transform .5s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .link-map-v2>li .menu-list li a h3 { font-size: 14px; margin-bottom: 0.5rem; } .link-map-v2>li .menu-list li a:hover::before { height: 21px; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .link-map-v2>li .menu-list li.is-active { border-left: 4px solid #67b7bf; z-index: 1; padding-left: 1.125rem; margin-left: calc(-0.75rem - 4px); } .link-map-v2>li .menu-list li.is-active a::before { content: none; } .link-map-v2>li .menu-list li.is-active a h3 { color: #67b7bf; } .link-map-v2>li .container-icons { display: none; opacity: 0; width: 80% } @media only screen and (max-width: 992px) { .link-map-v2>li .container-icons { width: 75% !important; } } .link-map-v2>li .container-icons.is-active { display: block; position: absolute; top: 0; right: 0; width: 80%; -webkit-animation: fadeicons .5s forwards; animation: fadeicons .5s forwards; } @-webkit-keyframes fadeicons { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeicons { 0% { opacity: 0; } 100% { opacity: 1; } } .link-map-v2>li .container-icons.is-active p { margin-left: 2%; margin-bottom: 0.5rem; } @media only screen and (max-width: 992px) { .link-map-v2>li .container-icons.is-active p { margin-left: 3.33% } } .link-map-v2>li .container-icons.is-active .icons-display { display: none; overflow: hidden; } .link-map-v2>li .container-icons.is-active .icons-display.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .link-map-v2>li .container-icons.is-active .icons-display li { width: 18%; margin-left: 2%; margin-bottom: 2%; overflow: hidden; } @media only screen and (max-width: 1200px) { .link-map-v2>li .container-icons.is-active .icons-display li { width: 23%; margin-left: 2%; margin-bottom: 2% } } @media only screen and (max-width: 992px) { .link-map-v2>li .container-icons.is-active .icons-display li { width: 30%; margin-left: 3.33%; margin-bottom: 3.33% } } .link-map-v2>li .container-icons.is-active .icons-display li a { display: block; position: relative; height: 100%; text-align: center; color: #FFF; text-decoration: none; text-transform: uppercase; cursor: url("https://images.jamendo.com/jamendolicensing/static/png-imgs/magnifying-glass-icon.webp"), pointer; transition: background-color .2s ease-in-out; } .link-map-v2>li .container-icons.is-active .icons-display li a::before { content: none; } .link-map-v2>li .container-icons.is-active .icons-display li a h4 { margin: 0; } .link-map-v2>li .container-icons.is-active .icons-display li a figure { display: block; background-size: contain; background-position: center; background-repeat: no-repeat; margin: 0; height: 100%; width: 100%; position: relative; } .link-map-v2>li .container-icons.is-active .icons-display li a figure::after { content: ''; position: absolute; z-index: 2; right: 0; top: 0; left: 0; bottom: 0; background-color: #67b7bf; opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); transition: opacity .17s, -webkit-transform .17s ease-out; transition: opacity .17s, transform .17s ease-out; } .link-map-v2>li .container-icons.is-active .icons-display li a figure img { position: absolute; width: 100%; height: 100%; left: 0; max-height: 90px; transition: all .2s ease-in-out; top: calc((100% - 46px - 90px)/2); } .link-map-v2>li .container-icons.is-active .icons-display li a figure figcaption { display: table-cell; vertical-align: middle; word-break: break-all; padding: 5%; width: 100%; font-size: 14px; font-family: "futurabook", Arial, sans-serif; padding: 0 8px; margin: 0; text-shadow: none; text-transform: capitalize; line-height: 1.3; background-color: #67b7bf; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 46px; text-align: center; position: absolute; bottom: 0; white-space: normal; word-break: break-word; background-color: #67b7bf; transition: height .1s ease-out .1s; } .link-map-v2>li .container-icons.is-active .icons-display li a figure[rock] { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/paper-plane.svg"); } .link-map-v2>li .container-icons.is-active .icons-display li:hover figure::after { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); opacity: .75; -webkit-filter: brightness(100%) saturate(100%); filter: brightness(100%) saturate(100%); } .link-map-v2>li .container-icons.is-active .icons-display li:hover figure img { -webkit-filter: saturate(135%) brightness(125%); filter: saturate(135%) brightness(125%); z-index: 10; -webkit-transform: translateZ(0) scale(1.05, 1.05); transform: translateZ(0) scale(1.05, 1.05); margin-top: -1px; } @media only screen and (max-width: 1110px) { .link-map-v2>li .container-icons.is-active .icons-display li: hover figure img { margin-top: -3px; } } .link-map-v2>li .container-icons.is-active .icons-display li:hover figure figcaption { color: #FFF; background-color: #4bd2e2; height: 54px; z-index: 3; } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo { display: initial; overflow: hidden; } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a { overflow: hidden; position: relative; width: 100%; height: 100% } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a>div:first-child { z-index: -1; position: absolute; right: 0; top: 0; left: 0; bottom: 0; height: 100% } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a>div:first-child:after { content: ''; position: absolute; z-index: 2; right: 0; top: 0; left: 0; bottom: 0; background-color: #67b7bf; opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); transition: opacity .17s, -webkit-transform .17s ease-out; transition: opacity .17s, transform .17s ease-out; } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a>div:first-child img { transition: all .2s ease-in-out; width: 100%; height: auto; } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a>div:last-child { position: absolute; right: 0; top: 0; left: 0; bottom: 0; height: 100% } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a>div:last-child>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 46px; padding: 0; text-align: center; position: absolute; bottom: 0; white-space: normal; word-break: break-word; background-color: #67b7bf; transition: height .1s ease-out .1s; } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a>div:last-child>div h2 { font-size: 14px; font-family: "futurabook", Arial, sans-serif; padding: 0 8px; margin: 0; text-shadow: none; text-transform: capitalize; line-height: 1.3; } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a:hover { cursor: url("https://images.jamendo.com/jamendolicensing/static/png-imgs/magnifying-glass-icon.webp"), pointer; } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a:hover>div:first-child:after { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); opacity: .75; } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a:hover img { -webkit-transform: translateZ(0) scale(1.06, 1.06); transform: translateZ(0) scale(1.06, 1.06); } .link-map-v2>li .container-icons.is-active .icons-display .thumb-seo>a:hover>div:last-child>div { color: #FFF; background-color: #4bd2e2; height: 54px; } @media only screen and (max-width: 768px) { .link-map-v2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .link-map-v2>li { width: 30%; height: 50px; margin: 1.666% } .link-map-v2>li a { height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: center; border: 1px solid gray; border-radius: 6px; } .link-map-v2>li a.is-active { background-color: gray; border-color: gray; color: #FFF; } .link-map-v2>li a h2 { width: 100%; margin: 0; padding: 0 8px; line-height: 1.3; } .link-map-v2>li .menu-list, .link-map-v2>li .menu-list.is-active { position: absolute; top: 160px; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; border-left: none; padding-left: 0; } .link-map-v2>li .menu-list>li, .link-map-v2>li .menu-list.is-active>li { width: 30%; margin: 1.666%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .link-map-v2>li .menu-list>li>a, .link-map-v2>li .menu-list.is-active>li>a { min-height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #67b7bf; color: #67b7bf; } .link-map-v2>li .menu-list>li>a:hover::before, .link-map-v2>li .menu-list.is-active>li>a:hover::before { content: none; } .link-map-v2>li .menu-list>li>a h3, .link-map-v2>li .menu-list.is-active>li>a h3 { text-align: center; margin: 0; padding: 0 8px; font-size: 20px; line-height: 1.3; } .link-map-v2>li .menu-list>li.is-active, .link-map-v2>li .menu-list.is-active>li.is-active { border-left: 0; padding: 0; } .link-map-v2>li .menu-list>li.is-active>a, .link-map-v2>li .menu-list.is-active>li.is-active>a { background-color: gray; } .link-map-v2>li .menu-list>li.is-active>a h3, .link-map-v2>li .menu-list.is-active>li.is-active>a h3 { font-family: "futurabold", Arial, sans-serif; color: #FFF; } .link-map-v2>li .container-icons.is-active { width: 100% !important; display: block; } .link-map-v2>li .container-icons.is-active p { margin-left: 1.666%; margin-bottom: 0; } .link-map-v2>li .container-icons.is-active p:first-of-type { margin-bottom: 20px; } .link-map-v2>li .container-icons.is-active .icons-display.is-active { width: 100%; background-color: bisque; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .link-map-v2>li .container-icons.is-active .icons-display.is-active>li { width: 30%; margin: 0 1.666%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .link-map-v2>li .container-icons.is-active .icons-display.is-active>li a { min-height: 52px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FFF; color: gray; cursor: default; border-radius: 0; border-bottom: 0; border-left: 0; border-right: 0; border-top-width: 1px; border-color: #e6e6e6; } .link-map-v2>li .container-icons.is-active .icons-display.is-active>li a:hover { cursor: pointer; background-color: #FFF; color: black; } .link-map-v2>li .container-icons.is-active .icons-display.is-active>li a h4 { margin: 0; text-transform: capitalize; font-size: 14px; } .link-map-v2>li .container-icons.is-active .icons-display.is-active>li:nth-of-type(1) a, .link-map-v2>li .container-icons.is-active .icons-display.is-active>li:nth-of-type(2) a, .link-map-v2>li .container-icons.is-active .icons-display.is-active>li:nth-of-type(3) a { border-top-width: 0px; } .link-map-v2>li .container-icons.first-level { display: none; } } @media only screen and (max-width: 650px) { .link-map-v2>li { width: 47%; margin: 1.5% } .link-map-v2>li .menu-list>li, .link-map-v2>li .menu-list.is-active>li { width: 47%; margin: 1.5% } .link-map-v2>li .menu-list.is-active { top: 220px; } .link-map-v2>li .container-icons.is-active p { margin-left: 1.5%; margin-bottom: 0; } .link-map-v2>li .container-icons.is-active .icons-display.is-active>li { width: 47%; margin: 0 1.5% } .link-map-v2>li .container-icons.is-active .icons-display.is-active>li:nth-of-type(3) a { border-top-width: 1px; } } @media only screen and (max-width: 420px) { .link-map-v2>li { width: 90%; margin: 8px 5% } .link-map-v2>li .menu-list>li, .link-map-v2>li .menu-list.is-active>li { width: 90%; margin: 8px 5% } .link-map-v2>li .menu-list.is-active { top: 410px; } .link-map-v2>li .container-icons.is-active p { margin-left: 5% } .link-map-v2>li .container-icons.is-active .icons-display.is-active>li { width: 90%; margin: 0 5% } .link-map-v2>li .container-icons.is-active .icons-display.is-active>li:nth-of-type(2) a { border-top-width: 1px; } } .mini-player { padding: 6px 8px 6px 6px; padding: 0.375rem 0.5rem 0.375rem 0.375rem; bottom: -64px; bottom: -4rem; width: 100%; position: fixed; right: 0; background-color: #232323; z-index: 100; color: #FFF; transition: bottom .25s ease-out; } .mini-player__cover { width: 50px; width: 3.125rem; height: 50px; height: 3.125rem; } .mini-player__track { padding: 0 16px 0 8px; padding: 0 1rem 0 0.5rem; width: 100%; line-height: 1; } .mini-player__track .title { line-height: 1.143; } .mini-player__track .artist { text-transform: uppercase; line-height: 1.455; } .mini-player__actions { white-space: nowrap; } .mini-player__actions li { display: inline-block; } .mini-player.is-visible { bottom: 0; } .mini-player.mobile { z-index: 750 !important; } @media only screen and (min-width: 992px) { .mini-player { width: 304px; width: 19rem; } } .player-full { padding: 6px 8px 6px 6px; padding: 0.375rem 0.5rem 0.375rem 0.375rem; bottom: -80px; width: 100%; position: fixed; right: 0; background-color: black; z-index: 100; color: #FFF; transition: bottom .25s ease-out; padding: 8px 22px 8px 8px; } .player-full.is-visible { bottom: 0; } .player-full.mobile { z-index: 750 !important; } @media only screen and (max-width: 410px) { .player-full { padding: 8px; } } .player-full .btn-icon-data.is-active:after, .player-full .btn-icon-data:focus:after { content: ""; position: absolute; border-radius: 100%; background-color: #fff; -webkit-animation: active-btn1 .4s linear; animation: active-btn1 .4s linear; } @-webkit-keyframes active-btn1 { 0% { width: 35%; height: 35%; opacity: 0; } 50% { width: 50%; height: 50%; opacity: .20; } 100% { width: 125%; height: 125%; opacity: 0; } } @keyframes active-btn1 { 0% { width: 35%; height: 35%; opacity: 0; } 50% { width: 50%; height: 50%; opacity: .20; } 100% { width: 125%; height: 125%; opacity: 0; } } .player-full .track-container { width: 22%; max-width: 22%; white-space: nowrap; } @media only screen and (max-width: 1300px) { .player-full .track-container { width: 27%; max-width: 27% } } @media only screen and (max-width: 1200px) { .player-full .track-container { width: 25%; max-width: 25% } } @media only screen and (max-width: 992px) { .player-full .track-container { width: calc(100% - 176px); max-width: calc(100% - 176px); } } @media only screen and (max-width: 410px) { .player-full .track-container { padding-right: 8px; } } .player-full .track-container .cover { width: 50px; height: 50px; min-width: 50px; } .player-full .track-container .track-text { padding: 0 0 0 8px; padding: 0 0 0 0.5rem; width: 100%; line-height: 1; text-decoration: none; color: white; } .player-full .track-container .track-text:hover { color: #67b7bf; } .player-full .track-container .track-text .title { line-height: 1.143; } .player-full .track-container .track-text .artist { text-transform: uppercase; line-height: 1.455; } .player-full .commands-container { padding: 0 60px; } @media only screen and (max-width: 1200px) { .player-full .commands-container { padding: 0 20px; } } @media only screen and (max-width: 992px) { .player-full .commands-container { padding: 0; } } .player-full .commands-container .track__waveform { width: 100%; height: auto; } .player-full .commands-container .track__waveform .track__waveform-wrap { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .player-full .commands-container .track__waveform .track__waveform-wrap canvas { width: 100%; max-height: 50px; display: block; } @media only screen and (max-width: 992px) { .player-full .commands-container>div { display: none; } } @media only screen and (max-width: 410px) { .player-full .commands-container>ul li: first-of-type { display: none; } } .player-full .commands-container .button-play.round.animated.player-full i { font-size: 42px; } .player-full .actions-container .actions { white-space: nowrap; } .player-full .actions-container .actions li { display: inline-block; } .player-full .actions-container .actions li.item { display: list-item; } @media only screen and (max-width: 992px) { .player-full .actions-container .actions { right: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; position: absolute; width: 100%; z-index: 100; height: 66px; top: -66px; right: -100%; background-color: #1b1b1b; transition: right .25s ease; } .player-full .actions-container .actions.is-visible { right: 0% } .player-full .actions-container .actions.is-visible~.mobile-cart-cta i { color: #67b7bf; } } .player-full .actions-container .actions .pop-in-wrapper.top-right { bottom: 39px; right: 3px; } .player-full .actions-container .actions .pop-in-wrapper.top-center { bottom: 39px; } .player-full .actions-container .actions .pop-in-wrapper .pop-in__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .player-full .actions-container .actions .pop-in-wrapper .pop-in.pin-small.pin-top.pin-second-corner:after, .player-full .actions-container .actions .pop-in-wrapper .pop-in.pin-small.pin-bottom.pin-second-corner:after { bottom: -10px; } .player-full .actions-container .actions .btn-icon-data[disabled] { opacity: 1; } .player-full .actions-container .actions .btn-icon-data .icon-cart-new2-added { color: #4bd2e2; } .player-full .actions-container>button { display: none; } @media only screen and (max-width: 992px) { .player-full .actions-container>button { display: -webkit-box; display: -ms-flexbox; display: flex; } } .player-full.instore { padding: 15px 8px; } .player-full.instore .track-container { max-width: initial; } .player-full.instore .track-container a { white-space: normal; width: auto; } .player-full.instore .track-container a .title { font-size: 16px; margin-left: 12px; line-height: 1.7; } @media only screen and (max-width: 500px) { .player-full.instore .track-container { width: calc(100% - 192px); max-width: calc(100% - 192px); } .player-full.instore .track-container a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .player-full.instore .commands-container { -webkit-box-flex: initial; -ms-flex-positive: initial; flex-grow: initial; padding: 0 0 0 16px; } @media only screen and (max-width: 400px) { .player-full.instore .commands-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } .navigation { position: relative; z-index: 610; } .navigation .links li { display: inline; } .navigation .logo-link { outline: 0; padding: 0 10px; } .navigation__mobile-bar { position: fixed; top: 0; left: 0; height: 48px; height: 3rem; background-color: #232323; } .navigation__mobile-bar .actions { width: 50% } .navigation__mobile-bar .actions li { display: inline-block; width: 48px; width: 3rem; } .navigation__mobile-bar .actions.secondary { text-align: right; } .navigation__mobile-bar .actions.secondary .iconic-link, .navigation__mobile-bar .actions.secondary .iconic-link .link { display: inline-block; height: 48px; height: 3rem; width: 40px; width: 2.5rem; vertical-align: top; line-height: 1.2; color: #FFF; } .navigation__mobile-bar .actions.secondary .iconic-link:hover, .navigation__mobile-bar .actions.secondary .iconic-link .link:hover { background-color: #67b7bf; text-shadow: none; } .navigation__mobile-bar .actions.secondary .iconic-link:hover .pill, .navigation__mobile-bar .actions.secondary .iconic-link .link:hover .pill { color: #67b7bf; } .navigation__mobile-bar .actions.secondary .iconic-link:hover .pill::before, .navigation__mobile-bar .actions.secondary .iconic-link .link:hover .pill::before { background-color: #FFF; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div { display: table; height: 100%; width: 100%; text-align: center; vertical-align: middle; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div>div { display: table-cell; vertical-align: middle; text-align: center; position: relative; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div>div:first-child .icon-cart-new { font-size: 1.375rem; width: 1.375rem; height: 1.375rem; left: -3px; top: 1px; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div>div:last-child .pill { height: 14px; width: 14px; min-width: inherit; top: 8px; right: 6px; position: absolute; font-size: 10px; line-height: 1.6; font-family: "futurabold", Arial, sans-serif; } .navigation__mobile-bar .actions.secondary .iconic-link>a>div>div:last-child .pill::before { border-radius: 50% } .navigation__mobile-bar .actions.secondary .iconic-link span { text-transform: uppercase; } .navigation__mobile-bar .action .icon { line-height: 3; height: 48px; height: 3rem; width: 48px; width: 3rem; } .navigation__mobile-bar label.action { margin: 0; } .navigation__mobile-bar label.action:hover { cursor: pointer; } .navigation__opener-check { display: none; } .navigation__opener-check:checked+.navigation__pane { left: 0; } .navigation__opener-check:checked+.navigation__pane+.navigation__mobile-overlay { visibility: visible; opacity: 0.95; filter: alpha(opacity=95); } .navigation__pane { position: fixed; top: 48px; top: 3rem; padding-bottom: 24px; padding-bottom: 1.5rem; bottom: 0; left: -85%; width: 85%; height: auto; overflow-y: auto; background-color: black; transition: left .3s linear; } .navigation__pane .logo-link { display: none; } .navigation__pane .link { display: block; background-color: transparent; color: #FFF; text-decoration: none; transition: background-color .25s linear; padding: 0 16px 0 24px; padding: 0 1rem 0 1.5rem; line-height: 3; } .navigation__pane .link:hover { background-color: #67b7bf; text-shadow: none; } .navigation__pane .link:focus { outline: none; } .navigation__pane .link.is-new { background-image: url(https://images.jamendo.com/jamendolicensing/static/navigation/new-on-menu.webp); background-repeat: no-repeat; background-color: #ffffff2b; padding-left: 40px; padding-left: 2.5rem; padding-top: 4px; padding-top: 0.25rem; padding-bottom: 4px; padding-bottom: 0.25rem; } .navigation__pane .link.is-new:hover { background-color: #67b7bf; } .navigation__pane .primary .link { text-transform: uppercase; } .navigation__pane .secondary { margin-top: 8px; margin-top: 0.5rem; } .navigation__pane .secondary .link { padding: 0 24px; padding: 0 1.5rem; } .navigation__pane .secondary .links.second-level li a, .navigation__pane .secondary .links.second-level li button { display: block; color: #FFF; text-decoration: none; transition: background-color .25s linear; padding: 0 16px 0 24px; padding: 0 1rem 0 1.5rem; text-transform: uppercase; line-height: 3; } .navigation__pane .secondary .links.second-level li a:hover, .navigation__pane .secondary .links.second-level li button:hover { background-color: #67b7bf; text-shadow: none; } .navigation__pane .secondary .links.second-level li a.is-current, .navigation__pane .secondary .links.second-level li button.is-current { position: relative; color: #8bc8ce; pointer-events: none; } .navigation__pane .secondary .links.second-level li button { width: 100%; text-align: left; } .navigation__pane .secondary .links.second-level.reseller { margin-top: 24px; margin-top: 1.5rem; } .navigation__pane .secondary .links.second-level.reseller li:first-of-type { text-transform: uppercase; padding-left: 16px; padding-left: 1rem; color: #FFF; } .navigation__pane .secondary .links.second-level.reseller li:first-of-type i { display: none; } @media (max-width: 1110px) { .navigation__pane .secondary .links.second-level div[anchor-links] .button-cart { border: none; width: 100%; padding: 0 0 0 12px; margin-bottom: 0; border-radius: 0; } .navigation__pane .secondary .links.second-level div[anchor-links] .button-cart .button-cart-text-container { padding: 0; text-align: left; } .navigation__pane .secondary .links.second-level div[anchor-links] .button-cart .button-cart-text-container p { font-family: "futurabook", Arial, sans-serif; font-size: 12px; color: #FFF; line-height: 3; } } .navigation__pane .top-level>li>a { padding: 0 16px; padding: 0 1rem; margin-top: 24px; margin-top: 1.5rem; line-height: 2.462; font-family: "futurademi", Arial, sans-serif; } .navigation__pane .aside-level .iconic-link { position: relative; height: auto; } .navigation__pane .aside-level .iconic-link, .navigation__pane .aside-level .iconic-link .link { display: inline-block; height: 64px; height: 4rem; vertical-align: top; line-height: 1.2; height: 4.5rem; } .navigation__pane .aside-level .iconic-link>a { min-width: 7.5rem; } .navigation__pane .aside-level .iconic-link>a>div { display: table; height: 100%; text-align: left; } .navigation__pane .aside-level .iconic-link>a>div>div { display: table-cell; vertical-align: middle; position: relative; } .navigation__pane .aside-level .iconic-link>a>div>div:first-child { padding-right: 8px; padding-right: 0.5rem; } .navigation__pane .aside-level .iconic-link>a>div>div:first-child .icon-cart-new { font-size: 30px; margin-left: 15px; } .navigation__pane .aside-level .iconic-link>a>div>div:last-child .pill { height: 20px; width: 20px; top: 8px; right: -2px; position: absolute; font-size: 12px; line-height: 1.6; font-family: "futurademi", Arial, sans-serif; padding: 0; } .navigation__pane .aside-level .iconic-link>a>div>div:last-child .pill::before { border-radius: 50% } .navigation__pane .aside-level .iconic-link span { text-transform: uppercase; top: 0; left: 1rem; margin-top: 1rem; white-space: nowrap; } .navigation__pane .aside-level .iconic-link:last-of-type .link>div { padding-top: 0; } .navigation__pane .aside-level .iconic-link:last-of-type .link>div .pill { top: 11px; right: 0px; left: -20px; } .navigation__pane .aside-level .button-link { display: inline-block; padding: 0 20px; padding: 0 1.25rem; height: 64px; height: 4rem; vertical-align: top; } .navigation__pane .aside-level .button-link .button.xsmall { margin-top: 20px; margin-top: 1.25rem; } .navigation__pane .aside-level .button-link .button.small { margin-top: 14px; margin-top: 0.875rem; } .navigation__pane .aside-level li:last-child .link:hover>div>div:last-child .pill { color: #67b7bf; } .navigation__pane .aside-level li:last-child .link:hover>div>div:last-child .pill:before { background: #fff; } .navigation__mobile-overlay { top: 48px; top: 3rem; overflow-y: initial; z-index: -1; } @media only screen and (min-width: 1110px) { .navigation { z-index: 425; } .navigation.no-nav .navigation__pane .top-level, .navigation.no-nav .navigation__pane .aside-level { visibility: hidden; } .navigation.translucid .navigation__pane { background-color: rgba(0, 0, 0, 0.7); } .navigation__mobile-bar { display: none; position: relative; } .navigation__pane { position: relative; display: table; top: 0; left: 0; padding: 0; width: 100%; transition: none; z-index: auto; } .navigation__pane .primary, .navigation__pane .logo-link, .navigation__pane .secondary { display: table-cell; vertical-align: middle; } .navigation__pane .primary, .navigation__pane .secondary { width: 50% } .navigation__pane .secondary { text-align: right; } .navigation__pane .secondary .iconic-link { height: 4rem; } .navigation__pane .secondary .iconic-link .link { height: 4rem; min-width: initial; } .navigation__pane .secondary .iconic-link .link>div { padding-top: 0; } .navigation__pane .secondary .iconic-link .link>div span { font-size: 10px; font-size: 0.625rem; position: static; display: inline; } .navigation__pane .secondary .iconic-link .link .icon-cart-new { margin-left: 0 !important; } .navigation__pane .secondary .iconic-link:last-of-type .link>div .pill { top: 11px; right: 21px; } .navigation__pane .links { font-size: 0; white-space: nowrap; } .navigation__pane .link { display: inline-block; } .navigation__pane .top-level .link { margin-top: 0; line-height: 4.923; padding: 1px 24px 0; padding: 0.0625rem 1.5rem 0; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); } .navigation__pane .top-level .link.is-current { position: relative; color: #8bc8ce; pointer-events: none; } .navigation__pane .top-level .link.is-current:after { content: ''; position: absolute; display: inline-block; width: 14px; height: 7px; bottom: 0; left: 50%; margin-left: -7px; background-repeat: no-repeat; background-position: center center; background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAA4AAAAHCAYAAAA4R3wZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEVJREFUeNpiYMAB3Nzc5oMwLnlmXJqAVAIQGygrKyvcvXt3I0GNSJpgAKtmZgKacGpmJkITVs3MRGrC0MxIgiZksAAgwABmjSJ+ECEgNgAAAABJRU5ErkJggg==); z-index: 1; } .navigation__pane .second-level { position: absolute; left: 0; right: 0; background-color: #464646; display: none; } .navigation__pane .second-level li:first-child .link { padding-left: 24px; padding-left: 1.5rem; } .navigation__pane .second-level .link { line-height: 3.923; padding: 1px 16px 0; padding: 0.0625rem 1rem 0; } .navigation__pane .second-level .link.is-current { pointer-events: none; } .navigation__pane .second-level.is-current { display: block; height: 48px; height: 3rem; } .navigation__pane .aside-level .link { line-height: 5.334; padding: 0rem 20px; padding: 0rem 1.25rem; } .navigation__pane .aside-level li:last-child .link { padding-right: 24px; padding-right: 1.5rem; } .navigation.has-second-level { padding-bottom: 48px; padding-bottom: 3rem; } .navigation__mobile-overlay { display: none; } } .main-menu-container { background: black; color: #FFF; position: -webkit-sticky; position: sticky; top: 0px; width: 100%; z-index: 620; } .main-menu-container .logo { min-height: 64px; } .main-menu-container .logo div figure { margin: 0 20px 0 0; } .main-menu-container .logo div figure img { width: 123px; height: 43px; margin: 0; } @media only screen and (max-width: 1100px) { .main-menu-container .logo { margin-left: 0; } .main-menu-container .logo div { margin-left: 0; position: static; } .main-menu-container .logo div a { padding: 0 11px !important; } .main-menu-container .logo div a figure { margin: 0; } } .main-menu-container .main-menu { min-height: 64px; padding: 0 30px; } .main-menu-container .main-menu ul li:not(.account-actions) { position: relative; } .main-menu-container .main-menu ul li:not(.account-actions):hover>a { color: #FFF; cursor: pointer; } .main-menu-container .main-menu ul li:not(.account-actions) a { font-family: "futurabold", Arial, sans-serif; display: block; padding: 0 20px; font-size: 14px; font-size: 0.875rem; color: #FFF; text-decoration: none; text-transform: uppercase; line-height: 4.6; transition: background-color .2s linear; } .main-menu-container .main-menu ul li:not(.account-actions) a.active span { position: relative; } .main-menu-container .main-menu ul li:not(.account-actions) a.active span::after { content: ''; width: 100%; display: block; position: absolute; bottom: -3px; left: 0; border-bottom-width: 1px; border-bottom-color: #FFF; border-bottom-style: solid; } @-webkit-keyframes l-move-from-left1 { 0% { -webkit-transform: translateX(-15px); transform: translateX(-15px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes l-move-from-left1 { 0% { -webkit-transform: translateX(-15px); transform: translateX(-15px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .main-menu-container .main-menu ul li:not(.account-actions) ul { display: none; position: absolute; top: 64px; width: -webkit-max-content; width: -moz-max-content; width: max-content; min-width: 170px; -webkit-filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3)); filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3)); -webkit-animation: l-move-from-left1 .25s ease both; animation: l-move-from-left1 .25s ease both; } .main-menu-container .main-menu ul li:not(.account-actions) ul li { background-color: #FFF; } .main-menu-container .main-menu ul li:not(.account-actions) ul li a { font-family: "futurabook", Arial, sans-serif; color: gray; text-transform: none; line-height: 2.8; } .main-menu-container .main-menu ul li:not(.account-actions) ul li a::first-letter { text-transform: uppercase; } .main-menu-container .main-menu ul li:not(.account-actions) ul li a:hover { color: #4bd2e2; background-color: #ebebeb; } .main-menu-container .main-menu ul li:not(.account-actions) ul li a.active { color: #4bd2e2; } .main-menu-container .main-menu ul li:not(.account-actions) ul li:last-of-type, .main-menu-container .main-menu ul li:not(.account-actions) ul li:last-of-type a { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .main-menu-container .main-menu ul li:not(.account-actions):hover ul { display: block; } .main-menu-container .main-menu .menu_right>a, .main-menu-container .main-menu .menu_right button, .main-menu-container .main-menu .menu_right .button-checkbox { width: 24px; height: 24px; margin-left: 20px; color: white; } .main-menu-container .main-menu .menu_right>a .icon, .main-menu-container .main-menu .menu_right button .icon, .main-menu-container .main-menu .menu_right .button-checkbox .icon { font-size: 24px; width: 24px; height: 24px; } .main-menu-container .main-menu .menu_right>a [class*="hint--"]::before, .main-menu-container .main-menu .menu_right button [class*="hint--"]::before, .main-menu-container .main-menu .menu_right .button-checkbox [class*="hint--"]::before { border-bottom-color: #4bd2e2; } .main-menu-container .main-menu .menu_right>a [class*="hint--"]::after, .main-menu-container .main-menu .menu_right button [class*="hint--"]::after, .main-menu-container .main-menu .menu_right .button-checkbox [class*="hint--"]::after { font-size: 14px; font-weight: 300; text-transform: initial; border-radius: 4px; background-color: #4bd2e2; } .main-menu-container .main-menu .menu_right>a [class*="hint--"].warning::before, .main-menu-container .main-menu .menu_right button [class*="hint--"].warning::before, .main-menu-container .main-menu .menu_right .button-checkbox [class*="hint--"].warning::before { border-bottom-color: #ed795a; } .main-menu-container .main-menu .menu_right>a [class*="hint--"].warning::after, .main-menu-container .main-menu .menu_right button [class*="hint--"].warning::after, .main-menu-container .main-menu .menu_right .button-checkbox [class*="hint--"].warning::after { background-color: #ed795a; } .main-menu-container .main-menu .menu_right>a.cart, .main-menu-container .main-menu .menu_right button.cart, .main-menu-container .main-menu .menu_right .button-checkbox.cart { width: 28px; height: 28px; margin: 0 4px 0 14px; } .main-menu-container .main-menu .menu_right>a.cart .icon, .main-menu-container .main-menu .menu_right button.cart .icon, .main-menu-container .main-menu .menu_right .button-checkbox.cart .icon { width: 28px; height: 28px; font-size: 28px; } .main-menu-container .main-menu .menu_right>a.cart .pill, .main-menu-container .main-menu .menu_right button.cart .pill, .main-menu-container .main-menu .menu_right .button-checkbox.cart .pill { position: absolute; top: -7px; right: -8px; width: 20px; height: 20px; font-size: 12px; line-height: 1.8; color: black; } .main-menu-container .main-menu .menu_right>a.cart .pill::before, .main-menu-container .main-menu .menu_right button.cart .pill::before, .main-menu-container .main-menu .menu_right .button-checkbox.cart .pill::before { border-radius: 50%; background-color: white; } .main-menu-container .main-menu .menu_right>a.notification, .main-menu-container .main-menu .menu_right button.notification, .main-menu-container .main-menu .menu_right .button-checkbox.notification { width: 24px; height: 24px; margin: 0 4px 0 14px; background-color: transparent; } .main-menu-container .main-menu .menu_right>a.notification .icon, .main-menu-container .main-menu .menu_right button.notification .icon, .main-menu-container .main-menu .menu_right .button-checkbox.notification .icon { width: 24px; height: 24px; font-size: 24px; } .main-menu-container .main-menu .menu_right>a.notification .pill, .main-menu-container .main-menu .menu_right button.notification .pill, .main-menu-container .main-menu .menu_right .button-checkbox.notification .pill { position: absolute; top: -7px; right: -8px; width: 20px; height: 20px; font-size: 12px; line-height: 1.8; color: black; } .main-menu-container .main-menu .menu_right>a.notification .pill::before, .main-menu-container .main-menu .menu_right button.notification .pill::before, .main-menu-container .main-menu .menu_right .button-checkbox.notification .pill::before { background-color: white; border-radius: 50% } .main-menu-container .main-menu .menu_right>a[size-34], .main-menu-container .main-menu .menu_right button[size-34], .main-menu-container .main-menu .menu_right .button-checkbox[size-34] { width: 34px; height: 34px; margin: 0 0px 0 14px; } .main-menu-container .main-menu .menu_right>a[size-34] .icon, .main-menu-container .main-menu .menu_right button[size-34] .icon, .main-menu-container .main-menu .menu_right .button-checkbox[size-34] .icon { width: 34px; height: 34px; font-size: 34px; } .main-menu-container .main-menu .menu_right>a:focus, .main-menu-container .main-menu .menu_right button:focus, .main-menu-container .main-menu .menu_right .button-checkbox:focus { outline: none; } .main-menu-container .main-menu .menu_right>a:hover i:not(.pill):not(.icon-info-new2):not(.icon-chevron-new2), .main-menu-container .main-menu .menu_right button:hover i:not(.pill):not(.icon-info-new2):not(.icon-chevron-new2), .main-menu-container .main-menu .menu_right .button-checkbox:hover i:not(.pill):not(.icon-info-new2):not(.icon-chevron-new2) { color: #4bd2e2; } .main-menu-container .main-menu .menu_right>.user-name { margin-left: 10px; } .main-menu-container .main-menu .menu_right>.new { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-height: 33px; height: 33px; padding-left: 20px; padding-right: 20px; padding-top: 0; padding-bottom: 0; } .main-menu-container .main-menu .menu_right>.new div { min-height: 33px; height: 33px; line-height: 0; padding: 0; } .main-menu-container .main-menu .menu_right .button-checkbox input[type="checkbox"]:checked+label { color: #ed795a; } .main-menu-container .main-menu .menu_right .button-checkbox input[type="checkbox"]:checked+label span { pointer-events: none; } .main-menu-container .main-menu .menu_right .button-checkbox input[type="checkbox"]:checked+label span::before, .main-menu-container .main-menu .menu_right .button-checkbox input[type="checkbox"]:checked+label span::after { transition-duration: .1s; transition-delay: 0ms; } .main-menu-container .main-menu .menu_right .button-checkbox.switch input[type="checkbox"]:checked+label span { pointer-events: all; } .main-menu-container .main-menu .menu_right .button-checkbox.no-content-displaying input[type="checkbox"]:checked+label { color: #4bd2e2; } .main-menu-container .main-menu .menu_right .button-checkbox.no-content-displaying input[type="checkbox"]:checked+label span { pointer-events: all; } .main-menu-container .main-menu .menu_right .button-checkbox.pop-in-expand ul li a { line-height: 2; font-family: "futurabook", Arial, sans-serif; } .main-menu-container .main-menu .menu_right .button-checkbox.pop-in-expand input[type="checkbox"]:checked+label { color: #4bd2e2; } .main-menu-container .main-menu .menu_right .mobile-search { display: none; } .main-menu-container .main-menu .menu_right .button-burger { display: none; z-index: 1; margin-left: 10px; } .main-menu-container .main-menu .menu_right .button-burger .hamburger { z-index: 2; } .main-menu-container .main-menu .menu_right .mobile-nav { background-color: #48a2ab; display: block; overflow: auto; width: 0px; right: -100%; -webkit-transform: translateZ(0); transform: translateZ(0); transition: right 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .main-menu-container .main-menu .menu_right .mobile-nav .mobile-nav-content { display: none; } .main-menu-container .main-menu .menu_right .mobile-nav .sub-sub-menu { padding-top: 24px; padding-bottom: 0px; } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: .6; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: .6; } } .main-menu-container .main-menu .menu_right .background-overlay { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -1; background-color: #000; -webkit-animation: fade-in .5s; animation: fade-in .5s; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked+label { position: absolute; top: 16px; right: 16px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav { display: block; position: fixed; height: 100%; width: 90%; top: 0; right: 0; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content { display: block; padding: 2.5rem; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .mobile-client-menu { width: 100% } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .mobile-client-menu li a.is-disabled { color: #777 !important; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .mobile-client-menu li a.is-disabled:hover { cursor: not-allowed; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .account-actions ul li { background: none; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .account-actions ul li:nth-of-type(1) a { line-height: 1.8; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .account-actions ul li:nth-of-type(2) { margin-left: 0.75rem; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .account-actions ul li:nth-of-type(2) a { color: #FFF; letter-spacing: 1px; padding: 0 0.75rem; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .account-actions ul li:nth-of-type(2) a:hover { background-color: transparent; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .account-actions+li { margin-bottom: 20px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .account-actions+li[hidden] { display: none !important; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .account-actions+li i { margin-right: 12px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content li.new { padding-top: 20px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content li.new .new { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-height: 33px; height: 33px; padding-left: 20px; padding-right: 20px; padding-top: 0; padding-bottom: 0; margin-left: auto; margin-right: auto; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content li.new .new div { min-height: 33px; height: 33px; line-height: 0; padding: 0; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; width: 100%; height: 100%; min-height: 46px; margin-top: 4px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox::after { content: ''; border-bottom: 1px solid #FFF; width: 100%; bottom: 0px; position: absolute; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox label { color: #FFF; font-size: 16px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox label span { line-height: 2; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox label i { font-size: 20px; width: 20px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox label i::before { top: 0; right: -2px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul { display: block; position: relative; top: 0; -webkit-filter: none; filter: none; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li { background-color: transparent; margin-left: 10px; margin-bottom: 4px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li:last-of-type { margin-bottom: 12px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li a, .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li button { width: auto; height: auto; margin: 0; display: block; padding: 0 12px; position: relative; background-color: transparent; color: white; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li a.active:before, .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li button.active:before { content: ""; position: absolute; width: 3px; height: 19px; background-color: white; left: 0; margin-top: 10px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li div { background-color: transparent; padding-left: 10px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li div a { border: none; -ms-flex-item-align: stretch; align-self: stretch; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li div a div { text-align: left; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li div a p { color: white; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox input[type="radio"]:checked~label { margin-top: 10px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox input[type="radio"]:checked~label i { -webkit-transform: rotate(180deg); transform: rotate(180deg); color: #FFF; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox input[type="radio"]:checked~label i::before { top: 0; right: -2px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.mobile-nav .mobile-nav-content .button-checkbox input[type="radio"]:checked~.content-displaying { max-height: 1000px; } .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked~.background-overlay { display: block; opacity: .6; } @media only screen and (max-width: 1100px) { .main-menu-container .main-menu { padding: 0 15px; } .main-menu-container .main-menu .menu_left ul li { display: none; } .main-menu-container .main-menu .menu_left ul li:first-child { display: block; } .main-menu-container .main-menu .menu_right .hide-on-mobile { display: none; } .main-menu-container .main-menu .menu_right>.new { display: none; } .main-menu-container .main-menu .menu_right .button-burger, .main-menu-container .main-menu .menu_right .mobile-search, .main-menu-container .main-menu .menu_right .cart { display: block; } } .not-contractual-ribbon { background-color: #464646; color: #646464; text-align: center; padding: 4px; padding: 0.25rem; } .offer__category { height: 32px; height: 2rem; margin-bottom: 8px; margin-bottom: 0.5rem; } .offer__product-row { width: auto; } .offer.container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; margin-left: -12px; margin-right: -12px; padding: 0; } @media only screen and (max-width: 1200px) { .offer.container { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .offer__product { position: relative; } .offer__product:before { border-width: 4px; border-width: 0.25rem; border-style: solid; border-color: #afd9dd; content: ''; position: absolute; top: 0; bottom: 0; left: 12px; right: 12px; background-color: #FFF; z-index: -1; } .offer__product.no-border::before { border: none; } .offer__product .body { padding: 48px 24px 16px; padding: 3rem 1.5rem 1rem; text-align: center; } .offer__product.licence { width: 25% } .offer__product.licence:before { border-width: 3px; border-width: 0.1875rem; border-radius: 10px; } .offer__product.licence:hover { cursor: default; } .offer__product.licence:hover:before { background-color: #ebf6f7; } .offer__product.licence.abtesting { width: 50% } .offer__product.licence.highlight:before { border-color: #ebf6f7; background-color: #ebf6f7; } .offer__product.licence .body { padding: 32px 48px 16px; padding: 2rem 3rem 1rem; } @media only screen and (max-width: 768px) { .offer__product.licence .body { padding: 32px 32px 16px; padding: 2rem 2rem 1rem; } } .offer__product.licence .body .offer-subheading { color: #646464; } .offer__product.licence .body h3 { display: inline-block; color: #67b7bf; font-family: "futurademi", Arial, sans-serif; line-height: 1.2; margin-bottom: 1.5rem; margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } @media only screen and (max-width: 1200px) { .offer__product.licence .body h3 { margin-left: 0; -webkit-transform: none; transform: none; } } .offer__product.licence .body h3 div { color: #646464; } .offer__product.licence .body h3 .cut-price { display: inline-block; text-decoration: line-through; color: #646464; margin-bottom: 0; } .offer__product.licence .body .button-list { max-width: 250px; } .offer__product.licence .body .button-price-tag>div>div:last-child { background-color: #67b7bf; } .offer__product.licence .body .button-price-tag>div>div:last-child:hover { background-color: #48a2ab; } .offer__product.licence .body .button.bordered:hover { background-color: #FFF; color: #67b7bf; } .offer__product.licence[promo] .body h3 { color: #4bd2e2; } .offer__product.licence[promo] .body .button-price-tag>div>div:last-child { background-color: #4bd2e2; } .offer__product.licence[promo] .body .button-price-tag>div>div:last-child:hover { background-color: #0ec6dc; } .offer__product.licence[promo] .button-cart { background-color: #4bd2e2; } .offer__product.licence[promo] .button-cart:hover { background-color: #0ec6dc; } @media only screen and (max-width: 1200px) { .offer__product.licence { width: 50%; margin-bottom: 1.5rem; } } @media only screen and (max-width: 620px) { .offer__product.licence { width: 100%; margin-bottom: 1.5rem; } } .offer__product.trackpacks { width: 100%; display: block; padding: 4px 16px; } .offer__product.trackpacks::before { border-radius: 10px; } @media only screen and (max-width: 1200px) { .offer__product.trackpacks { margin-bottom: 1.5rem; } } .offer__product.trackpacks .pack-selector { margin-bottom: 30px; } .offer__product.trackpacks .pack-selector .pack { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 32px 32px 0rem 32px; padding: 2rem 2rem 0rem 2rem; } .offer__product.trackpacks .pack-selector .pack>* { width: 12rem; text-align: center; } .offer__product.trackpacks .pack-selector .pack .quantity-picker { margin-bottom: 12px; margin-bottom: 0.75rem; } .offer__product.trackpacks .pack-selector .pack .offer-heading { font-size: 1rem; margin-bottom: 8px; margin-bottom: 0.5rem; } .offer__product.trackpacks .pack-selector .pack .button-checkbox { margin: 0 7px; } .offer__product.trackpacks .pack-selector .pack .discount { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 8px 0rem 0rem 0rem; margin: 0.5rem 0rem 0rem 0rem; text-transform: uppercase; white-space: nowrap; } .offer__product.trackpacks .pack-selector .pack .discount .discount-amount { font-family: "futurabold", Arial, sans-serif; margin-left: 8px; } .offer__product.trackpacks .pack-displaying { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 20px 4rem 0 4rem; } @media only screen and (max-width: 992px) { .offer__product.trackpacks .pack-displaying { -ms-flex-flow: column; flex-flow: column; margin: 0 3rem; } } .offer__product.trackpacks .pack-displaying .pack { padding: 8px 32px 40px 32px; padding: 0.5rem 2rem 2.5rem 2rem; text-align: center; width: 100% } @media only screen and (max-width: 992px) { .offer__product.trackpacks .pack-displaying .pack { padding: 16px; padding: 1rem; } .offer__product.trackpacks .pack-displaying .pack:last-child { padding-bottom: 40px; padding-bottom: 2.5rem; } } .offer__product.trackpacks .pack-displaying .pack .offer-heading { text-align: center; } .offer__product.trackpacks .pack-displaying .pack h3 { display: inline-block; color: #67b7bf; font-family: "futurabook", Arial, sans-serif; line-height: 1.2; margin-bottom: 1rem; min-height: 56px; } @media only screen and (max-width: 992px) { .offer__product.trackpacks .pack-displaying .pack h3 { margin-bottom: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: initial; } } .offer__product.trackpacks .pack-displaying .pack h3 div { color: #646464; display: inline-block; } @media only screen and (max-width: 992px) { .offer__product.trackpacks .pack-displaying .pack h3 div { margin-left: 8px; } } .offer__product.trackpacks .pack-displaying .pack .button-list { margin: 0; width: auto; } @media only screen and (max-width: 992px) { .offer__product.trackpacks .pack-displaying .pack .button-list { max-width: 250px; margin: 0 auto; } } .offer__product.trackpacks .pack-displaying.all-licences .pack { padding: 8px 16px 40px 16px; padding: 0.5rem 1rem 2.5rem 1rem; } .offer__product.trackpacks .pack-displaying.all-licences .pack:nth-of-type(1) { padding: 8px 16px 40px 64px; padding: 0.5rem 1rem 2.5rem 4rem; } .offer__product.trackpacks .pack-displaying.all-licences .pack:nth-of-type(4) { padding: 8px 64px 40px 16px; padding: 0.5rem 4rem 2.5rem 1rem; } @media only screen and (max-width: 992px) { .offer__product.trackpacks .pack-displaying.all-licences .pack: nth-of-type(1), .offer__product.trackpacks .pack-displaying.all-licences .pack:nth-of-type(2), .offer__product.trackpacks .pack-displaying.all-licences .pack:nth-of-type(3), .offer__product.trackpacks .pack-displaying.all-licences .pack:nth-of-type(4) { padding: 8px 64px 12px 64px; padding: 0.5rem 4rem 0.75rem 4rem; } .offer__product.trackpacks .pack-displaying.all-licences .pack:nth-of-type(4) { padding: 8px 64px 40px 64px; padding: 0.5rem 4rem 2.5rem 4rem; } } .offer__product.exclusive { width: 50%; display: block; padding: 4px 16px; } .offer__product.exclusive::before { border-radius: 10px; } @media only screen and (max-width: 1200px) { .offer__product.exclusive { margin-bottom: 1.5rem; } } @media only screen and (max-width: 992px) { .offer__product.exclusive { width: 90% } } .offer__product.exclusive .exclusive-offer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; } @media only screen and (max-width: 992px) { .offer__product.exclusive .exclusive-offer { -ms-flex-flow: column; flex-flow: column; } } .offer__product.exclusive .exclusive-offer .pack { padding: 32px; padding: 2rem; text-align: center; width: 100% } @media only screen and (max-width: 992px) { .offer__product.exclusive .exclusive-offer .pack { padding: 32px; padding: 2rem; } } .offer__product.exclusive .exclusive-offer .pack .offer-heading { text-align: center; margin-bottom: 1.5rem; } .offer__product.exclusive .exclusive-offer .pack h1 { line-height: 1; margin-bottom: 0.5rem; } .offer__product.exclusive .exclusive-offer .pack h3 { display: inline-block; color: #4bd2e2; font-family: "futurademi", Arial, sans-serif; line-height: 1.2; margin-bottom: 1.5rem; } .offer__product.exclusive .exclusive-offer .pack h3 div { color: #646464; } @media only screen and (max-width: 992px) { .offer__product.exclusive .exclusive-offer .pack h3 div { display: inline-block; } } .offer__product.exclusive .exclusive-offer .pack h3.cut-price { display: block; text-decoration: line-through; color: #646464; margin-bottom: 0; } .offer__product.exclusive .exclusive-offer .pack .button-list { margin: 0; width: auto; } @media only screen and (max-width: 992px) { .offer__product.exclusive .exclusive-offer .pack .button-list { max-width: 250px; margin: 0 auto; } } .offer__product .button-list.vertical { margin-bottom: 1rem; margin: 0rem auto 1.5rem; } .offer__product .button-list.vertical .button-price-tag>div>div { text-align: center; } .offer__product .price, .offer__product .old-price { font-size: 26px; color: #67b7bf; } .offer__product .price, .offer__product .price-year, .offer__product .old-price, .offer__product .old-price-year { display: inline-block; } .offer__product .price-year, .offer__product .old-price-year { margin-bottom: 16px; margin-bottom: 1rem; color: #b3b3b3; line-height: 3.182; } .offer__product .old-price { border: none; color: #999; font-size: 1.5rem; position: relative; display: inline-block; margin-right: 8px; } .offer__product .old-price::before { content: ''; width: 100%; position: absolute; right: 0; top: 50%; border-bottom: 1px solid; -webkit-transform: skewY(-10deg); transform: skewY(-10deg); } .offer__product .price-condition { color: #67b7bf; font-size: 0.75rem; padding-bottom: 1.25rem; margin-top: -0.5rem; } .offer__product .information { text-align: left; line-height: 1.334; } @media only screen and (max-width: 620px) { .offer__product .information { text-align: center; } } .offer__product .information p { color: gray; font-family: "futurademi", Arial, sans-serif; margin-bottom: 8px; margin-bottom: 0.5rem; } .offer__product .information ul { color: #646464; margin-bottom: 16px; margin-bottom: 1rem; } .offer__product .information ul>li { margin-bottom: 6px; margin-bottom: 0.375rem; font-size: 13px; } .offer__product .information .button-checkbox { min-width: 200px; } @media only screen and (max-width: 620px) { .offer__product .information .button-checkbox>label { text-align: center; } } .offer__product.no-year-price .body { padding: 2rem 1.5rem 1rem; } .offer__product.no-year-price .price { margin-bottom: 20px; } .offer__alternative-cta { margin: 32px auto; margin: 2rem auto; } .button-checkbox.expand>.licences-displaying { transition: all 0.1s ease-in; height: 0px; display: block; opacity: 0; margin-top: 2rem; } .button-checkbox.expand>.licences-displaying>ul { display: none; } .button-checkbox.expand .separator { display: block; margin: 0 auto 2rem; width: 2.5rem; height: 0.5rem; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; content: ""; display: table; } .button-checkbox.expand .offer__alternative-cta { margin-bottom: 4rem; } .button-checkbox.expand input[type="checkbox"]:checked~.licences-displaying { opacity: 1; transition-property: all; height: 100%; margin-bottom: 2rem; } .button-checkbox.expand input[type="checkbox"]:checked~.licences-displaying>ul { display: block; } .button-checkbox.expand input[type="checkbox"]:checked~.offer__alternative-cta { -webkit-animation-name: opak; animation-name: opak; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; } @-webkit-keyframes opak { 0%, 68% { opacity: 0; } 68%, 100% { opacity: 1; } } @keyframes opak { 0%, 68% { opacity: 0; } 68%, 100% { opacity: 1; } } .offer-category { line-height: 1.334; color: #b3b3b3; text-transform: uppercase; letter-spacing: 1px; text-align: center; } .offer-category.highlight { color: #8bc8ce; } .offer-heading { margin-bottom: 8px; margin-bottom: 0.5rem; font-family: "futurademi", Arial, sans-serif; line-height: 1.2; } .offer-heading.highlight { color: #48a2ab; } .offer-subheading { margin: 8px 0 16px; margin: 0.5rem 0 1rem; min-height: 41px; min-height: 2.5625rem; display: block; line-height: 1.5; } .offer-subheading.highlight { color: #48a2ab; } .pagination { width: 100%; text-align: center; margin-top: 48px; margin-top: 3rem; } .pagination * { display: inline-block; } .pagination li { font-size: 0; } .pagination a, .pagination span:not(.pager-gap) { padding: 16px; padding: 1rem; height: 48px; height: 3rem; min-width: 48px; min-width: 3rem; text-align: center; line-height: 1; text-decoration: none; } .pagination a:link, .pagination a:visited, .pagination span:not(.pager-gap):link, .pagination span:not(.pager-gap):visited { color: gray; } .pagination a:hover, .pagination a:active, .pagination span:not(.pager-gap):hover, .pagination span:not(.pager-gap):active { color: #67b7bf; } .pagination a.current-page, .pagination a.disabled, .pagination span:not(.pager-gap).current-page, .pagination span:not(.pager-gap).disabled { cursor: default; } .pagination a.disabled, .pagination span:not(.pager-gap).disabled { color: #b3b3b3; pointer-events: none; } .pagination .pager-gap { display: none; } .pagination .group { margin: 0 16px; margin: 0 1rem; } .pagination .group.quick { font-family: "futurademi", Arial, sans-serif; } .pagination .group.pages a, .pagination .group.pages span:not(.pager-gap) { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e6e6e6; } .pagination .group.pages a:hover, .pagination .group.pages a:active, .pagination .group.pages a.current-page, .pagination .group.pages span:not(.pager-gap):hover, .pagination .group.pages span:not(.pager-gap):active, .pagination .group.pages span:not(.pager-gap).current-page { border-bottom-color: #67b7bf; } .pagination .group.pages a.current-page, .pagination .group.pages span:not(.pager-gap).current-page { color: #67b7bf; } @media only screen and (max-width: 768px) { .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pagination .group { margin: 0; } .pagination .group ul li span { padding-left: 0; padding-right: 0; } .pagination .group.pages a { display: none; } } .playlist-pane { padding-top: 24px; padding-top: 1.5rem; background-color: black; z-index: 450; position: fixed; right: -300px; right: -18.75rem; top: 0; bottom: 0; color: #FFF; transition: right .25s ease-out; width: 304px; width: 19rem; } .playlist-pane.is-opened { right: 0; } .playlist-pane>div:first-child { display: table; table-layout: fixed; height: 100% } .playlist-pane>div:first-child>div { display: table-row; } .playlist-pane>div:first-child>div:first-child>div { margin: 0 10px 0 24px; margin: 0 0.625rem 0 1.5rem; } .playlist-pane>div:first-child>div:last-child { height: 100% } .playlist-pane>div:first-child>div:last-child>div { position: relative; height: 100% } .playlist-pane>div:first-child>div:last-child>div>div { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .playlist-pane .opener { position: absolute; background-color: inherit; left: -32px; left: -2rem; margin-top: -18px; margin-top: -1.125rem; top: 50% } .playlist-pane .tabs-nav { padding-right: 14px; padding-right: 0.875rem; } .playlist-pane .tabs-nav li { padding: 12px; padding: 0.75rem; position: relative; white-space: normal; } .playlist-pane .tabs-nav li:after { content: ''; height: 1px; height: 0.0625rem; background-color: #464646; position: absolute; bottom: 0; left: 0; right: 0; } .playlist-pane .tabs-nav li:focus { outline: none; } .playlist-pane .tabs-nav li.is-active { color: #67b7bf; } .playlist-pane .tabs-nav li.is-active:after { background-color: #67b7bf; } .playlist-pane .button-cart { margin-top: 24px; margin-top: 1.5rem; font-size: 12px; font-size: 0.75rem; width: calc(100% - 36px); } .playlist-pane .playlist-picker { margin-top: 16px; margin-top: 1rem; } .playlist-pane .playlist-picker>div:first-child { width: 100% } .playlist-pane .tabs-content .tab { display: none; } .playlist-pane .tabs-content .tab.is-active { display: block; } .playlist-pane .tabs-content .informational { padding: 24px; padding: 1.5rem; text-align: center; } .playlist-pane .tabs-content .informational .button { margin-top: 12px; margin-top: 0.75rem; } .playlist-pane .playlist-track-list { margin: 24px 10px 24px 24px; margin: 1.5rem 0.625rem 1.5rem 1.5rem; } .playlist-pane .playlist-track-list .playlist-track { margin-top: 12px; margin-top: 0.75rem; } .playlist-pane .playlist-track>div:first-child { height: 50px; height: 3.125rem; z-index: 0; } .playlist-pane .playlist-track .play { width: 50px; width: 3.125rem; position: relative; } .playlist-pane .playlist-track .play img { width: 50px; width: 3.125rem; height: auto; } .playlist-pane .playlist-track .play .play-button { z-index: 1; } .playlist-pane .playlist-track .play .play-button button { z-index: 3; left: 0; width: 50px; width: 3.125rem; height: 50px; height: 3.125rem; } .playlist-pane .playlist-track .information { width: 100%; position: relative; padding-left: 10px; padding-left: 0.625rem; } .playlist-pane .playlist-track .information .layered-hover { z-index: 1; background-color: #48a2ab; display: none; line-height: 4.167; text-align: center; } .playlist-pane .playlist-track .information .layered-hover .button-cart { margin: 0; width: 100%; height: 100% } .playlist-pane .playlist-track .information .link-wrap:hover .layered-hover { display: block; } .playlist-pane .playlist-track .track-information>div { height: 50px; height: 3.125rem; padding-top: 1px; } .playlist-pane .playlist-track.unavailable .information { color: gray; } .playlist-pane .playlist-track>.info { display: block; border: 1px dotted #464646; text-align: center; color: #ccc; padding: 8px; padding: 0.5rem; } .playlist-pane .playlist-track .action>div { width: 36px; width: 2.25rem; height: 36px; height: 2.25rem; } .playlist-pane.wiggle { -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-name: paneWiggle; animation-name: paneWiggle; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes paneWiggle { 0% { background-color: #232323; } 25% { background-color: #67b7bf; } 50% { background-color: #232323; } 75% { background-color: #67b7bf; } 100% { background-color: #232323; } } @keyframes paneWiggle { 0% { background-color: #232323; } 25% { background-color: #67b7bf; } 50% { background-color: #232323; } 75% { background-color: #67b7bf; } 100% { background-color: #232323; } } @media only screen and (max-width: 1110px) { .playlist-pane { z-index: 640; } } .promocode-ribbon { background-color: #67b7bf; color: #FFF; position: -webkit-sticky; position: sticky; top: 0px; z-index: 430; cursor: pointer; } .promocode-ribbon:before { content: ""; width: 100%; height: 100%; position: absolute; box-shadow: inset 0px -2px 0px 0px white; pointer-events: none; } .promocode-ribbon>div { color: #FFF; text-decoration: none; cursor: pointer; display: inherit; padding: 24px; padding: 1.5rem; } .promocode-ribbon_primary, .promocode-ribbon_secondary { text-align: center; } .promocode-ribbon_primary { font-weight: "futurabold", Arial, sans-serif; } .promocode-ribbon_countdown { display: none; } .promocode-ribbon_countdown .item { display: inline-block; text-align: center; margin: 1px 4px 0; } .promocode-ribbon_countdown .item .value, .promocode-ribbon_countdown .item .unit { display: inline-block; } @media only screen and (max-width: 1200px) { .promocode-ribbon_countdown.free-trial .item: last-of-type { display: none; } } @media only screen and (max-width: 992px) { .promocode-ribbon_countdown.free-trial { display: inline-block; text-align: center; width: 100% } .promocode-ribbon_countdown.free-trial .item .value { font-size: 1.5rem; } } .promocode-ribbon_secondary span { font-weight: "futurabold", Arial, sans-serif; } .promocode-ribbon_cta { text-align: right; } @media only screen and (max-width: 992px) { .promocode-ribbon_cta .cta { display: none; } } @media only screen and (max-width: 992px) { .promocode-ribbon_cta.free-trial { display: inline-block; text-align: center; width: 100%; padding-top: 10px; } .promocode-ribbon_cta.free-trial .cta { height: 48px; height: 3rem; } } .promocode-ribbon_cta.free-trial .cta { display: inline-block; color: white; background-color: #67b7bf; } .promocode-ribbon_cta.free-trial .cta:hover { background-color: #48a2ab; } .promocode-ribbon .cta { height: 64px; height: 4rem; padding: 0 21px 0 24px; padding: 0 1.3125rem 0 1.5rem; background-color: #ffe31a; font-weight: "futurabold", Arial, sans-serif; color: #000; } .promocode-ribbon .cta:hover { background-color: #e6ca00; } .promocode-ribbon .cta span { margin-right: 8px; margin-right: 0.5rem; display: none; } .promocode-ribbon .cta .free-trial { display: inline; } .promocode-ribbon .cta .icon { top: 1px; } .promocode-ribbon .cta-disclaimer { color: white; font-size: 12px; margin: 0 5px; } .promocode-ribbon .button-cart { background-color: #ffe31a; width: 210px; float: right; } .promocode-ribbon .button-cart .button-cart-text-container p { color: black; line-height: 1.4; } .promocode-ribbon .button-cart:hover { background-color: #fbff00; } @media only screen and (max-width: 992px) { .promocode-ribbon .button-cart { float: none; margin: 10px auto 10px; } } @media only screen and (min-width: 992px) { .promocode-ribbon>div { display: table; width: 100%; padding: 0; height: 64px; height: 4rem; } .promocode-ribbon>div>div { display: table-cell; vertical-align: middle; } .promocode-ribbon_primary, .promocode-ribbon_countdown, .promocode-ribbon_cta { white-space: nowrap; } .promocode-ribbon_primary, .promocode-ribbon_secondary { padding: 0 24px; padding: 0 1.5rem; } .promocode-ribbon_secondary { text-align: right; width: 100% } } @media only screen and (min-width: 1200px) { .promocode-ribbon .cta span { display: inline-block; } } @media only screen and (max-width: 1110px) { .promocode-ribbon { position: relative; } } .scheme { margin-bottom: 24px; margin-bottom: 1.5rem; text-align: center; font-size: 0; } .scheme>* { display: inline-block; vertical-align: middle; } .scheme__ball { width: 128px; width: 8rem; height: 128px; height: 8rem; padding: 24px 0; padding: 1.5rem 0; position: relative; text-transform: uppercase; color: #FFF; font-family: "futurademi", Arial, sans-serif; } .scheme__ball>div { height: 100%; position: relative; } .scheme__ball:before { content: ''; position: absolute; top: 0; left: 0; border-radius: 100%; width: 100%; height: 100%; background-color: #67b7bf; color: #FFF; z-index: -1; } .scheme__link-money { width: 160px; width: 10rem; height: 64px; height: 4rem; text-align: center; position: relative; color: #67b7bf; } .scheme__link-money>div { width: 64px; width: 4rem; height: 64px; height: 4rem; border-width: 2px; border-width: 0.125rem; padding-left: 1px; padding-left: 0.0625rem; display: inline-block; border-radius: 100%; border-color: #67b7bf; border-style: solid; line-height: 3.75; text-align: center; font-family: "futurademi", Arial, sans-serif; background-color: #FFF; } .scheme__link-money:before { content: ''; position: absolute; top: 32px; top: 2rem; height: 2px; height: 0.125rem; left: 0; width: 100%; z-index: -1; background-color: #67b7bf; } .scheme__link-money:after { right: -2px; right: -0.125rem; margin-top: -7px; margin-top: -0.4375rem; position: absolute; content: ''; width: 0; height: 0; top: 50%; border-width: 8px; border-width: 0.5rem; border-left-width: 13px; border-left-width: 0.8125rem; border-style: solid; border-color: transparent; border-left-color: #67b7bf; border-right: none; } .search-module { table-layout: fixed; position: relative; border-bottom: 1px solid #ccc; } @media only screen and (max-width: 768px) { .search-module { min-height: 48px; } } .search-module__left, .search-module__right { text-align: center; width: 64px; width: 4rem; background-color: #FFF; } .search-module__left button, .search-module__right button { line-height: 1; vertical-align: middle; } .search-module__left button:focus, .search-module__right button:focus { outline: none; } .search-module__left { color: #8bc8ce; } .search-module__field { width: 100% } .search-module__right { color: #b3b3b3; width: 84px; width: 5.25rem; } .search-module .chosen-container { width: 100%; position: initial; } .search-module .chosen-container .chosen-drop { box-shadow: none; border: none; border-bottom: 2px solid #8bc8ce; margin-top: 1px; left: 0rem; right: 4rem; max-height: 288px; max-height: 18rem; overflow-y: scroll; } .search-module .chosen-container .chosen-results { max-height: none; padding-bottom: 16px; padding-bottom: 1rem; } .search-module .chosen-container .chosen-results li { padding: 12px; padding: 0.75rem; line-height: 1.143; color: gray; } .search-module .chosen-container .chosen-results li.highlighted { color: #FFF; } .search-module .chosen-container .chosen-results li.group-result { color: #b3b3b3; line-height: 1.334; margin-top: 16px; margin-top: 1rem; } .search-module .chosen-container .chosen-results li.group-result:first-child { margin-top: 8px; margin-top: 0.5rem; } .search-module .chosen-container-multi .chosen-choices { border: none; background-image: none; padding: 16px 0; padding: 1rem 0; } @media only screen and (max-width: 768px) { .search-module .chosen-container-multi .chosen-choices { padding: 4px 0; } } .search-module .chosen-container-multi .chosen-choices li.search-field input[type="text"] { padding-left: 0; } .search-module .chosen-container-active .chosen-choices { box-shadow: none; display: block; } .showcase { padding: 48px 0 38px; padding: 3rem 0 2.375rem; background-color: #fcfcfc; } .showcase__slider { overflow-x: hidden; padding: 24px 0; padding: 1.5rem 0; } .showcase__rail { position: relative; width: 10000%; left: 0; transition: left .4s linear; } .showcase__view { float: left; width: 1% } .showcase__nav { text-align: center; margin-top: 24px; margin-top: 1.5rem; } .showcase__nav [type='radio'] { display: none; } .showcase__nav [type='radio']:checked+.showcase__radio:before { background-color: #67b7bf; } .showcase__radio { display: inline-block; height: 32px; height: 2rem; width: 32px; width: 2rem; position: relative; cursor: pointer; } .showcase__radio:before { position: absolute; top: 10px; top: 0.625rem; left: 10px; left: 0.625rem; content: ''; height: 12px; height: 0.75rem; width: 12px; width: 0.75rem; border-radius: 100%; background-color: #ccc; } .showcase__radio:hover:before { background-color: #999; } .showcase__screen { margin-bottom: 24px; margin-bottom: 1.5rem; } .showcase__title { line-height: 1.2; } .showcase__author { font-family: "futurademi", Arial, sans-serif; color: #67b7bf; text-transform: uppercase; } .showcase__track { padding: 0 0 16px 32px; padding: 0 0 1rem 2rem; position: relative; display: block; } .showcase__track-icon { position: absolute; top: 24px; top: 1.5rem; left: 0; } @media only screen and (min-width: 768px) { .showcase__description { font-size: 16px; font-size: 1rem; } } @media only screen and (min-width: 992px) { .showcase__screen { padding-right: 12px; padding-right: 0.75rem; margin-bottom: 0; } .showcase__case { padding-left: 12px; padding-left: 0.75rem; } } .credits-table { width: 100% } .credits-table tr.most-popular td { border-top: 2px solid #67b7bf; border-bottom: 2px solid #67b7bf; } .credits-table tr.most-popular td:first-child { border-left: 2px solid #67b7bf; } .credits-table tr.most-popular td:last-child { border-right: 2px solid #67b7bf; } .credits-table th, .credits-table td { padding: 16px; padding: 1rem; } .credits-table th { background-color: #67b7bf; color: #FFF; font-family: "futurademi", Arial, sans-serif; text-align: center; } .credits-table td { border-bottom: 1px solid #e6e6e6; white-space: nowrap; } .credits-table td:nth-child(1) { border-left: 1px solid #e6e6e6; font-family: "futurademi", Arial, sans-serif; } .credits-table td:nth-child(2) { font-family: "futurademi", Arial, sans-serif; color: #8bc8ce; } .credits-table td:nth-child(3), .credits-table td:nth-child(4) { color: gray; } .credits-table td:nth-child(3) { width: 100%; white-space: normal; } .credits-table td:nth-child(4) span { font-family: "futurademi", Arial, sans-serif; color: #67b7bf; } .credits-table td:nth-child(5) { border-right: 1px solid #e6e6e6; } .credits-table.table-b th { background-color: #b3b3b3; } .credits-table.table-b td { color: gray !important; font-weight: initial !important; text-transform: uppercase; } .credits-table.table-b td span { text-transform: none; } .credits-table.table-b td:nth-child(1) { width: 100% } .credits-table.table-b td:nth-child(2) { text-align: right; border-right: 1px solid #e6e6e6; } .credit-perks { margin-top: 32px; margin-top: 2rem; color: #67b7bf; } .credit-perks li:before { content: '\25B6'; padding-right: 8px; padding-right: 0.5rem; } @media only screen and (min-width: 1200px) { .testimonials>li: nth-child(odd) { padding-right: 1.5rem; } .testimonials>li:nth-child(even) { padding-left: 1.5rem; } } .testimonials .testimonial { margin-bottom: 24px; margin-bottom: 1.5rem; } .testimonials .testimonial:last-child { margin-bottom: 0; } .testimonials .testimonial>div:last-child { width: 100%; padding-left: 24px; padding-left: 1.5rem; } .testimonials .testimonial .avatar { border-width: 3px; border-width: 0.1875rem; border-style: solid; border-color: #8bc8ce; border-radius: 100%; width: 72px; width: 4.5rem; height: 72px; height: 4.5rem; overflow: hidden; } .testimonials .testimonial .avatar img { float: left; } .testimonials .testimonial .name { color: gray; line-height: 1.3125; margin-top: 16px; margin-top: 1rem; } .testimonials .testimonial .function { color: #67b7bf; text-transform: uppercase; line-height: 1.636; margin-bottom: 16px; margin-bottom: 1rem; letter-spacing: 1px; } .triptych { color: #67b7bf; } .triptych .checked-advantages li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; min-height: initial; text-align: left; font-size: 16px; line-height: 1.3; margin: 12px 0 0 0; color: gray; } .triptych .checked-advantages li[bold] { font-family: "futurademi", Arial, sans-serif; } @media only screen and (max-width: 992px) { .triptych .checked-advantages li { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (max-width: 480px) { .triptych .checked-advantages li { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .triptych .checked-advantages li i { color: #67b7bf; margin: 0 6px 0 0; font-size: 16px; height: 16px; width: 16px; } .triptych__heading { text-align: center; margin-bottom: 24px; margin-bottom: 1.5rem; } @media only screen and (max-width: 768px) { .triptych__heading { margin-bottom: 0; } } .triptych__text-center { text-align: center; } .triptych__text-center-highlight { text-align: center; color: #67b7bf !important; display: block; font-weight: 450; } .triptych__category { margin-bottom: 16px; margin-bottom: 1rem; } .triptych__visual { display: inline-block; width: 71px; height: 58px; background-repeat: no-repeat; background-image: url("https://images.jamendo.com/jamendolicensing/sprites/sprite-triptychs.webp?v1"); } .triptych__visual.discount { width: 64px; height: 64px; background-image: url("https://images.jamendo.com/jamendolicensing/sprites/discount.svg?v1"); } .triptych__visual.social-media { width: 64px; height: 64px; background-image: url("https://images.jamendo.com/jamendolicensing/sprites/social-media.svg?v1"); } .triptych__visual.tracks-for-sync { width: 64px; height: 64px; background-image: url("https://images.jamendo.com/jamendolicensing/sprites/tracks-for-sync.svg?v1"); } .triptych__visual.devices { background-position: -150px 0px; } .triptych__visual.broadcast { background-position: -150px -120px; } .triptych__visual.surface-based { background-position: -150px -240px; } .triptych__visual.monetize { background-position: -150px -360px; } .triptych__visual.secure { background-position: -150px -480px; } .triptych__visual.pen { background-position: -150px -600px; } .triptych__visual.a-to-z { background-position: -380px 0px; } .triptych__visual.music { background-position: -380px -120px; } .triptych__visual.legal-safety { background-position: -380px -240px; } .triptych__visual.referral { background-position: -380px -360px; } .triptych__visual.broadcast-thick { background-position: -380px -480px; } .triptych__visual.brief { background-position: -610px 0px; } .triptych__visual.artist-pick { background-position: -610px -120px; } .triptych__visual.file-delivered { background-position: -610px -240px; } .triptych__visual.affordable { background-position: -610px -360px; } .triptych__visual.file-delivered-thick { background-position: -610px -480px; } .triptych__visual.finest-data { background-position: -840px 0px; } .triptych__visual.selection { background-position: -840px -120px; } .triptych__visual.speaker { background-position: -840px -240px; } .triptych__visual.smile { background-position: -840px -360px; } .triptych__visual.report { background-position: -840px -480px; } .triptych__visual.quality { background-position: -380px -600px; } .triptych__visual.equity { background-position: -610px -600px; } .triptych__visual.streaming { background-position: -840px -600px; } .triptych__visual.royalty-free { background-position: -150px -720px; } .triptych__upside-title { margin-bottom: 1.25rem; } .triptych__title>div>div { height: 48px; height: 3rem; line-height: 1.2; } @media only screen and (max-width: 480px) { .triptych__title>div>div { display: inline-block; margin-bottom: 20px; height: auto; } } @media only screen and (max-width: 768px) { .triptych__title { border-bottom: none; margin-bottom: -12px; margin-bottom: -0.75rem; } } .triptych__fact { color: #999; margin-bottom: 4px; margin-bottom: 0.25rem; } .triptych__cta { text-align: center; margin-top: 24px; margin-top: 1.5rem; } @media only screen and (min-width: 768px) { .triptych__visual { width: 142px; height: 116px; } .triptych__visual.devices { background-position: 0px 0px; } .triptych__visual.broadcast { background-position: 0px -120px; } .triptych__visual.surface-based { background-position: 0px -240px; } .triptych__visual.monetize { background-position: 0px -360px; } .triptych__visual.secure { background-position: 0px -480px; } .triptych__visual.pen { background-position: 0px -600px; } .triptych__visual.a-to-z { background-position: -230px 0px; } .triptych__visual.music { background-position: -230px -120px; } .triptych__visual.legal-safety { background-position: -230px -240px; } .triptych__visual.referral { background-position: -230px -360px; } .triptych__visual.broadcast-thick { background-position: -230px -480px; } .triptych__visual.brief { background-position: -460px 0px; } .triptych__visual.artist-pick { background-position: -460px -120px; } .triptych__visual.file-delivered { background-position: -460px -240px; } .triptych__visual.affordable { background-position: -460px -360px; } .triptych__visual.file-delivered-thick { background-position: -460px -480px; } .triptych__visual.finest-data { background-position: -690px 0px; } .triptych__visual.selection { background-position: -690px -120px; } .triptych__visual.speaker { background-position: -690px -240px; } .triptych__visual.smile { background-position: -690px -360px; } .triptych__visual.report { background-position: -690px -480px; } .triptych__visual.quality { background-position: -230px -600px; } .triptych__visual.equity { background-position: -460px -600px; } .triptych__visual.streaming { background-position: -690px -600px; } .triptych__visual.royalty-free { background-position: 0px -720px; } } @media only screen and (min-width: 1200px) { .triptych_col: nth-of-type(1) { padding-right: 24px; padding-right: 1.5rem; } .triptych_col:nth-of-type(2) { padding: 0 18px; padding: 0 1.125rem; } .triptych_col:nth-of-type(3) { padding-left: 24px; padding-left: 1.5rem; } } @media only screen and (max-width: 992px) { .triptych_col { text-align: center; padding-bottom: 25px; } .triptych__heading .button-tradingdesk.wide { width: 50%; margin: 0 auto; } } .slider-container { border: 1px solid black; background-color: #50d891; padding-bottom: 25%; position: relative; } .slider-dots { margin: 0; position: absolute; bottom: 0.75rem; left: 0; right: 0; text-align: center; z-index: 10; } .collapse-section { position: relative; width: 100%; max-height: 0; visibility: hidden; display: none; opacity: 0; overflow: hidden; transition-duration: .3s; } .collapse-section.active { visibility: visible; max-height: 350px; opacity: 1; display: block; } .refine-results { line-height: 0.8; } @-webkit-keyframes text-color-less { 0% { color: #b3b3b3; } 100% { color: #b3b3b3; } } @keyframes text-color-less { 0% { color: #b3b3b3; } 100% { color: #b3b3b3; } } .refine-results .main-refine-btn { margin: 0.5rem 0; } .refine-results .button-checkbox.expand label[for=refine-content] { padding: 0rem 0 0.75rem 0; } @media only screen and (max-width: 768px) { .refine-results .button-checkbox.expand label[for=refine-content] { padding: 0.75rem 0; } } .refine-results .button-checkbox.expand .content-displaying { width: 100%; font-size: 0.875rem; } @media only screen and (max-width: 768px) { .refine-results .button-checkbox.expand .content-displaying { margin-top: 10px; padding-left: 5px; padding-right: 10px; } } .refine-results .button-checkbox.expand .content-displaying section { border-bottom: 1px solid #ebebeb; padding-top: 0.75rem; padding-bottom: 0.5rem; margin-bottom: 0; font-size: 14px; font-size: 0.875rem; } .refine-results .button-checkbox.expand .content-displaying section h2 { color: gray; } .refine-results .button-checkbox.expand .content-displaying[visible] { max-height: 999px; transition: max-height 0.6s cubic-bezier(1, 0, 1, 0); } .refine-results .button-checkbox.expand .content-displaying[visible] .see-more-less span { -webkit-animation: text-color-less .1s linear .5s; animation: text-color-less .1s linear .5s; color: #b3b3b3; } .refine-results .button-checkbox.expand .content-displaying[no-animation] { transition: none; } .refine-results .button-checkbox.expand .content-displaying[no-animation] .tgl-light+.tgl-btn, .refine-results .button-checkbox.expand .content-displaying[no-animation] .tgl-light+.tgl-btn:after { transition: none; } .refine-results .button-checkbox.expand .content-displaying-tags { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-height: 0; overflow: hidden; } .refine-results .button-checkbox.expand .content-displaying-tags[visible] { max-height: 500px; transition: max-height 0.6s cubic-bezier(1, 0, 1, 0); } .refine-results .button-checkbox.expand input[type="checkbox"]:checked~.content-displaying { max-height: 2999px; -webkit-animation: text-color-less .1s linear .5s; animation: text-color-less .1s linear .5s; } .refine-results .button-checkbox.expand input[type="checkbox"]:checked~.content-displaying[visible] { max-height: 1870px; transition: max-height 0.6s cubic-bezier(1, 0, 1, 0); } @media screen and (max-width: 768px) { .refine-results .button-checkbox.expand input[type="checkbox"]: checked~.content-displaying[visible] { max-height: 1870px; } } .refine-results .button-checkbox.expand input[type="checkbox"]:checked~.content-displaying[no-animation] { transition: none; } .refine-results .button-checkbox.expand input[type="checkbox"]:checked~.content-displaying[no-animation] .tgl-light+.tgl-btn, .refine-results .button-checkbox.expand input[type="checkbox"]:checked~.content-displaying[no-animation] .tgl-light+.tgl-btn:after { transition: none; } .refine-results .content-displaying.toggle-actions [flex-raw-space-between] { margin-bottom: 0.5rem; } .refine-results .content-displaying.toggle-actions h3 { margin: 0; font-size: 15px; font-size: 0.9375rem; color: gray; } .refine-results .content-displaying.toggle-actions .content-displaying h3 { padding-left: 12px; } .refine-results .content-displaying.toggle-actions .tgl-light+.tgl-btn { background: #ccc !important; padding: 2px; } .refine-results .content-displaying.toggle-actions .tgl-light:checked+.tgl-btn { background: #67b7bf !important; } @media screen and (max-width: 768px) { .refine-results .content-displaying.toggle-actions[visible] { min-height: calc(100vh - 167px); max-height: 1870px; } @-webkit-keyframes toggle-height { 0% { min-height: 0px; max-height: 0px; } 100% { min-height: calc(100vh - 167px); max-height: 1870px; } } @keyframes toggle-height { 0% { min-height: 0px; max-height: 0px; } 100% { min-height: calc(100vh - 167px); max-height: 1870px; } } } .refine-results .content-displaying.toggle-actions>button { margin: 1.5rem auto; display: block; } @media screen and (min-width: 768px) { .refine-results .content-displaying.toggle-actions>button { display: none; } } .refine-results .form-checkbox-buttons-group { position: relative; margin-bottom: 0.5rem; } .refine-results .form-checkbox-buttons-group .button-checkbox { margin: 3px 0px; padding: 0; width: calc((100% - 12px) / 3); } .refine-results .form-checkbox-buttons-group .button-checkbox:nth-child(3n+1) { margin-right: 6px; } .refine-results .form-checkbox-buttons-group .button-checkbox:nth-child(3n+3) { margin-left: 6px; } .refine-results .form-checkbox-buttons-group .button-checkbox.right-position { margin-left: 6px; margin-right: 0px; } .refine-results .form-checkbox-buttons-group .button-checkbox label span { color: #FFF; background-color: #b3b3b3; width: 100%; text-align: center; font-size: 14px; font-size: 0.875rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 10px 5px; height: 49px; line-height: 2.1; font-size: 13px; } .refine-results .form-checkbox-buttons-group .button-checkbox input[type="checkbox"]:checked+label span { background-color: #67b7bf; } .refine-results .form-checkbox-buttons-group .button-checkbox.see-more-less label { position: relative; } .refine-results .form-checkbox-buttons-group .button-checkbox.see-more-less label::after { content: ''; position: absolute; border: 1px solid #b3b3b3; border-radius: 4px; width: 100%; height: 100%; background-color: transparent; display: block; } .refine-results .form-checkbox-buttons-group .button-checkbox.see-more-less label span { background-color: transparent; color: #b3b3b3; line-height: 1; white-space: initial; z-index: 1; overflow: visible; text-overflow: initial; line-height: 2.1; font-size: 13px; } .refine-results .form-checkbox-buttons-group .button-checkbox.see-more-less~.content-displaying, .refine-results .form-checkbox-buttons-group .button-checkbox.see-more-less~.content-displaying[visible] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .refine-results .form-group { margin-bottom: 0; } .refine-results .form-group label { font-size: 15px; font-size: 0.9375rem; color: gray; font-weight: initial; text-transform: capitalize; } .refine-results .form-group label[for=track_speed] { margin-top: 0.75rem; margin-bottom: 0.75rem; } .refine-results .form-group label[for=track_duration] { margin-top: 0.75rem; margin-bottom: 0.75rem; } .refine-results .form-group .ui-widget-content { width: calc(100% - 20px); margin-left: 8px; } .refine-results .form-group .scale .start, .refine-results .form-group .scale .end { margin-top: 1rem; } .refine-results .form-group .scale .intermediate { margin-top: 0.5rem; left: 6%; right: 6% } .refine-results .form-group .scale.scale10 { margin-bottom: 1rem; left: 8px; right: 8px; width: calc(100% - 16px); } .refine-results .form-group .ui-slider-horizontal .ui-slider-handle { width: 26px; height: 26px; top: -10px; margin-left: -8px; border-width: 2px; } .refine-results .form-group .ui-slider-horizontal .ui-slider-handle:last-of-type { margin-left: -14px; } .section-promote { padding: 2rem; } .section-promote * { color: #FFF; } .section-promote>div { max-width: 75%; margin: 0 auto; } @media screen and (max-width: 1400px) { .section-promote>div { max-width: 80% } } @media screen and (max-width: 1400px) { .section-promote>div { max-width: 85% } } @media screen and (max-width: 1300px) { .section-promote>div { max-width: 95% } } @media screen and (max-width: 950px) { .section-promote>div { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 460px) { .section-promote>div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .section-promote>div figure { margin: 0; } .section-promote>div figure.phone-video { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/phone-video.svg"); height: 115px; width: 65px; min-width: 65px; } .section-promote>div .text-container { padding: 0 2.5rem; } .section-promote>div .text-container h1 { font-size: 22px; font-size: 1.375rem; line-height: 1.3; } .section-promote>div .text-container h1 span { color: #87edf9; font-family: "futurabold", Arial, sans-serif; } .section-promote>div .text-container>p { line-height: 1.4; } .section-promote>div .text-container>p:last-of-type { margin-bottom: 0; } @media screen and (max-width: 950px) { .section-promote>div .text-container { padding-right: 0; width: calc(100% - 65px); } } @media screen and (max-width: 460px) { .section-promote>div .text-container { padding-left: 0; width: 100%; margin-top: 1rem; text-align: center; } } .section-promote>div button { width: 250px; min-width: 250px; } @media screen and (max-width: 950px) { .section-promote>div button { margin-left: calc(2.5rem+65px); margin-top: 1rem; } } @media screen and (max-width: 460px) { .section-promote>div button { margin-left: 0; } } @media screen and (max-width: 992px) { .section-promote.no-picture h1 { font-size: 32px; } .section-promote.no-picture h2 { font-size: 18px; } } @media screen and (max-width: 950px) { .section-promote.no-picture button { margin-left: 0; margin-top: 1rem; } } .banner-promote { background-color: #67b7bf; width: 100%; max-height: 100%; position: fixed; bottom: 0; z-index: 770; padding: 2.5rem 2rem; transition-duration: .6s; transition-property: -webkit-transform; transition-property: transform; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-transform: translate3d(0px, 100%, 0px); transform: translate3d(0px, 100%, 0px); overflow: auto !important; } .banner-promote.active { -webkit-transform: translate3d(0px, 0%, 0px); transform: translate3d(0px, 0%, 0px); } .banner-promote__close-action { float: right; margin: -1.5rem -1rem 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .banner-promote__close-action__text { margin: 0; color: white; font-size: 15px; } .banner-promote__close-action__icon { transition-duration: .4s; transition-property: -webkit-transform; transition-property: transform; font-size: 12px; color: white; margin-left: 10px; } .banner-promote__close-action:hover { text-decoration: none; } .banner-promote__close-action:hover__icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .banner-promote__container { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 992px) { .banner-promote__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .banner-promote__container__text-container { margin-right: 2.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 992px) { .banner-promote__container__text-container { margin-right: 0; width: 100%; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .banner-promote__container__text-container__text1 { font-size: 33px; margin-bottom: 8px; color: white; } @media screen and (max-width: 992px) { .banner-promote__container__text-container__text1 { font-size: 25px; } } @media screen and (max-width: 480px) { .banner-promote__container__text-container__text1 { font-size: 20px; } } .banner-promote__container__text-container__text2 { font-size: 24px; color: white; } @media screen and (max-width: 992px) { .banner-promote__container__text-container__text2 { font-size: 20px; } } @media screen and (max-width: 480px) { .banner-promote__container__text-container__text2 { font-size: 18px; } } .banner-promote__container__cta-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .banner-promote__container__cta-container__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 250px; min-width: 250px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; transition: 0.15s ease-in; padding: 0.75rem 0.75rem; border-radius: 0.25rem; } .banner-promote__container__cta-container__btn--fluo { background-color: #fdef16; color: #e78e03; text-shadow: none; font-family: "futurabold", Arial, sans-serif; } .banner-promote__container__cta-container__btn--fluo:hover { background-color: #ffa200; color: #fdef16; max-width: calc(100% - 30px); } .banner-promote__container__cta-container__countdown { color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; } .banner-promote__container__cta-container__countdown__item { margin-right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .banner-promote__container__cta-container__countdown__item:last-of-type { margin-right: 0px; } .banner-promote__legal { max-width: 95%; margin: 0 auto; font-size: 11px; color: white; margin-top: 25px; } @media screen and (max-width: 992px) { .banner-promote__legal { margin-top: 15px; } } .banner-promote a { color: white; } .banner-promote a:hover { color: white; } .track-pack-v2 { /*\*/ --color-main: black; --color-gray: #7d7d7d; --default-font-family: "futurademi", Arial, sans-serif; --bold-font-family: "futurabold", Arial, sans-serif; --default-font-size: 18px; --container-padding: 36px; /*\*/ color: var(--color-main); font-family: var(--default-font-family); padding: var(--container-padding); text-align: center; margin: 0 auto; } .track-pack-v2 h2 { font-family: var(--bold-font-family); } .track-pack-v2 hr { border-top: 1px dashed black; background: none; margin: 24px 0; } @media only screen and (max-width: 400px) { .track-pack-v2 { background-color: var(--color-lightgray); padding: 25px; margin-bottom: 25px; } } .track-pack-v2__p { color: var(--color-main); display: block; } .track-pack-v2__p.bold { font-family: var(--bold-font-family); } .track-pack-v2__p.biggest { font-size: 29px; } .track-pack-v2__p.uppercase, .track-pack-v2__p span.uppercase { text-transform: uppercase; } .track-pack-v2__p.excl-tax { color: var(--color-gray); font-size: 13px; } .track-pack-v2__p.no-margin { margin: 0; } .track-pack-v2__picker { margin: 8px auto; background-color: white; } .track-pack-v2 .informational-link { font-family: "futurabook", Arial, sans-serif; text-decoration: none; } .track-pack-v2 .informational-link:hover { text-decoration: underline; } .dispatch-item { padding: 0 12px; padding: 0 0.75rem; margin-top: 16px; margin-top: 1rem; } .dispatch-item.catalog a { margin-top: 25px; } @media only screen and (max-width: 768px) { .dispatch-item.catalog a { max-width: 337px; margin: 0 auto; } } .dispatch-item.catalog.no-trial a { margin-top: 0px; } @media only screen and (max-width: 768px) { .dispatch-item.catalog.no-trial a { max-width: 100%; margin: initial; } } @media only screen and (max-width: 992px) { .dispatch-item.in-store .btn-img-background { margin-left: -30px; } } @media only screen and (max-width: 768px) { .dispatch-item.in-store .btn-img-background { margin: 0 auto; } } .dispatch h2 { padding-bottom: 12px; padding-bottom: 0.75rem; margin-bottom: 16px; margin-bottom: 1rem; border-bottom-color: #FFF; color: #FFF; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; letter-spacing: 0.0625rem; } .dispatch h2.hidden-xs { text-shadow: none; color: #FFF; text-transform: uppercase; } @media only screen and (min-width: 768px) { .dispatch-item { padding: 0 24px; padding: 0 1.5rem; width: 336px; width: 21rem; margin-top: 32px; margin-top: 2rem; } .dispatch-item.catalog { float: right; } } @media only screen and (min-width: 992px) { .dispatch-item { width: 384px; width: 24rem; } } .referral-form-wrap { margin-bottom: 64px; margin-bottom: 4rem; } .referral-form-wrap-bg { background-color: whitesmoke; padding: 48px 24px; padding: 3rem 1.5rem; } .import-contacts-wrap { display: table; margin-top: 16px; margin-top: 1rem; } .import-contacts-wrap>div:first-child { padding-right: 16px; padding-right: 1rem; } @media only screen and (max-width: 768px) { .import-contacts-wrap .button.spread { margin: 5px; } } .share-wrap { margin-top: 48px; margin-top: 3rem; padding-top: 48px; padding-top: 3rem; border-top: 1px solid #ccc; } .share-wrap .share-url, .share-wrap .share-promocode { display: inline-block; } .share-wrap .share-url+.button, .share-wrap .share-promocode+.button { margin: 0 8px 4px 8px; margin: 0 0.5rem 0.25rem 0.5rem; } .share-wrap .share-url { width: 384px; width: 24rem; margin-bottom: 1rem; } .share-wrap .share-promocode { width: 128px; width: 8rem; } .share-wrap .button.facebook, .share-wrap .button.messenger { margin: 0 4px 4px 0; margin: 0 0.25rem 0.25rem 0; } @media only screen and (max-width: 480px) { .share-wrap .form-control.share-url { margin: 5px; width: 100% } } @media only screen and (min-width: 992px) { .referral-aside { padding-left: 36px; padding-left: 2.25rem; } } @media only screen and (max-width: 992px) { .referral-aside { margin-top: 16px; margin-top: 1rem; } } .paypal-change { margin-bottom: 16px; margin-bottom: 1rem; } .paypal-change+.button { margin-bottom: 32px; margin-bottom: 2rem; } .paypal-change a { padding-left: 12px; padding-left: 0.75rem; } .referral-table-header>div { width: 50%; text-align: right; } .referral-table-header select { margin: 1px 0 24px; margin: 0.0625rem 0 1.5rem; width: auto; display: inline-block; } .referral-table-header .picker-filter { padding-right: 24px; padding-right: 1.5rem; } .referral-earnings { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 30px 0; } .referral-earnings>div { width: 50% } .referral-earnings .left-part { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 10px; } .referral-earnings .total { height: 100%; background-color: #ebebeb; padding: 16px; padding: 1rem; margin-bottom: 10px; font-weight: bold; } .referral-earnings .total span { margin-top: 8px; margin-top: 0.5rem; display: block; font-weight: initial; line-height: 1; } .referral-earnings .button-list { margin: 0; } .referral-earnings a:hover { text-decoration: none; } @media only screen and (max-width: 1200px) { .referral-earnings { -ms-flex-flow: column; flex-flow: column; } .referral-earnings>div { width: 100% } .referral-earnings .left-part { padding-right: 0px; margin-bottom: 30px; } } #page-myaccount-affiliation .chosen-container-multi .chosen-choices { padding: 2px 6px; } #page-myaccount-affiliation .chosen-container-multi .chosen-choices li.total-width { width: 100% } #page-myaccount-affiliation .chosen-container-multi .chosen-choices li input.total-width { width: 100% } #page-myaccount-affiliation .chosen-container-multi .chosen-choices li.search-choice.wrong { background-color: #ed795a; } #page-myaccount-dashboard-v2 { display: -webkit-box; display: -ms-flexbox; display: flex; } #page-myaccount-dashboard-v2.l-admin { background-color: #f2f2f2; } @media only screen and (min-width: 1110px) { #page-myaccount-dashboard-v2 .accordion { border-width: 2px 2px 1px 2px; border-style: solid; border-color: #d0d0d0; } } #page-myaccount-dashboard-v2 .client-space-heading { display: block; } @media only screen and (max-width: 1110px) { #page-myaccount-dashboard-v2 .client-space-heading { display: block; margin: 32px 0 16px 0; margin: 2rem 0 1rem 0; } } #page-myaccount-dashboard-v2 .container.hero { padding-bottom: 100% } @media only screen and (max-width: 1110px) { #page-myaccount-dashboard-v2 .container.hero { margin: 16px 0; margin: 1rem 0; } } #page-myaccount-dashboard-v2 .container.hero .heading { text-shadow: none; max-width: 65%; margin: 0 auto 1rem; } @media only screen and (max-width: 480px) { #page-myaccount-dashboard-v2 .container.hero .heading { max-width: 100%; margin: 0rem 1.5rem 0.5rem; font-size: 28px; font-size: 1.75rem; } } #page-myaccount-dashboard-v2 .container.hero .heading+p { text-shadow: none; line-height: 1.5; } #page-myaccount-dashboard-v2 .container.hero a.hero-content .container { display: inline; } @media only screen and (max-width: 1110px) { #page-myaccount-dashboard-v2 .container.section-promote { margin: 16px 0; margin: 1rem 0; } } @media only screen and (max-width: 480px) { #page-myaccount-dashboard-v2 .container.section-promote .text-container p { display: none; } } #page-myaccount-dashboard-v2 .container.widgets { background-color: #f2f2f2; } @media only screen and (max-width: 1110px) { #page-myaccount-dashboard-v2 .container.widgets { margin: 16px 0; margin: 1rem 0; } } #page-myaccount-dashboard-v2 .container.widgets>div { margin: 0 auto; width: 90%; max-width: 1600px; } #page-myaccount-dashboard-v2 .container.widgets>div>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 1rem; } #page-myaccount-dashboard-v2 .container.widgets>div>div .widget { margin: 1rem auto; width: calc(50% - 2rem); } @media only screen and (min-width: 1300px) { #page-myaccount-dashboard-v2 .container.widgets>div>div .widget { min-width: 560px; margin: 1rem; } } #page-myaccount-dashboard-v2 .container.widgets>div>div .widget.half-width { width: calc(25% - 1.5rem); } @media only screen and (min-width: 1300px) { #page-myaccount-dashboard-v2 .container.widgets>div>div .widget.half-width { min-width: 278px; margin-right: 0; } #page-myaccount-dashboard-v2 .container.widgets>div>div .widget.half-width.grid-spacing { margin-left: 32px; } } #page-myaccount-dashboard-v2 .container.widgets>div>div .widget[no-purchase] { margin: 4rem auto; min-height: auto; width: auto; } @media only screen and (max-width: 670px) { #page-myaccount-dashboard-v2 .container.widgets>div>div .widget .pop-in-wrapper.licence-tip { width: 100%; left: 0; } #page-myaccount-dashboard-v2 .container.widgets>div>div .widget .pop-in-wrapper .pop-in::before, #page-myaccount-dashboard-v2 .container.widgets>div>div .widget .pop-in-wrapper .pop-in:after { content: none; } #page-myaccount-dashboard-v2 .container.widgets>div>div .widget .pop-in-wrapper .pop-in p { display: block; } } @media only screen and (min-width: 1300px) { #page-myaccount-dashboard-v2 .container.widgets>div>div[no-purchase-one-offer-widget] .widget[no-purchase] { margin-left: 10% } #page-myaccount-dashboard-v2 .container.widgets>div>div[no-purchase-one-offer-widget] .widget.half-width { margin-right: 10% } } @media (max-width: 1645px) { #page-myaccount-dashboard-v2 .container.widgets>div { width: 100% } } @media (max-width: 1300px) { #page-myaccount-dashboard-v2 .container.widgets>div { width: 100% } #page-myaccount-dashboard-v2 .container.widgets>div>div { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 1.5rem; padding-right: 1.5rem; } #page-myaccount-dashboard-v2 .container.widgets>div>div .widget { min-height: auto; } #page-myaccount-dashboard-v2 .container.widgets>div>div .widget.half-width { width: calc(50% - 2rem); min-width: 662px; } } @media only screen and (max-width: 480px) { #page-myaccount-dashboard-v2 .page-overlay.visible { visibility: hidden; } } #page-myaccount-dashboard-v2 .page-overlay.visible~section.widgets .widget .content ul>li .actions .action:hover .dropdown-content-open { visibility: hidden; } @media (max-width: 670px) { #page-myaccount-dashboard-v2 .page-overlay.visible~section.widgets .widget .content ul>li .actions .action { position: initial; } } #page-myaccount-dashboard-v2 .pop-in-wrapper:hover~.dropdown-content-open { display: none; } @media only screen and (max-width: 480px) { #page-myaccount-dashboard-v2 .pop-in-wrapper[block] { display: none !important; } } #page-myaccount-dashboard-v2 .pop-in-wrapper.bottom-center { margin-top: 80px; } #page-myaccount-dashboard-v2 .pop-in-wrapper.bottom-center .pop-in.tips::before, #page-myaccount-dashboard-v2 .pop-in-wrapper.bottom-center .pop-in.tips::after { content: none; } @media (max-width: 670px) { #page-myaccount-dashboard-v2 .pop-in-wrapper.bottom-center .pop-in { width: 100% } } .dashboard-catalog { border: 1px solid red; } #page-licensing-catalog .l-side-menu__content { width: calc(100% - 264px); } @media only screen and (max-width: 992px) { #page-licensing-catalog .l-side-menu__content { width: 100% } } #search-page { position: relative; } #search-page .results-heading__filter select { padding: 0; } #search-page .l-side-menu__content { width: calc(100% - 309px); } @media only screen and (max-width: 768px) { #search-page .l-side-menu__content { width: 100%; padding-top: 0; } } #search-page .l-side-menu__content .mobile-refine { display: none; } @media only screen and (max-width: 768px) { #search-page .l-side-menu__content .mobile-refine { display: block; } } .page-pricing { /*\*/ --color-main: black; --color-reverse-main: white; --color-lite: #8E8E93; --color-lite-dark: #646464; --color-blue: #183F6C; --background-color: #FFF; --background-color-dark: #FAFAFA; --font: "futurabook", Arial, sans-serif; --font-style: normal; --font-weight: 500; --font-size: 16px; --font-size-small: 14px; --font-size-big: 20px; --font-size-very-big: 40px; --line-height: 24px; --font-size-h1: 50px; --line-height-h1: 55px; --font-size-h2: 30px; --line-height-h2: 40px; --font-size-h3: 26px; --line-height-h3: 35px; --cta-height: 40px; --cat-width: 220px; /*\*/ background-color: var(--background-color); font-family: var(--font); font-style: var(--font-style); font-weight: var(--font-weight); line-height: var(--line-height); margin-bottom: 115px; } @media only screen and (max-width: 700px) { .page-pricing { --font-size-h1: 30px; --line-height-h1: 33px; --font-size-h2: 20px; --line-height-h2: 27px; --font-size-h2-original: 30px; --line-height-h2-original: 40px; } } .page-pricing__header-section { /**/ margin-bottom: 50px; padding: 2rem 0 0 0; } @media only screen and (max-width: 700px) { .page-pricing__header-section { display: none; } } .page-pricing__header-section__title { font-size: 40px !important; color: var(--color-main); } .page-pricing__header-section__title>hr { margin-top: 10px; } @media only screen and (max-width: 1110px) { .page-pricing__header-section>h1 { font-size: 38px !important; } } .page-pricing__header-section .licences-advantages {} .page-pricing__header-section .licences-advantages p { margin-bottom: 0; } @media only screen and (max-width: 700px) { .page-pricing__header-section .licences-advantages { -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 49% } } @media only screen and (max-width: 480px) { .page-pricing__header-section .licences-advantages { width: 55% } } @media only screen and (max-width: 450px) { .page-pricing__header-section .licences-advantages { width: 60% } } @media only screen and (max-width: 400px) { .page-pricing__header-section .licences-advantages { width: 70% } } @media only screen and (max-width: 370px) { .page-pricing__header-section .licences-advantages { width: 75% } } .page-pricing__header-section .licences-advantages li { text-align: left !important; width: 24.9%; padding: 10px; } .page-pricing__header-section .licences-advantages li i { display: none; } .page-pricing__header-section .licences-advantages li p { color: gray !important; } .page-pricing__header-section .licences-advantages li h1 { color: #000; margin-bottom: 10px; font-style: normal; font-weight: 500; font-size: 20px !important; } @media only screen and (max-width: 992px) { .page-pricing__header-section .licences-advantages li { width: 49.9% } } @media only screen and (max-width: 700px) { .page-pricing__header-section .licences-advantages li { width: 100%; padding: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .page-pricing__header-section .licences-advantages li div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; } .page-pricing__header-section .licences-advantages li div i { display: block; margin-right: 12px; color: #67b7bf; } .page-pricing__header-section .licences-advantages li p { display: none !important; } } .page-pricing__nav { height: 135px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .page-pricing__nav__button { height: 100%; width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); } .page-pricing__nav__button__text { margin: 0; color: var(--color-main); font-size: var(--font-size-big); } .page-pricing__tracks__licenses__header { margin-top: 60px; text-align: center; } .page-pricing__tracks__licenses__header__title { color: var(--color-main); font-size: var(--font-size-h2); line-height: var(--line-height-h2); } .page-pricing__tracks__licenses__header__text { margin-top: 14px; color: var(--color-main); max-width: 815px; } .page-pricing__tracks__licenses__header__text__link { color: var(--color-main); cursor: pointer; } .page-pricing__tracks__licenses__body { margin-top: 20px; padding-left: 30px; padding-right: 30px; } .page-pricing__tracks__licenses__body__horizontal-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .page-pricing__tracks__licenses__body__horizontal-list__license { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; max-width: 386px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); border-radius: 20px; padding-top: 60px; padding-bottom: 60px; padding-left: 45px; padding-right: 45px; } .page-pricing__tracks__licenses__body__horizontal-list__license:first-child { margin-right: 30px; } .page-pricing__tracks__licenses__body__horizontal-list__license:last-child { margin-left: 30px; } .page-pricing__tracks__licenses__body__horizontal-list__license__title { color: var(--color-main); font-size: var(--font-size-h3); line-height: var(--line-height-h3); } .page-pricing__tracks__licenses__body__horizontal-list__license__price { margin-top: 50px; color: var(--color-main); font-size: 50px; line-height: 52px; text-align: center; } .page-pricing__tracks__licenses__body__horizontal-list__license__excl-tax { color: var(--color-lite); text-align: center; font-size: var(--font-size-small); } .page-pricing__tracks__licenses__body__horizontal-list__license__offer { margin-top: 50px; margin-left: auto; margin-right: auto; min-height: 150px; } .page-pricing__tracks__licenses__body__horizontal-list__license__offer__element { color: var(--color-lite-dark); } .page-pricing__tracks__licenses__body__horizontal-list__license__offer__element__icon { color: #77C1C8; } .page-pricing__tracks__licenses__body__horizontal-list__license__offer__element__icon--wrong { color: red; opacity: 0.5; } .page-pricing__tracks__licenses__body__horizontal-list__license__exemples { margin-top: 60px; } .page-pricing__tracks__licenses__body__horizontal-list__license__exemples__cta { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; color: var(--color-main); } .page-pricing__tracks__licenses__body__horizontal-list__license__exemples__cta__icon { margin-left: 20px; } .page-pricing__tracks__licenses__body__horizontal-list__license__exemples__list { height: 280px; margin-top: 35px; } .page-pricing__tracks__licenses__body__horizontal-list__license__exemples__list__element { color: var(--color-lite-dark); } .page-pricing__tracks__licenses__body__horizontal-license { max-width: 1219px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); border-radius: 20px; margin-top: 30px; margin-left: auto; margin-right: auto; padding-top: 40px; padding-bottom: 40px; padding-left: 45px; padding-right: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .page-pricing__tracks__licenses__body__horizontal-license__title-container__title { color: var(--color-main); font-size: var(--font-size-h3); line-height: var(--line-height-h3); margin: 0; } .page-pricing__tracks__licenses__body__horizontal-license__text { color: var(--color-main); font-size: var(--font-size-big); max-width: 300px; } .page-pricing__tracks__licenses__body__horizontal-license__list__element__icon { color: #77C1C8; margin-right: 5px; } .page-pricing__tracks__licenses__body__horizontal-license__list__element__icon-wrong { color: red; opacity: 0.5; margin-right: 5px; } .page-pricing__tracks__licenses__body__horizontal-license__list__element--no-icon { margin-left: 21px; } .page-pricing__tracks__licenses__body__horizontal-license__cta { text-transform: uppercase; } .page-pricing__tracks__licenses__body__horizontal-license__price-container { margin-right: 30px; } .page-pricing__tracks__licenses__body__horizontal-license__price-container__price { color: var(--color-main); font-size: var(--font-size-h3); text-align: center; } .page-pricing__tracks__licenses__body__horizontal-license__price-container__excl-tax { color: var(--color-lite); text-align: center; font-size: var(--font-size-small); } .page-pricing__tracks__table { margin-top: 70px; width: 100%; padding: 0 25px; } .page-pricing__tracks__table__title { color: var(--color-main); text-align: center; font-size: var(--font-size-h2); line-height: var(--line-height-h2); margin-bottom: 50px; } .page-pricing__tracks__table__container { width: 100% } .page-pricing__tracks__table__container__line__title { text-align: center; color: var(--color-main); font-size: var(--font-size-big); height: 100px; border: 1px solid #D8D8D8; } .page-pricing__tracks__table__container__line__title__small { color: var(--color-lite-dark); font-size: var(--font-size); } .page-pricing__tracks__table__container__line__title--no-left-border { border-left: none; } .page-pricing__tracks__table__container__line__title--no-left-top-border { border-left: none; border-top: none; } .page-pricing__tracks__table__container__line__title--no-top-border { border-top: none; } .page-pricing__tracks__table__container__line__title--no-top-right-border { border-top: none; border-right: none; } .page-pricing__tracks__table__container__line__row { border: 1px solid #D8D8D8; text-align: center; height: 100px; } .page-pricing__tracks__table__container__line__row--no-right-border { border-right: none; } .page-pricing__tracks__table__container__line__row__icon-wrong { color: red; opacity: 0.5; } .page-pricing__tracks__table__container__line__row__icon-check { color: #67b7bf; } .page-pricing__tracks__trackpacks { margin-top: 110px !important; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); border-radius: 20px; margin: 0 30px; color: var(--color-main); } .page-pricing__tracks__trackpacks__header { border-bottom: 1px solid #D8D8D8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 6%; padding-right: 6%; height: 140px; } .page-pricing__tracks__trackpacks__header__title { color: var(--color-main); font-size: var(--font-size-h3); line-height: var(--line-height-h3); margin: 0 !important; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .page-pricing__tracks__trackpacks__header__text { color: var(--color-main); font-size: var(--font-size-big); } .page-pricing__tracks__trackpacks__header__extend-cta { height: 44px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; color: var(--color-reverse-main); } .page-pricing__tracks__trackpacks__header__extend-cta__icon { margin-left: 20px; } .page-pricing__tracks__trackpacks__container { margin: 0 10%; padding-top: 40px; padding-bottom: 0; padding-left: 0; padding-right: 0; } .page-pricing__tracks__trackpacks__container__title-container { text-align: center; } .page-pricing__tracks__trackpacks__container__title-container__title { margin-bottom: 10px; font-size: var(--font-size-h2); line-height: var(--line-height-h2); } @media only screen and (max-width: 992px) { .page-pricing__tracks__trackpacks__container__title-container__title { font-size: var(--font-size-h1); } } .page-pricing__tracks__trackpacks__container__quantity { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 110px; padding-bottom: 50px; border-bottom: 1px dashed #000; } @media only screen and (max-width: 992px) { .page-pricing__tracks__trackpacks__container__quantity { margin-top: 40px; padding-bottom: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: none; } } .page-pricing__tracks__trackpacks__container__quantity__element { width: 33% } @media only screen and (max-width: 992px) { .page-pricing__tracks__trackpacks__container__quantity__element { width: 100% } } .page-pricing__tracks__trackpacks__container__quantity__element__title { margin: 0 !important; text-align: right !important; } @media only screen and (max-width: 992px) { .page-pricing__tracks__trackpacks__container__quantity__element__title { text-align: center !important; margin: auto !important; } } .page-pricing__tracks__trackpacks__container__quantity__element--left { text-align: left; } @media only screen and (max-width: 992px) { .page-pricing__tracks__trackpacks__container__quantity__element--left { text-align: center; margin-bottom: 15px; } } .page-pricing__tracks__trackpacks__container__quantity__element--right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media only screen and (max-width: 992px) { .page-pricing__tracks__trackpacks__container__quantity__element--right { display: block; text-align: center; margin-top: 40px; } } .page-pricing__tracks__trackpacks__container__quantity__quantity-picker { background-color: var(--color-reverse-main); height: 44px; width: 200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 1px solid #000; box-sizing: border-box; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); border-radius: 40px; padding: 0 15px; } .page-pricing__tracks__trackpacks__container__quantity__quantity-picker__cta { padding-bottom: 5px; font-size: var(--font-size-big); } .page-pricing__tracks__trackpacks__container__quantity__quantity-picker__field { text-align: center; width: 31px; border: none; outline: none; outline-width: 0; } .page-pricing__tracks__trackpacks__container__licenses { margin-top: 50px; margin-bottom: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 992px) { .page-pricing__tracks__trackpacks__container__licenses { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 35px; margin-bottom: 0px; } } .page-pricing__tracks__trackpacks__container__licenses__license { text-align: center; } .page-pricing__tracks__trackpacks__container__licenses__license__container__price__excl-tax { color: var(--color-lite); font-size: var(--font-size-small); } .page-pricing__tracks__trackpacks__container__licenses__license__cta { margin-top: 30px; color: var(--color-reverse-main); text-transform: uppercase; height: 40px; } @media only screen and (max-width: 992px) { .page-pricing__tracks__trackpacks__container__licenses__license__cta { margin-top: 15px; margin-bottom: 30px; } } .page-pricing__tracks__trackpacks__container__show-more { padding: 20px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media only screen and (max-width: 992px) { .page-pricing__tracks__trackpacks__container__show-more { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 0; } } .page-pricing__tracks__trackpacks__container__show-more__cta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-lite); font-size: var(--font-size-small); } .page-pricing__tracks__trackpacks__container__show-more__cta__icon { margin-right: 5px; } .page-pricing__tracks__faq { margin-top: 70px; background-color: var(--background-color-dark); width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-flow: column; flex-flow: column; } .page-pricing__tracks__faq__title { color: var(--color-main); font-size: var(--font-size-h2); line-height: var(--line-height-h2); text-transform: uppercase; text-align: center; padding-top: 40px; padding-bottom: 40px; margin: 0; } @media only screen and (max-width: 700px) { .page-pricing__tracks__faq__title { font-size: var(--font-size-h1); line-height: var(--line-height-h1); } } .page-pricing__tracks__faq__questions-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 40px 90px; } @media only screen and (max-width: 700px) { .page-pricing__tracks__faq__questions-container { -ms-flex-flow: column; flex-flow: column; } } .page-pricing__tracks__faq__questions-container__questions { width: 100%; color: var(--color-main); margin-bottom: 50px; } @media only screen and (max-width: 700px) { .page-pricing__tracks__faq__questions-container__questions { width: 100% } } .page-pricing__tracks__faq__questions-container__questions__questions-container { border: 1px solid blue; } .page-pricing__tracks__help { margin-top: 70px; text-align: center; } .page-pricing__tracks__help__title { color: var(--color-main); font-size: var(--font-size-h2); line-height: var(--line-height-h2); margin-bottom: 40px; } .page-pricing__tracks__help__cta { height: 40px; text-transform: uppercase; color: var(--color-reverse-main); } .page-pricing__subscriptions__container { margin-top: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } @media only screen and (max-width: 980px) { .page-pricing__subscriptions__container { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .page-pricing__subscriptions__container__element { padding: 40px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); border-radius: 20px; } @media only screen and (max-width: 980px) { .page-pricing__subscriptions__container__element { border-radius: 0; box-shadow: none; padding-left: 0; padding-right: 0; } } .page-pricing__subscriptions__container__element__title { color: var(--color-main); font-size: var(--font-size-h2); line-height: var(--line-height-h2); } .page-pricing__subscriptions__container__element__subtitle { font-size: var(--font-size-small); text-align: center; margin-bottom: 30px; } .page-pricing__subscriptions__container__element__triptych__col { color: var(--color-main); font-size: var(--font-size-big); line-height: var(--line-height-h2); } .page-pricing__subscriptions__container__element__triptych__col--offline { font-size: var(--font-size); } .page-pricing__subscriptions__container__element__triptych__col__icon { margin-right: 25px; color: #67b7bf; } .page-pricing__subscriptions__container__element__products { margin-top: 30px; margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 1300px) { .page-pricing__subscriptions__container__element__products { margin-left: 30px; margin-right: 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (max-width: 800px) { .page-pricing__subscriptions__container__element__products { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .page-pricing__subscriptions__container__element__products__product { text-align: center; } .page-pricing__subscriptions__container__element__products__product:first-child { margin-right: 30px; } @media only screen and (max-width: 1300px) { .page-pricing__subscriptions__container__element__products__product: first-child { margin-right: 15px; } .page-pricing__subscriptions__container__element__products__product:last-child { margin-left: 15px; } } @media only screen and (max-width: 830px) { .page-pricing__subscriptions__container__element__products__product: first-child { margin-right: 0; } .page-pricing__subscriptions__container__element__products__product:last-child { margin-left: 0; } } .page-pricing__subscriptions__container__element__products__product__body { padding: 30px; width: 340px; height: 374px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); border-radius: 20px; } @media only screen and (max-width: 980px) { .page-pricing__subscriptions__container__element__products__product__body { border-radius: 0; } } .page-pricing__subscriptions__container__element__products__product__body__title { color: var(--color-main); font-size: var(--font-size-big); text-transform: uppercase; } .page-pricing__subscriptions__container__element__products__product__body__price { font-size: 30px; color: var(--color-main); } .page-pricing__subscriptions__container__element__products__product__body__price__cross-price { -webkit-text-decoration-line: line-through; -moz-text-decoration-line: line-through; text-decoration-line: line-through; color: var(--color-lite); margin-bottom: 40px; font-size: var(--font-size-big); } .page-pricing__subscriptions__container__element__products__product__body__price__ht { margin-top: 15px; color: var(--color-main); font-size: var(--font-size); } .page-pricing__subscriptions__container__element__products__product__body__star { margin-top: 35px; font-size: var(--font-size-small); color: var(--color-lite); } .page-pricing__subscriptions__container__element__products__product__buy-btn { margin-top: 20px; } @media only screen and (max-width: 1300px) { .page-pricing__subscriptions__container__element__products__product__buy-btn { margin-bottom: 20px; } } .page-pricing__subscriptions__container__element__text { color: var(--color-main); margin-top: 50px; margin-bottom: 50px; } .page-pricing__subscriptions__container__element__contact-us { margin-top: 60px; margin-bottom: 60px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-pricing__subscriptions__container__element__contact-us__link { text-decoration: none !important; color: var(--color-reverse-main) !important; cursor: pointer; } .page-pricing__subscriptions__container__element__contact-us__link :hover { color: var(--color-reverse-main); } .page-pricing__subscriptions__container__element__contact-us__link__content { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .page-pricing__subscriptions__container__element__learn-more { margin-top: 30px; width: 100%; text-align: center; } .page-pricing__subscriptions__container__element__learn-more__link { color: var(--color-main); font-size: var(--font-size-big); } .page-pricing__subscriptions__container__element__learn-more--offline { margin-top: 123px; } .page-pricing__subscriptions__container__element__phone { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .page-pricing__subscriptions__container__element__phone__icon { background-image: url(https://images.jamendo.com/jamendolicensing/icon/mobile.svg); width: 26px; height: 46px; margin-right: 20px; } .page-pricing__subscriptions__container__element__phone__text { color: var(--color-main); } .page-pricing__subscriptions__container__element--online { width: 61%; min-width: 340px; } @media only screen and (max-width: 980px) { .page-pricing__subscriptions__container__element--online { box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); padding: 30px; width: 100% } } .page-pricing__subscriptions__container__element--offline { width: 32%; min-width: 340px; } @media only screen and (max-width: 980px) { .page-pricing__subscriptions__container__element--offline { width: 100%; padding: 30px; } } .page-pricing__container-mobile__nav { padding-top: 40px; } @media only screen and (max-width: 820px) { .page-pricing__container-mobile__nav { padding-top: 30px; } } #dashboard-in-store { background-color: #F2F2F2; } @media only screen and (max-width: 771px) { #dashboard-in-store { margin: 0px; } } #dashboard-in-store .main-div { padding: 0px; margin-bottom: 50px; } @media only screen and (max-width: 771px) { #dashboard-in-store .main-div { margin: 0px; } } #dashboard-in-store .main-div h1 { text-align: center; text-transform: uppercase; margin-top: 25px; margin-bottom: 35px; font-family: "futurabook", Arial, sans-serif; font-style: normal; font-weight: bold; font-size: 25px; line-height: 29px; color: #000; } #dashboard-in-store .main-div h2 { text-align: center; text-transform: uppercase; margin-top: 15px; margin-bottom: 25px; font-family: "futurademi", Arial, sans-serif; font-style: normal; font-weight: bold; font-size: 22px; line-height: 25px; color: #000; } #dashboard-in-store .main-div header p { width: 10em; outline: 1px solid #000; margin: 0 0 2em 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #dashboard-in-store .main-div .section>.content { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #dashboard-in-store .main-div .box { background-color: white; margin-left: 11px; margin-right: 11px; margin-bottom: 22px; } @media only screen and (max-width: 771px) { #dashboard-in-store .main-div .box { border-radius: 0px !important; width: 100% !important; height: auto !important; margin-left: 0px; margin-right: 0px; padding: 10px; } } #dashboard-in-store .main-div .steps .box.step { width: 360px; height: auto; } #dashboard-in-store .main-div .steps .box.step h1 { margin-bottom: 25px; } #dashboard-in-store .main-div .steps .box.step h2 { margin-bottom: 15px; } #dashboard-in-store .main-div .steps .box.step i.scheme__ball { z-index: 10; padding: 10px 16px; font-family: "futurademi", Arial, sans-serif; font-style: normal; font-weight: bold; font-size: 20px; line-height: 29px; } #dashboard-in-store .main-div .steps .box.step .list-app { margin-top: 30px; } #dashboard-in-store .main-div .steps .box.step .list-app li { margin-top: 17px; height: 41px; } #dashboard-in-store .main-div .steps .box.step .c-select { width: 308px !important; } #dashboard-in-store .main-div .steps .box.step .c-select:before { left: 0; } #dashboard-in-store .main-div .steps .box.step .c-select .c-select__textbox { width: 285px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #dashboard-in-store .main-div .steps .box.step .c-select .c-select__textbox::after { width: 308px; } #dashboard-in-store .main-div .steps .box.step .c-select .c-select__listbox { width: 308px; } #dashboard-in-store .main-div .steps .box.step .c-select .c-select__listbox .c-select__option { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #dashboard-in-store .main-div .steps .box.step .credential { margin-top: 25px; } #dashboard-in-store .main-div .steps .box.step .credential li { display: inline-block; margin-left: 10px; margin-right: 10px; } @media only screen and (max-width: 771px) { #dashboard-in-store .main-div .steps .box.step { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 0px; } #dashboard-in-store .main-div .steps .box.step h1 { margin-top: 0px; margin-bottom: 10px; } #dashboard-in-store .main-div .steps .box.step h2 { margin-top: 0px; margin-bottom: 5px; } #dashboard-in-store .main-div .steps .box.step .left { min-width: 49px; margin-top: auto; margin-bottom: auto; } #dashboard-in-store .main-div .steps .box.step .right { width: 100% } #dashboard-in-store .main-div .steps .box.step .right .c-select { margin-left: auto; margin-right: auto; } #dashboard-in-store .main-div .steps .box.step.one { height: auto; border-radius: 6px 6px 0px 0px; } #dashboard-in-store .main-div .steps .box.step.one ul { margin-top: 0px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } #dashboard-in-store .main-div .steps .box.step.one ul li { margin-left: 5px; margin-right: 5px; } #dashboard-in-store .main-div .steps .box.step.two { border-radius: 0; } #dashboard-in-store .main-div .steps .box.step.three { border-radius: 0px 0px 6px 6px; } #dashboard-in-store .main-div .steps .box.step.three h1 { margin-top: 10px; margin-bottom: 10px; } } @media only screen and (min-width: 772px) and (max-width: 1134px) { #dashboard-in-store .main-div .steps .box.step.three { width: 702px; height: 100% } #dashboard-in-store .main-div .steps .box.step.three h1 { display: inline-block; margin-top: 10px; margin-bottom: 10px; } #dashboard-in-store .main-div .steps .box.step.three i { margin-right: 15px; } } #dashboard-in-store .main-div .start-stream .box { width: 520px; height: 150px; } @media only screen and (min-width: 551px) and (max-width: 771px) { #dashboard-in-store .main-div .start-stream .box { width: 100% } } @media only screen and (min-width: 772px) and (max-width: 1134px) { #dashboard-in-store .main-div .start-stream .box { width: 340px; } } #dashboard-in-store .main-div .start-stream .box h1 { margin-top: 0px; margin-bottom: 20px; font-weight: 400; font-size: 20px; line-height: 27px; text-transform: none; color: #000; } #dashboard-in-store .main-div .start-stream .box h1 i { margin-right: 15px; font-size: 1.3rem; } #dashboard-in-store .main-div .start-stream .box a { text-transform: uppercase; font-size: 20px; color: #FFF; } #dashboard-in-store .main-div .other-box .button { margin-bottom: 15px; } @media only screen and (max-width: 771px) { #dashboard-in-store .main-div .other-box .header-and-box { width: 100% } } #dashboard-in-store .main-div .other-box .box { width: 520px; height: 410px; padding: 26px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (min-width: 772px) and (max-width: 1134px) { #dashboard-in-store .main-div .other-box .box { width: 702px; height: auto; } } #dashboard-in-store .main-div .other-box .box.widget { min-width: auto; min-height: auto; } #dashboard-in-store .main-div .other-box .box a { text-transform: uppercase; font-size: 20px; color: #FFF; width: 100% } #dashboard-in-store .main-div .other-box .box p { font-size: 14px; } #dashboard-in-store .main-div .other-box .box .content { margin: 0px; padding: 0px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } #wrapper-cart { min-height: calc(100vh - 64px); } #cart-page .license>button, #cart-page .instore-product>button { display: none; } #cart-page .remove>ul { display: none; } #cart-page .mobile-next-prev, #cart-page .mobile-next, #cart-page .mobile-prev { display: none; } #cart-page .mobile-next-prev .icon-data, #cart-page .mobile-next .icon-data, #cart-page .mobile-prev .icon-data { margin-right: 0; } #cart-page .mobile-next-prev .mobile-next .icon-data, #cart-page .mobile-next .mobile-next .icon-data, #cart-page .mobile-prev .mobile-next .icon-data { margin-right: 0; } #cart-page .mobile-next-prev.place-order, #cart-page .mobile-next.place-order, #cart-page .mobile-prev.place-order { display: -webkit-box; display: -ms-flexbox; display: flex; } #cart-page .mobile-next-prev.place-order .mobile-prev, #cart-page .mobile-next.place-order .mobile-prev, #cart-page .mobile-prev.place-order .mobile-prev { display: none; } #cart-page .mobile-next-prev.place-order .mobile-next, #cart-page .mobile-next.place-order .mobile-next, #cart-page .mobile-prev.place-order .mobile-next { display: -webkit-box; display: -ms-flexbox; display: flex; } #cart-page .slide-section .button-cart-text-container { line-height: 1; } #cart-page .slide-section .button-cart-text-container p { font-size: 14px; } #cart-page .button-cart.payment-cart::after { content: ''; position: absolute; right: 12px; width: 20px; height: 20px; background-image: url("https://images.jamendo.com/jamendolicensing/static/navigation/chevron-down-white.svg"); background-repeat: no-repeat; background-size: 16px 16px; background-position: center center; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } #cart-page .button-cart.payment-cart>div { width: 100%; text-align: center; } @media only screen and (max-width: 420px) { #cart-page .button-cart.payment-cart>div { max-width: 85% } } #cart-page .error-notification { color: black; border: none; background-color: #ffd7d7; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 8px; } #cart-page .error-notification .icon { font-size: 1.75rem; width: 1.75rem; height: 1.75rem; } #cart-page .error-notification>div { display: inline-block; } #cart-page .error-notification>div>div { font-size: 13px; height: 28px; } #cart-page .error-notification.success { background-color: #d9ffd7; } #cart-page .product-summary__product { font-size: inherit; font-weight: inherit; } #cart-page .cart__total.grand .content-displaying { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #cart-page .cart__total.grand .content-displaying label { color: black; } #cart-page .cart__total.grand .content-displaying label.too-long { position: relative; white-space: normal; height: auto; max-width: 340px; margin-top: 10px; } #cart-page .quantity-picker .field { font-family: "futurabook", Arial, sans-serif; } #cart-page .quantity-picker .field div { font-size: 14px; } #cart-page .taxes-calculator input[type="checkbox"]~.content-displaying, #cart-page input[type="radio"]~.content-displaying { display: none; } #cart-page .taxes-calculator input[type="checkbox"]:checked~.content-displaying, #cart-page input[type="radio"]:checked~.content-displaying { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: visible; transition: none; } #cart-page .taxes-calculator input[type="checkbox"]:checked~.content-displaying .chosen-container-single:focus, #cart-page input[type="radio"]:checked~.content-displaying .chosen-container-single:focus { outline: none; box-shadow: none; } #cart-page .taxes-calculator input[type="checkbox"]:checked~.content-displaying .chosen-container-single:first-of-type, #cart-page input[type="radio"]:checked~.content-displaying .chosen-container-single:first-of-type { margin-top: 12px; } #cart-page .taxes-calculator input[type="checkbox"]:checked~.content-displaying .chosen-results, #cart-page input[type="radio"]:checked~.content-displaying .chosen-results { font-family: "futurabook", Arial, sans-serif; } #cart-page .taxes-calculator input[type="checkbox"]:checked~.content-displaying .chosen-container-single .chosen-single, #cart-page input[type="radio"]:checked~.content-displaying .chosen-container-single .chosen-single { border: none; box-shadow: none; color: #7d7d7d; font-family: "futurabook", Arial, sans-serif; background-image: url("https://images.jamendo.com/jamendolicensing/static/navigation/chevron-down-gray-8.svg"); background-repeat: no-repeat; background-size: 14px 14px; background-position: 92% center; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #cart-page .taxes-calculator input[type="checkbox"]:checked~.content-displaying .chosen-container-single .chosen-single div, #cart-page input[type="radio"]:checked~.content-displaying .chosen-container-single .chosen-single div { display: none; } #cart-page .taxes-calculator input[type="checkbox"]:checked~.content-displaying .chosen-with-drop .chosen-single, #cart-page input[type="radio"]:checked~.content-displaying .chosen-with-drop .chosen-single { border: 1px solid #7d7d7d; border-radius: 4px; } #cart-page .taxes-calculator input[type="checkbox"]:checked~.content-displaying .chosen-container .error, #cart-page input[type="radio"]:checked~.content-displaying .chosen-container .error { position: absolute; bottom: 0; padding: 8px 16px 10px 8px; font-size: 12px !important; height: 36px; width: 100%; background-color: #ffd7d7; color: black; background-image: url("https://images.jamendo.com/jamendolicensing/static/navigation/chevron-down-gray-8.svg"); background-repeat: no-repeat; background-size: 14px 14px; background-position: 92% center; } #cart-page .coupon-code-container .button-checkbox input[type="checkbox"]:checked+label, #cart-page .coupon-code-container .button-checkbox input[type="radio"]:checked+label { display: block; text-align: right; margin-bottom: 130px; } #cart-page .coupon-code-container .button-checkbox input[type="checkbox"]:checked~.content-displaying, #cart-page .coupon-code-container .button-checkbox input[type="radio"]:checked~.content-displaying { visibility: visible; overflow: visible; } #cart-page .coupon-code-container .button-checkbox .content-displaying { visibility: hidden; position: absolute; width: 100%; right: 0; top: 110px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media only screen and (max-width: 1110px) { #cart-page>form>div { -ms-flex-wrap: wrap; flex-wrap: wrap; } #cart-page .cart-section { margin: 0 auto; } #cart-page .cart-section~aside { margin: 0 auto; width: 650px; -ms-flex-flow: row; flex-flow: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } #cart-page .cart-section~aside>div { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } #cart-page .cart-section~aside>div:first-of-type { margin-right: 15px; } #cart-page .cart-section~aside>div:last-of-type { margin-left: 15px; min-width: 320px; } } @media only screen and (max-width: 750px) { #cart-page { padding-top: 0; } #cart-page .mobile-next-prev, #cart-page .mobile-next, #cart-page .mobile-prev { display: -webkit-box; display: -ms-flexbox; display: flex; } #cart-page .mobile-next { max-width: 320px; } #cart-page .mobile-next-prev.place-order .mobile-prev { display: -webkit-box; display: -ms-flexbox; display: flex; } #cart-page>form>div { margin-top: 0; } #cart-page .cart-section { width: 100%; min-width: 1px; } #cart-page .cart-section>div { padding: 0; } #cart-page .cart-section .coupon-code-container { -ms-flex-flow: column; flex-flow: column; } #cart-page .cart-section .coupon-code-container .button-checkbox { margin-top: 12px; width: 100%; text-align: left; } #cart-page .cart-section .coupon-code-container .button-checkbox label { text-align: left; margin-bottom: 0px; } #cart-page .cart-section .coupon-code-container .button-checkbox .content-displaying { visibility: hidden; position: relative; width: 100%; left: 0; top: 0px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #cart-page .cart-section .coupon-code-container .button-checkbox .content-displaying .input-vat { margin-left: 0; } #cart-page .cart-section .coupon-code-container .button-checkbox input[type="checkbox"]:checked+label, #cart-page .cart-section .coupon-code-container .button-checkbox input[type="radio"]:checked+label { display: block; text-align: left; margin-bottom: 0px; } #cart-page .cart-section .coupon-code-container .button-checkbox input[type="checkbox"]:checked~.content-displaying, #cart-page .cart-section .coupon-code-container .button-checkbox input[type="radio"]:checked~.content-displaying { visibility: visible; } #cart-page .cart-section~aside { -ms-flex-flow: column; flex-flow: column; width: 100% } #cart-page .cart-section~aside>div:first-of-type, #cart-page .cart-section~aside>div:last-of-type { margin: 0 auto; width: 100% } #cart-page .cart-section~aside>div:first-of-type>div>section, #cart-page .cart-section~aside>div:last-of-type>div>section { padding: 0; max-width: 320px; } #cart-page .cart-section~aside>div:last-of-type>div:first-of-type { padding: 0; max-width: 320px; } #cart-page .cart-section~aside>div>button { max-width: 320px; } #cart-page .cart-section header { width: calc(100%+60px); margin-left: -30px; padding: 30px 30px 18px 30px; margin-bottom: 20px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #cart-page .cart-section header>h1 { padding: 0; } #cart-page .cart-section header>a { margin-left: 16px; text-align: right; } #cart-page .cart-section~aside { overflow: visible; } #cart-page .cart-section~aside>div h1 { width: calc(100%+60px); margin: 0px 0px 20px -30px; padding: 30px 30px 26px 30px; background-color: #f2f2f2; } } @media only screen and (max-width: 720px) { #cart-page .cart-section table, #cart-page .cart-section~aside, #cart-page .cart-section aside { width: 100% } } @media only screen and (max-width: 650px) { #cart-page .cart-section table .product-summary__information .tags { display: none; } #cart-page .cart-section table .information.instore .product-summary__information { max-width: none; width: auto; } #cart-page .cart-section table tbody .cart__item:first-of-type { display: none; } #cart-page .cart-section table tbody .cart__item select, #cart-page .cart-section table tbody .cart__item .quantity-picker { display: none; } #cart-page .cart-section table tbody .license button, #cart-page .cart-section table tbody .instore-product button { display: -webkit-box; display: -ms-flexbox; display: flex; } #cart-page .cart-section table tbody .cart__item td:nth-of-type(2) { padding: 0; } #cart-page .cart-section table tbody .cart__item td:nth-of-type(4) { padding: 0; } #cart-page .cart-section table .content-displaying { -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #cart-page .cart-section table .content-displaying>div { margin: 0; } #cart-page .cart-section table .content-displaying>button { margin: 12px 0 30px 0; } #cart-page .cart-section table+div { -ms-flex-flow: column; flex-flow: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @-webkit-keyframes l-fade-in-background { 0% { background-color: rgba(255, 255, 255, 0); } 100% { background-color: white; } } @keyframes l-fade-in-background { 0% { background-color: rgba(255, 255, 255, 0); } 100% { background-color: white; } } @-webkit-keyframes l-move-from-left { 0%, 50% { -webkit-transform: translateX(-650px); transform: translateX(-650px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes l-move-from-left { 0%, 50% { -webkit-transform: translateX(-650px); transform: translateX(-650px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes l-move-from-top { 0%, 50% { -webkit-transform: translateY(-150px); transform: translateY(-150px); opacity: 0; } 100% { -webkit-transform: translateY(70) rotate(180deg); transform: translateY(70) rotate(180deg); opacity: 1; } } @keyframes l-move-from-top { 0%, 50% { -webkit-transform: translateY(-150px); transform: translateY(-150px); opacity: 0; } 100% { -webkit-transform: translateY(70) rotate(180deg); transform: translateY(70) rotate(180deg); opacity: 1; } } #cart-page .cart-section table .cart__item.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 760; height: calc(100%+58px); margin: -58px 0 -58px 0; padding: 58px 1.5rem 0rem 1.5rem; -webkit-animation: l-fade-in-background .1s; animation: l-fade-in-background .1s; background-color: #FFF; overflow-y: scroll; overflow-x: hidden; } #cart-page .cart-section table .cart__item.is-active.instore .amount { padding-left: 0; } #cart-page .cart-section table .cart__item.is-active td { border: none; -webkit-animation: l-move-from-left .5s; animation: l-move-from-left .5s; } #cart-page .cart-section table .cart__item.is-active td .btn-icon-data { position: absolute; top: 70px; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation: l-move-from-top .6s .1s; animation: l-move-from-top .6s .1s; } #cart-page .cart-section table .cart__item.is-active td.information { margin-top: 50px; padding-right: 0; } #cart-page .cart-section table .cart__item.is-active td.information button { display: none; } #cart-page .cart-section table .cart__item.is-active td.information .product-summary__information { max-width: none; width: 100%; line-height: 1.5; } #cart-page .cart-section table .cart__item.is-active td.information .product-summary__information>span { white-space: initial; } #cart-page .cart-section table .cart__item.is-active td.information .product-summary__information .tags { display: block; } #cart-page .cart-section table .cart__item.is-active td select { display: block; } #cart-page .cart-section table .cart__item.is-active td .quantity-picker { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; } #cart-page .cart-section table .cart__item.is-active td .quantity-picker button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #cart-page .cart-section table .cart__item.is-active td.remove { width: 100% } #cart-page .cart-section table .cart__item.is-active td.remove>div { display: none; } #cart-page .cart-section table .cart__item.is-active td.remove ul { display: block; } } @media only screen and (max-width: 590px) { #cart-page .cart-section table .product-summary__information { max-width: 200px; } } @media only screen and (max-width: 490px) { #cart-page .cart-section table .product-summary__information { max-width: 190px; } #cart-page .coupon-code-container .content-displaying { -ms-flex-wrap: wrap; flex-wrap: wrap; } #cart-page .coupon-code-container .content-displaying>div, #cart-page .coupon-code-container .content-displaying>button { margin-bottom: 12px; } } @media only screen and (max-width: 480px) { #cart-page .cart-section header { width: calc(100%+30px); margin-left: -15px; padding: 30px 15px 18px 15px; margin-bottom: 20px; } #cart-page .cart-section table .product-summary__information { line-height: 1.2; max-width: 180px; } #cart-page .cart-section table .product-summary__information span { white-space: initial; } #cart-page .cart-section~aside { overflow: visible; } #cart-page .cart-section~aside>div h1 { width: calc(100%+30px); margin: 20px 0px 20px -15px; padding: 15px; background-color: #f2f2f2; } #cart-page .button-cart[icon] i:not(.icon-chevron-down) { display: block; } } @media only screen and (max-width: 450px) { #cart-page .cart-section table .product-summary__information { max-width: 170px; } #cart-page .cart-section tfoot .button-checkbox { max-width: 220px; } #cart-page .cart-section tfoot .button-checkbox>span { margin-right: 0; } #cart-page .cart-section tfoot .button-checkbox label span { white-space: normal; } #cart-page .cart-section tfoot .button-checkbox .content-displaying { float: left; visibility: hidden; margin-bottom: 0; } #cart-page .cart-section tfoot .button-checkbox .content-displaying>button { margin-bottom: 20px; } #cart-page .cart-section tfoot .button-checkbox .content-displaying select { font-size: 12px; margin-top: 0; } #cart-page .cart-section tfoot .button-checkbox input[type="checkbox"]:checked~.content-displaying, #cart-page .cart-section tfoot .button-checkbox input[type="radio"]:checked~.content-displaying { visibility: visible; } #cart-page .cart-section tfoot .button-checkbox input[type="checkbox"]:checked~.content-displaying label, #cart-page .cart-section tfoot .button-checkbox input[type="radio"]:checked~.content-displaying label { margin-bottom: 50px; } } @media only screen and (max-width: 430px) { #cart-page .cart-section table .product-summary__information { max-width: 150px; } } @media only screen and (max-width: 410px) { #cart-page .cart-section table .product-summary__information { max-width: 130px; } #cart-page .cart-section table #cb-taxes~label { white-space: initial; } } @media only screen and (max-width: 390px) { #cart-page .cart-section table .product-summary__information { max-width: 110px; } } @media only screen and (max-width: 380px) { #cart-page .cart-section table .product-summary__information { max-width: 100px; } #cart-page .cart-section, #cart-page .mobile-next-prev { max-width: 350px; } } @media only screen and (max-width: 370px) { #cart-page .cart-section table .product-summary__information { max-width: 90px; } #cart-page .cart-section, #cart-page .mobile-next-prev { max-width: 340px; } } @media only screen and (max-width: 360px) { #cart-page .cart-section, #cart-page .mobile-next-prev { max-width: 330px; } #cart-page .mobile-next-prev .button-cart { max-width: 145px; } #cart-page .mobile-next-prev .button-cart .button-cart-text-container { word-break: break-all; } } @media only screen and (max-width: 350px) { #cart-page { margin: 0; overflow: hidden; } #cart-page>div { display: block; } #cart-page>div>.button-cart.mobile-next { margin: 0 auto; } #cart-page .cart-section { margin: 0 auto; width: inherit; max-width: -webkit-min-content; max-width: -moz-min-content; max-width: min-content; } #cart-page .cart-section header { max-width: none; } #cart-page .cart-section header>p { padding-left: 16px; text-align: right; } #cart-page .cart-section>div table { max-width: inherit; } #cart-page .cart-section>div>div:last-of-type { max-width: none; } #cart-page .cart-section~aside { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; } } @media only screen and (max-width: 340px) { #cart-page .cart-section header { margin-left: -25px; width: calc(100%+50px); padding: 30px 25px 18px 25px; } #cart-page .cart .amount { padding: 6px 12px 6px 0px; } #cart-page .mobile-next { max-width: 290px; } #cart-page .mobile-next-prev, #cart-page .mobile-next-prev.place-order { max-width: inherit; } #cart-page .cart-section~aside { min-width: inherit; width: 100% } #cart-page .cart-section~aside>div>h1 { padding: 35px; } #cart-page .cart-section~aside>div:first-of-type, #cart-page .cart-section~aside>div:last-of-type { margin: 0 auto; width: inherit; } #cart-page .cart-section~aside>div:first-of-type>div, #cart-page .cart-section~aside>div:last-of-type>div { margin: 0 20px; width: auto; } #cart-page .cart-section~aside>div:first-of-type>div>section, #cart-page .cart-section~aside>div:last-of-type>div>section { max-width: 300px; } #cart-page .cart-section~aside>div:last-of-type>div:first-of-type { max-width: 300px; margin: 0 auto; } #cart-page .cart-section~aside>div>button { max-width: 300px; } } #page-myaccount-mymusic .playlistSwitch { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } #page-myaccount-mymusic .playlistSwitch>* { margin-top: 4px; margin-bottom: 4px; } #page-myaccount-mymusic .playlistSwitch>span { margin-right: 10px; white-space: nowrap; } #page-myaccount-mymusic .playlistInformation { margin-top: 12px; } #page-myaccount-mymusic .track-v2:not(:first-of-type) .track__rating>p { display: none; } @media only screen and (max-width: 920px) { #page-myaccount-mymusic .track-v2 { padding: 0.75rem; } #page-myaccount-mymusic .track-v2 .track__information { width: auto; } #page-myaccount-mymusic .track-v2 .track__actions { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } #page-myaccount-mymusic .track-v2 .track__actions .hint--bottom { color: #979797; } #page-myaccount-mymusic .track-v2 .track__actions .hint--bottom i { font-size: 20px; height: 20px; width: 20px; } #page-myaccount-mymusic .track-v2 .track__rating { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; width: 100%; text-align: left; margin-left: 46px; margin-top: 4px; } #page-myaccount-mymusic .track-v2 .track__rating .br-widget { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } #page-myaccount-subscription-settings form>div { margin-bottom: 15px; } #page-myaccount-subscription-settings form>div .button-checkbox.icon { width: auto; height: auto; } #page-myaccount-subscription-settings form>div .button-checkbox.icon label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; text-transform: inherit; font-size: 14px; width: auto; height: auto; } #page-myaccount-subscription-settings form>div .button-checkbox.icon label i { margin-right: 12px; } #page-myaccount-subscription-settings form>div .button-checkbox.icon label p { white-space: normal; text-align: left; text-transform: initial; font-size: 13px; line-height: 1.15; margin-bottom: 0; } .page_myaccount-referral-variables, .page-myaccount-referral, .page-myaccount-referral-see-more { /*\*/ --color-main: black; --color-reverse-main: white; --color-lite: #8E8E93; --color-blue: #183F6C; --background-color: #FFF; --background-color-dark: #FAFAFA; --font: "futurabook", Arial, sans-serif; --font-style: normal; --font-weight: 400; --font-size: 16px; --font-size-small: 14px; --font-size-big: 20px; --font-size-very-big: 40px; --line-height: 24px; --line-height-big: 27px; --font-size-h1: 50px; --line-height-h1: 55px; --font-size-h2: 30px; --line-height-h2: 40px; --font-size-h3: 20px; --line-height-h3: 27px; --cta-height: 40px; --cat-width: 220px; /*\*/ } @media only screen and (max-width: 1000px) { .page_myaccount-referral-variables, .page-myaccount-referral, .page-myaccount-referral-see-more { --font-size-h1: 30px; --line-height-h1: 33px; --font-size-h2: 20px; --line-height-h2: 27px; --font-size-h2-original: 30px; --line-height-h2-original: 40px; } } .page-myaccount-referral { font-size: var(--font-size); line-height: var(--line-height); color: var(--color-main); background: #FAFAFA; } @media only screen and (max-width: 1000px) { .page-myaccount-referral { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; background: white; } } .page-myaccount-referral__header { border-radius: 20px; background: #15dcf0; background: linear-gradient(150deg, #15dcf0 0%, #2c88b6 100%); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); height: 340px; width: 96%; color: var(--color-reverse-main); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 50px; margin-top: 30px; margin-right: auto; margin-left: auto; } @media only screen and (max-width: 1000px) { .page-myaccount-referral__header { background: white; box-shadow: none; border-radius: unset; width: 100%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; color: var(--color-reverse-main); -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-top: 30px; padding-bottom: 30px; margin-top: 0; margin-right: 0; margin-left: 0; background: linear-gradient(150deg, #15dcf0 0%, #2c88b6 100%); } } .page-myaccount-referral__header__title { font-size: var(--font-size-h2); line-height: var(--line-height-h2); margin: 0; text-align: center; } @media only screen and (max-width: 1000px) { .page-myaccount-referral__header__title { width: 100%; padding-left: 10px; padding-right: 10px; } } .page-myaccount-referral__header__subtitle { font-size: var(--font-size-h3); line-height: var(--line-height-h3); text-align: center; width: 800px; margin-top: 22px; margin-bottom: 0; } @media only screen and (max-width: 1000px) { .page-myaccount-referral__header__subtitle { font-size: var(--font-size); line-height: var(--line-height); width: 100%; padding-left: 10px; padding-right: 10px; } } .page-myaccount-referral__actions { background: #FFF; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 10px; max-width: 1060px; min-height: 360px; margin-left: auto; margin-right: auto; margin-top: -100px; padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 1380px) { .page-myaccount-referral__actions { margin-left: 36px; margin-right: 36px; } } @media only screen and (max-width: 1000px) { .page-myaccount-referral__actions { width: 100%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; margin: 0; padding: 0; box-shadow: none; border-radius: 0; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } .page-myaccount-referral__actions__code { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-bottom: 1px solid #E5E5E5; width: 100%; height: 50%; padding-bottom: 30px; } @media only screen and (max-width: 1000px) { .page-myaccount-referral__actions__code { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; border-bottom-style: none; margin-top: 15px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 0; padding: 20px; } } .page-myaccount-referral__actions__code__input { margin-top: 15px; border: 1px solid var(--color-lite); box-sizing: border-box; border-radius: 6px; width: 280px; height: 40px; padding-left: 15px; padding-right: 15px; } .page-myaccount-referral__actions__code__cta { margin-top: 15px; color: var(--color-reverse-main); text-transform: uppercase; width: 280px; height: 40px; } .page-myaccount-referral__actions__code__cta[disabled] { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .page-myaccount-referral__actions__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding-top: 30px; } @media only screen and (max-width: 1000px) { .page-myaccount-referral__actions__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 0; } } .page-myaccount-referral__actions__bottom__email { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-right: 1px solid #E5E5E5; width: 50% } @media only screen and (max-width: 1000px) { .page-myaccount-referral__actions__bottom__email { width: 100%; border-right: none; margin-top: 15px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 0; padding: 20px; } } .page-myaccount-referral__actions__bottom__email__input { margin-top: 15px; border: 1px solid var(--color-lite); box-sizing: border-box; border-radius: 6px; width: 280px; height: 40px; padding-left: 15px; padding-right: 15px; } .page-myaccount-referral__actions__bottom__email__error { width: 280px; color: #CE2E2E; } .page-myaccount-referral__actions__bottom__email__processing { margin-top: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 280px; } .page-myaccount-referral__actions__bottom__email__processing__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .page-myaccount-referral__actions__bottom__email__processing__icon .lds-ring { display: inline-block; position: relative; width: 28px; height: 28px; } .page-myaccount-referral__actions__bottom__email__processing__icon .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 22px; height: 22px; margin: 2px; border: 2px solid #7ED321; border-radius: 50%; -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #7ED321 transparent transparent transparent; } .page-myaccount-referral__actions__bottom__email__processing__icon .lds-ring div:nth-child(1) { -webkit-animation-delay: -0.45s; animation-delay: -0.45s; } .page-myaccount-referral__actions__bottom__email__processing__icon .lds-ring div:nth-child(2) { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .page-myaccount-referral__actions__bottom__email__processing__icon .lds-ring div:nth-child(3) { -webkit-animation-delay: -0.15s; animation-delay: -0.15s; } @keyframes lds-ring { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .page-myaccount-referral__actions__bottom__email__cta-container { width: 280px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 15px; } @media only screen and (max-width: 1000px) { .page-myaccount-referral__actions__bottom__email__cta-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .page-myaccount-referral__actions__bottom__email__cta-container__cta { color: var(--color-reverse-main); text-transform: uppercase; height: 40px; width: 280px; } @media only screen and (max-width: 1000px) { .page-myaccount-referral__actions__bottom__email__cta-container__cta { width: 280px; } } .page-myaccount-referral__actions__bottom__email__cta-container__cta[disabled] { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .page-myaccount-referral__actions__bottom__email__cta-container__email { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 50% } @media only screen and (max-width: 1000px) { .page-myaccount-referral__actions__bottom__email__cta-container__email { -ms-flex-pack: distribute; justify-content: space-around; width: 100%; margin-top: 18px; } } .page-myaccount-referral__actions__bottom__email__cta-container__email__gmail { width: 40px; height: 30px; background-image: url("https://images.jamendo.com/jamendolicensing/icon/gmail-grey-icon.webp"); background-size: cover; } .page-myaccount-referral__actions__bottom__email__cta-container__email__gmail:hover { background-image: url("https://images.jamendo.com/jamendolicensing/icon/gmail-color-icon.webp"); } .page-myaccount-referral__actions__bottom__email__cta-container__email__yahoo { width: 30px; height: 30px; background-image: url("https://images.jamendo.com/jamendolicensing/icon/yahoo-grey-icon.webp"); background-size: cover; } .page-myaccount-referral__actions__bottom__email__cta-container__email__yahoo:hover { background-image: url("https://images.jamendo.com/jamendolicensing/icon/yahoo-color-icon.webp"); } .page-myaccount-referral__actions__bottom__email__cta-container__email__outlook { width: 32px; height: 30px; background-image: url("https://images.jamendo.com/jamendolicensing/icon/outlook-grey-icon.webp"); background-size: cover; } .page-myaccount-referral__actions__bottom__email__cta-container__email__outlook:hover { background-image: url("https://images.jamendo.com/jamendolicensing/icon/outlook-color-icon.webp"); } .page-myaccount-referral__actions__bottom__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 50% } @media only screen and (max-width: 1000px) { .page-myaccount-referral__actions__bottom__link { width: 100%; margin-top: 15px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 0; padding: 20px; } } .page-myaccount-referral__actions__bottom__link__input { margin-top: 15px; border: 1px solid var(--color-lite); box-sizing: border-box; border-radius: 6px; width: 280px; height: 40px; padding-left: 15px; padding-right: 15px; } .page-myaccount-referral__actions__bottom__link__cta { margin-top: 15px; color: var(--color-reverse-main); text-transform: uppercase; width: 280px; height: 40px; } .page-myaccount-referral__actions__bottom__link__cta[disabled] { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .page-myaccount-referral__blocks { width: 100%; margin-top: 40px; padding-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 1000px) { .page-myaccount-referral__blocks { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .page-myaccount-referral__blocks__accepted { width: 522px; margin-right: 18px; } @media only screen and (max-width: 1300px) { .page-myaccount-referral__blocks__accepted { width: 45% } } .page-myaccount-referral__blocks__accepted__title { font-size: var(--font-size-big); line-height: var(--line-height-big); } @media only screen and (max-width: 1000px) { .page-myaccount-referral__blocks__accepted__title { display: none; } } .page-myaccount-referral__blocks__accepted__content { width: 100%; min-height: 500px; background: #FFF; margin-top: 16px; padding: 30px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 10px; } @media only screen and (max-width: 1000px) { .page-myaccount-referral__blocks__accepted__content { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; min-height: -webkit-fit-content; min-height: -moz-fit-content; min-height: fit-content; padding: 10px; } } .page-myaccount-referral__blocks__accepted__content__title { font-size: var(--font-size-h2); line-height: var(--line-height-h2); color: #66B6BE; text-align: center; } .page-myaccount-referral__blocks__accepted__content__subtitle { text-align: center; } .page-myaccount-referral__blocks__accepted__content__text { margin-top: 30px; height: 80px; } @media only screen and (max-width: 1000px) { .page-myaccount-referral__blocks__accepted__content__text { display: none; } } .page-myaccount-referral__blocks__accepted__content__list { margin-top: 20px; } @media only screen and (max-width: 1000px) { .page-myaccount-referral__blocks__accepted__content__list { display: none; } } .page-myaccount-referral__blocks__accepted__content__list__line { border-bottom: 1px solid #E5E5E5; padding-top: 15px; padding-bottom: 15px; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-myaccount-referral__blocks__accepted__content__list__line__left { max-width: 100% } .page-myaccount-referral__blocks__accepted__content__list__line__right { text-align: right; } .page-myaccount-referral__blocks__accepted__content__see-more { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100% } .page-myaccount-referral__blocks__accepted__content__see-more a { color: var(--color-main); cursor: pointer; } .page-myaccount-referral__blocks__pending { width: 522px; } @media only screen and (max-width: 1300px) { .page-myaccount-referral__blocks__pending { width: 45% } } .page-myaccount-referral__blocks__pending__title { font-size: var(--font-size-big); line-height: var(--line-height-big); } @media only screen and (max-width: 1000px) { .page-myaccount-referral__blocks__pending__title { display: none; } } .page-myaccount-referral__blocks__pending__content { width: 100%; min-height: 500px; background: #FFF; margin-top: 16px; padding: 30px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 10px; } @media only screen and (max-width: 1000px) { .page-myaccount-referral__blocks__pending__content { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; min-height: -webkit-fit-content; min-height: -moz-fit-content; min-height: fit-content; padding: 10px; } } .page-myaccount-referral__blocks__pending__content__title { font-size: var(--font-size-h2); line-height: var(--line-height-h2); color: #66B6BE; text-align: center; } .page-myaccount-referral__blocks__pending__content__subtitle { text-align: center; } .page-myaccount-referral__blocks__pending__content__text { margin-top: 30px; height: 80px; } @media only screen and (max-width: 1000px) { .page-myaccount-referral__blocks__pending__content__text { display: none; } } .page-myaccount-referral__blocks__pending__content__list { margin-top: 20px; } @media only screen and (max-width: 1000px) { .page-myaccount-referral__blocks__pending__content__list { display: none; } } .page-myaccount-referral__blocks__pending__content__list__line { border-bottom: 1px solid #E5E5E5; padding-top: 15px; padding-bottom: 15px; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-myaccount-referral__blocks__pending__content__list__line__right { color: var(--color-lite); } .page-myaccount-referral__blocks__pending__content__list__line__right__cta--disabled { cursor: no-drop; } .page-myaccount-referral__blocks__pending__content__see-more { margin-top: 30px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .page-myaccount-referral__blocks__pending__content__see-more a { color: var(--color-main); cursor: pointer; } .page-myaccount-referral__steps { padding-top: 40px; padding-bottom: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; background-color: white; } @media only screen and (max-width: 1000px) { .page-myaccount-referral__steps { margin-bottom: 0; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } .page-myaccount-referral__steps__title { font-size: var(--font-size-h3); line-height: var(--line-height-h3); margin: 0; } .page-myaccount-referral__steps__list { /**/ -ms-overflow-style: none; scrollbar-width: none; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; } .page-myaccount-referral__steps__list::-webkit-scrollbar { display: none; } @media only screen and (max-width: 1000px) { .page-myaccount-referral__steps__list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .page-myaccount-referral__steps__list__step { width: 33%; scroll-snap-align: start; -ms-flex-negative: 0; flex-shrink: 0; padding-left: 50px; padding-right: 50px; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: scale(1); transform: scale(1); transition: -webkit-transform 0.5s; transition: transform 0.5s; } @media only screen and (max-width: 1000px) { .page-myaccount-referral__steps__list__step { width: 100%; padding-bottom: 0; padding-left: 2%; padding-right: 2% } } .page-myaccount-referral__steps__list__step__number { margin-top: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 60px; width: 100% } @media only screen and (max-width: 1000px) { .page-myaccount-referral__steps__list__step__number { margin-top: 35px; } } .page-myaccount-referral__steps__list__step__number__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 60px; color: var(--color-main); border-radius: 30px; border: 1px solid var(--color-main); } .page-myaccount-referral__steps__list__step__title { font-size: var(--font-size-big); line-height: var(--line-height); color: var(--color-main); margin-bottom: 0; text-align: center; margin-top: 30px; margin-bottom: 25px; } .page-myaccount-referral__steps__list__step__text { color: var(--color-lite); font-size: var(--font-size); } .page-myaccount-referral__steps__bubble { display: none; } @media only screen and (max-width: 1000px) { .page-myaccount-referral__steps__bubble { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 12px; height: 12px; background: rgba(155, 155, 155, 0.3); text-decoration: none; border-radius: 50%; margin-left: 6px; margin-right: 6px; } .page-myaccount-referral__steps__bubble--current { background: #9B9B9B; } } .page-myaccount-referral__hr { width: 100%; background-color: white; } @media only screen and (max-width: 1000px) { .page-myaccount-referral__hr { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } } .page-myaccount-referral__hr__border { margin-left: auto; margin-right: auto; width: 33%; border-bottom: 1px solid var(--color-lite); } .page-myaccount-referral__faq { background-color: var(--background-color-dark); width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-flow: column; flex-flow: column; background-color: white; padding-top: 30px; padding-left: 30px; padding-right: 30px; } @media only screen and (max-width: 1000px) { .page-myaccount-referral__faq { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } } .page-myaccount-referral__faq__title { color: var(--color-main); font-size: var(--font-size-h2); line-height: var(--line-height-h2); text-transform: uppercase; text-align: center; padding-top: 40px; padding-bottom: 40px; margin: 0; } @media only screen and (max-width: 1000px) { .page-myaccount-referral__faq__title { font-size: var(--font-size-h1); line-height: var(--line-height-h1); } } .page-myaccount-referral__faq__questions-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 1000px) { .page-myaccount-referral__faq__questions-container { -ms-flex-flow: column; flex-flow: column; } } .page-myaccount-referral__faq__questions-container__questions { width: 70%; color: var(--color-main); margin-bottom: 50px; } @media only screen and (max-width: 1000px) { .page-myaccount-referral__faq__questions-container__questions { width: 100% } } .page-myaccount-referral__faq__questions-container__questions .button-checkbox { border-bottom: none; color: var(--color-main); } .page-myaccount-referral__faq__questions-container__cta-container { width: 30%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 5%; padding-right: 5%; padding-bottom: 5% } @media only screen and (max-width: 1000px) { .page-myaccount-referral__faq__questions-container__cta-container { border-left: 0; border-top: 7px solid var(--background-color); width: 100% } } .page-myaccount-referral__faq__questions-container__cta-container__text { font-size: var(--font-size-big); line-height: 44px; color: var(--color-main); } .page-myaccount-referral__faq__questions-container__cta-container__cta { color: var(--color-main); border: 1px solid var(--color-main); background-color: var(--color-reverse-main); text-transform: uppercase; min-height: var(--cta-height); min-width: var(--cat-width); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .page-myaccount-referral__terms { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; background-color: white; padding-bottom: 20px; } .page-myaccount-referral__terms__link { color: black !important; } .page-myaccount-referral__terms__link:hover { color: black; } .page-myaccount-referral-see-more { width: 100%; padding: 30px; } .page-myaccount-referral-see-more__header { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .page-myaccount-referral-see-more__header__back { position: absolute; left: 0px; top: 0px; background-image: url("https://images.jamendo.com/jamendolicensing/icon/back-icon-3.svg"); background-size: cover; width: 30px; height: 30px; cursor: pointer; } .page-myaccount-referral-see-more__header__text { font-size: var(--font-size-h2); line-height: var(--line-height-h2); } .page-myaccount-referral-see-more__header__text__span { color: #66B6BE; } .page-myaccount-referral-see-more__content { width: 100%; height: 80% } .page-myaccount-referral-see-more__content__text { margin-top: 30px; } .page-myaccount-referral-see-more__content__list { margin-top: 20px; overflow-y: auto; height: 80% } .page-myaccount-referral-see-more__content__list__line { border-bottom: 1px solid #E5E5E5; padding-top: 15px; padding-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-myaccount-referral-see-more__content__list__line__left { max-width: 60% } .page-myaccount-referral-see-more__content__list__line__right { text-align: right; } .page-myaccount-referral-see-more__content__list__line__right--lite { color: var(--color-lite); } #page-licensing-login .form-group.registrer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; } #page-licensing-login .form-group.registrer .button-checkbox.icon { margin-bottom: 10px; width: auto; } #page-licensing-login .form-group.registrer .button-checkbox.icon label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: auto; } #page-licensing-login .form-group.registrer .button-checkbox.icon label .icon { font-size: 22px; height: 22px; width: 22px; } #page-licensing-login .form-group.registrer .button-checkbox.icon label span { display: block; text-transform: initial; margin-left: 12px; font-size: 13px; text-align: left; line-height: 1.15; white-space: normal; } .landing-subscription hr { background-color: #66B6BE; border: 1px solid #66B6BE; border-radius: 7px 7px 7px 7px; height: 2px; width: 100%; margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 20px; } .landing-subscription h1 { text-transform: capitalize; } .landing-subscription h1 span { line-height: normal; } .landing-subscription__advantages { width: 100%; padding: 64px 5%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .landing-subscription__advantages__list i { margin-bottom: 35px; } .landing-subscription__advantages__list .triptych__heading { margin-bottom: 0rem; } .landing-subscription__advantages__list .triptych__heading .triptych__category { margin-bottom: 10px !important; color: black; text-align: left; text-transform: none; font-size: 20px; } @media only screen and (max-width: 992px) { .landing-subscription__advantages__list .triptych__heading .triptych__category { text-align: center; } } .landing-subscription__advantages__list .triptych__text { color: gray; font-size: 15px; } .landing-subscription .description { margin-top: 4rem; } .landing-subscription .description h1 { color: black; font-family: "futurademi", Arial, sans-serif, Arial, sans-serif; } .landing-subscription .description .triptych__category { color: black; font-family: "futurademi", Arial, sans-serif, Arial, sans-serif; } .landing-subscription section.section.container:before { display: none; } .landing-subscription .square { border-radius: 0 !important; } .landing-subscription .offer { display: block; width: 100%; margin: 0; } .landing-subscription .offer header { margin-bottom: 1rem; } .landing-subscription .offer header h2 { color: black; } .landing-subscription .offer header h3 { margin: 0px; } .landing-subscription .offer .products { background-color: #fbfbfb; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .landing-subscription .offer .products .offer__product { text-align: center; max-width: 300px; margin-top: 4rem; margin-bottom: 2rem; margin-left: 1.5rem; margin-right: 1.5rem; } .landing-subscription .offer .products .offer__product .body { background-color: white; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5); margin-bottom: 2rem; } .landing-subscription .offer .products .offer__product .body h4 { font-size: 14px; color: black; text-transform: uppercase; margin-bottom: 4px; } .landing-subscription .offer .products .offer__product .body .duration-btn { min-width: 100px; margin-left: -2.5px; margin-right: -2.5px; } .landing-subscription .offer .products .offer__product .body .button { background-color: #67b7bf; } .landing-subscription .offer .products .offer__product .body p { font-size: 12px; } .landing-subscription .offer .products .offer__product .body .price { border: none; color: black; font-size: 25px; font-weight: bold; margin-bottom: 2rem; } .landing-subscription .offer .products .offer__product .body .price .cross-price { margin-bottom: 1.5rem; min-height: 37px; } .landing-subscription .offer .products .offer__product .body .price .cross-price span { text-decoration: none; font-size: 14px; position: relative; color: gray; } .landing-subscription .offer .products .offer__product .body .price .cross-price span:before { content: " "; display: block; width: 110%; border-top: 1px solid gray; height: 11px; position: absolute; bottom: 0; left: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .landing-subscription .offer .products .offer__product .body .price .ht { color: black; font-size: 14px; } .landing-subscription .offer .products .offer__product .buy-btn { min-width: 200px; font-size: 16px; } @media (max-width: 767px) { .landing-subscription .offer .products .offer__product .buy-btn { margin-bottom: 2rem; } } @media (max-width: 767px) { .landing-subscription .offer .products .offer__product { margin: 0px; margin-left: auto; margin-right: auto; } } @media (max-width: 767px) { .landing-subscription .offer .products { display: block; } } .landing-subscription .offer .limit-offer { color: gray; font-size: 10px; text-align: center; padding-bottom: 50px; padding-left: 5px; background-color: #fbfbfb; } .landing-subscription .section-background h1 { font-size: 1.2rem; } .landing-subscription .offer-heading header h2 { font-size: 22px; border: 1px solid red; } .landing-subscription .banner-referral { margin-top: 60px; margin-bottom: 60px; border-radius: 20px; background: #15dcf0; background: linear-gradient(150deg, #15dcf0 0%, #2c88b6 100%); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); min-height: 300px; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: auto; margin-right: auto; padding-left: 10%; padding-right: 10%; padding-top: 30px; padding-bottom: 30px; } @media (max-width: 767px) { .landing-subscription .banner-referral { border-radius: 0; } } .landing-subscription .banner-referral__icon { width: 60px; height: 60px; background-image: url(https://images.jamendo.com/jamendolicensing/icon/gift-white.svg); background-repeat: no-repeat; background-size: 60px 60px; } .landing-subscription .banner-referral__title { font-size: 30px; line-height: 40px; text-align: center; margin-top: 30px; } .landing-subscription .banner-referral__text { font-size: 20px; line-height: 27px; margin-top: 30px; text-align: center; } .landing-subscription .banner-referral__cta { text-transform: uppercase; color: black; font-size: 16px; line-height: 21px; margin-top: 30px; background-color: white; text-decoration: none; cursor: pointer; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .banner-referral-subscription { border-radius: 20px; background: #15dcf0; background: linear-gradient(150deg, #15dcf0 0%, #2c88b6 100%); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); min-height: 300px; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: auto; margin-right: auto; padding-left: 10%; padding-right: 10%; padding-top: 30px; padding-bottom: 30px; } .banner-referral-subscription--dashboard { box-shadow: none; padding: 36px; min-height: 460px; } .banner-referral-subscription--dashboard .banner-referral-subscription__cta { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .banner-referral-subscription--pricing { margin-top: 60px; } .banner-referral-subscription--subscription { margin-top: 60px; margin-bottom: 60px; } @media (max-width: 767px) { .banner-referral-subscription { border-radius: 0; } .banner-referral-subscription--dashboard { border-radius: 20px; } } .banner-referral-subscription__icon { width: 60px; height: 60px; background-image: url(https://images.jamendo.com/jamendolicensing/icon/gift-white.svg); background-repeat: no-repeat; background-size: 60px 60px; } .banner-referral-subscription__title { font-size: 30px; line-height: 40px; text-align: center; margin-top: 30px; } .banner-referral-subscription__text { font-size: 20px; line-height: 27px; margin-top: 30px; text-align: center; } .banner-referral-subscription__cta { text-transform: uppercase; color: black !important; font-size: 16px; line-height: 21px; margin-top: 30px; background-color: white; text-decoration: none; cursor: pointer; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .banner-referral-subscription__cta:hover { color: black; text-decoration: none; } #page-licensing-paid .main { width: 100%; padding-bottom: 50px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); } #page-licensing-paid .main .cta-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -ms-flex-wrap: wrap; flex-wrap: wrap; } #page-licensing-paid .main .cta-container .cta { font-size: 16px; margin-bottom: 20px; } .catalog-landing { /*\*/ --color-main: black; --color-reverse-main: white; --color-lite: #8E8E93; --color-blue: #183F6C; --color-promote-subscription: #4a4a4a; --background-color: #FFF; --background-color-dark: #FAFAFA; --font: "futurabook", Arial, sans-serif; --font-bold: "futurabold", Arial, sans-serif; --font-style: normal; --font-weight: 400; --font-size: 16px; --font-size-small: 14px; --font-size-big: 20px; --font-size-very-big: 40px; --line-height: 24px; --line-height-big: 27px; --font-size-h1: 50px; --line-height-h1: 55px; --font-size-h2: 30px; --line-height-h2: 40px; --font-size-h3: 20px; --line-height-h3: 27px; --cta-height: 40px; --cat-width: 220px; --big-section-width: 86%; /*\*/ background-color: var(--background-color); font-family: var(--font); font-style: var(--font-style); font-weight: var(--font-weight); line-height: var(--line-height); } @media only screen and (max-width: 700px) { .catalog-landing { --font-size-h1: 30px; --line-height-h1: 33px; --font-size-h2: 20px; --line-height-h2: 27px; --font-size-h2-original: 30px; --line-height-h2-original: 40px; } } .catalog-landing__landing-catalog-promote-subscription { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; width: var(--big-section-width); position: relative; margin: -50px auto 20px; padding: 80px; background-color: var(--background-color); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); border-radius: 20px; font-family: "futurademi", Arial, sans-serif; } @media only screen and (max-width: 1500px) { .catalog-landing__landing-catalog-promote-subscription { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (max-width: 1000px) { .catalog-landing__landing-catalog-promote-subscription { padding: 50px; margin-top: -12px; } } @media only screen and (max-width: 767px) { .catalog-landing__landing-catalog-promote-subscription { -ms-flex-flow: column-reverse; flex-flow: column-reverse; margin-top: -60px; position: relative; padding: 40px; } } @media only screen and (max-width: 600px) { .catalog-landing__landing-catalog-promote-subscription { box-shadow: none; margin-top: 0px; padding: 40px 0; } } .catalog-landing__landing-catalog-promote-subscription__plan-container { width: 25%; max-width: 300px; padding: 25px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); border-radius: 20px; color: var(--color-main); font-size: 14px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 1500px) { .catalog-landing__landing-catalog-promote-subscription__plan-container { width: 33.33%; line-height: 20px; } } @media only screen and (max-width: 1000px) { .catalog-landing__landing-catalog-promote-subscription__plan-container { width: 40% } } @media only screen and (max-width: 768px) { .catalog-landing__landing-catalog-promote-subscription__plan-container { width: 70%; margin-bottom: 90px; } } @media only screen and (max-width: 375px) { .catalog-landing__landing-catalog-promote-subscription__plan-container { width: 100% } } .catalog-landing__landing-catalog-promote-subscription__plan-container h3 { font-family: var(--font-bold); font-size: 20px; margin-bottom: 6px; } .catalog-landing__landing-catalog-promote-subscription__plan-container span { display: inline-block; line-height: 1.2; } .catalog-landing__landing-catalog-promote-subscription__plan-container hr { border: none; height: 4px; width: 33.33%; margin: 10px 0 70px; background: linear-gradient(206.99deg, #F4CC00 10.11%, #F76F00 65.06%); } @media only screen and (max-width: 425px) { .catalog-landing__landing-catalog-promote-subscription__plan-container hr { margin: 30px 0; } } .catalog-landing__landing-catalog-promote-subscription__plan-container__price-part { margin-bottom: 50px; } @media only screen and (max-width: 425px) { .catalog-landing__landing-catalog-promote-subscription__plan-container__price-part { margin-bottom: 30px; } } .catalog-landing__landing-catalog-promote-subscription__plan-container__price-part__price-number { font-size: 30px; font-family: "futurabold", Arial, sans-serif; margin-bottom: 8px; } .catalog-landing__landing-catalog-promote-subscription__cta-part { width: 60%; color: var(--color-promote-subscription); font-size: 16px; } @media only screen and (max-width: 1500px) { .catalog-landing__landing-catalog-promote-subscription__cta-part { width: 55% } } @media only screen and (max-width: 1000px) { .catalog-landing__landing-catalog-promote-subscription__cta-part { width: 50% } } @media only screen and (max-width: 768px) { .catalog-landing__landing-catalog-promote-subscription__cta-part { width: 70% } } @media only screen and (max-width: 600px) { .catalog-landing__landing-catalog-promote-subscription__cta-part { width: 100%; text-align: center; } } .catalog-landing__landing-catalog-promote-subscription__cta-part h2 { font-size: 30px; font-family: "futurabold", Arial, sans-serif; margin-bottom: 36px; line-height: 33px; } .catalog-landing__landing-catalog-promote-subscription__cta-part p { margin-bottom: 36px; } @media only screen and (max-width: 768px) { .catalog-landing__landing-catalog-promote-subscription__cta-part button, .catalog-landing__landing-catalog-promote-subscription__cta-part a { position: absolute; bottom: 40px; width: 300px; left: 50%; margin-left: -150px; } } .catalog-landing__landing-catalog-seo-section { padding-bottom: 60px; } .catalog-landing__landing-catalog-seo-section__header { /**/ -ms-overflow-style: none; scrollbar-width: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #D1D1D6; height: 70px; width: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; } .catalog-landing__landing-catalog-seo-section__header::-webkit-scrollbar { display: none; } @media only screen and (max-width: 1230px) { .catalog-landing__landing-catalog-seo-section__header { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .catalog-landing__landing-catalog-seo-section__header__menu-selecter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; scroll-snap-align: start; -ms-flex-negative: 0; flex-shrink: 0; padding-left: 25px; padding-right: 25px; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: scale(1); transform: scale(1); transition: -webkit-transform 0.5s; transition: transform 0.5s; height: 100%; color: var(--color-lite); text-decoration: none; text-transform: uppercase; } .catalog-landing__landing-catalog-seo-section__header__menu-selecter:hover { color: var(--color-main); } .catalog-landing__landing-catalog-seo-section__header__menu-selecter--is-current { color: var(--color-main); border-bottom: 1px solid var(--color-main); } .catalog-landing__landing-catalog-seo-section__header__menu-selecter--is-current:hover { text-decoration: none; } .catalog-landing__landing-catalog-seo-section__container-featured__tracks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-flow: column wrap; flex-flow: column wrap; -ms-flex-line-pack: center; align-content: center; width: 100%; height: 300px; margin-top: 15px; } @media only screen and (max-width: 1268px) { .catalog-landing__landing-catalog-seo-section__container-featured__tracks { height: 495px; } } @media only screen and (max-width: 840px) { .catalog-landing__landing-catalog-seo-section__container-featured__tracks { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } } .catalog-landing__landing-catalog-seo-section__container-featured__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 40px; padding-top: 40px; } .catalog-landing__landing-catalog-seo-section__container-featured__footer__show-more { text-transform: uppercase; text-decoration: none; border: 1px solid var(--color-main); min-height: var(--cta-height); min-width: var(--cat-width); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; color: var(--color-main) !important; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog-landing__landing-catalog-seo-section__container-featured__footer__show-more:hover { color: var(--color-main); text-transform: uppercase; text-decoration: none; } .catalog-landing__landing-catalog-seo-section__container-picto { --margin-between-picto: 15px; --picto-width: 110px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .catalog-landing__landing-catalog-seo-section__container-picto__grid { -ms-overflow-style: none; scrollbar-width: none; overflow: hidden; overflow-x: scroll; display: grid; grid-auto-flow: column; grid-auto-columns: auto; justify-items: center; width: 100%; max-width: 1000px; max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; padding-top: 15px; color: var(--color-lite); } .catalog-landing__landing-catalog-seo-section__container-picto__grid::-webkit-scrollbar { display: none; } .catalog-landing__landing-catalog-seo-section__container-picto__grid__column { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media only screen and (max-width: 700px) { .catalog-landing__landing-catalog-seo-section__container-picto__grid__column { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: calc(var(--margin-between-picto) * 2+var(--picto-width) * 2); } } @media only screen and (max-width: 700px) { .catalog-landing__landing-catalog-seo-section__container-picto__grid__column--first { margin-left: var(--margin-between-picto); } } .catalog-landing__landing-catalog-seo-section__container-all { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100% } .catalog-landing__landing-catalog-seo-section__container-all__grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding-top: 15px; padding-left: 15px; padding-right: 15px; } .catalog-landing__landing-catalog-seo-section__container-all__grid__column { border-left: 1px solid #9B9B9B; padding-left: 30px; padding-right: 30px; margin-bottom: 30px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .catalog-landing__landing-catalog-seo-section__container-all__grid__column__title { color: var(--color-main); margin-bottom: 15px; } .catalog-landing__landing-catalog-seo-section__container-all__grid__column__list__element__link { color: var(--color-lite) !important; margin-bottom: 15px; text-decoration: none; } .catalog-landing__landing-catalog-seo-section__container-all__grid__column__list__element__link:hover { color: var(--color-main); text-decoration: none; cursor: pointer; } .catalog-landing__spotlights { padding-left: 20px; padding-right: 20px; } .catalog-landing__spotlights__title { color: black; font-size: 30px; line-height: 40px; margin-bottom: 30px; padding-left: 17px; } .catalog-landing__spotlights__container { position: relative; } .catalog-landing__spotlights__container .horizontal-scroll { padding-bottom: 5px; } .catalog-landing__spotlights__container .horizontal-scroll .item { border-radius: 0; margin-left: 7px; margin-right: 7px; } .catalog-landing__spotlights__container .horizontal-scroll .item .picto-and-info { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; padding-bottom: 10px; margin-top: 0; margin-bottom: 0; } .catalog-landing__spotlights__container .horizontal-scroll .item .picto-and-info__img-container { width: 270px; height: 270px; } @media only screen and (max-width: 768px) { .catalog-landing__spotlights__container .horizontal-scroll .item .picto-and-info__img-container { width: 150px; height: 150px; } } @media only screen and (max-width: 480px) { .catalog-landing__spotlights__container .horizontal-scroll .item .picto-and-info__img-container { width: 94px; height: 94px; } } .catalog-landing__spotlights__container .horizontal-scroll .item .picto-and-info__title { color: black; font-family: "futurademi", Arial, sans-serif; } .catalog-landing__spotlights__container__prev { position: absolute; top: 0px; left: 0px; width: 50px; height: 270px; background: rgba(0, 0, 0, 0.5); color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 768px) { .catalog-landing__spotlights__container__prev { height: 150px; } } @media only screen and (max-width: 480px) { .catalog-landing__spotlights__container__prev { height: 94px; } } .catalog-landing__spotlights__container__prev__icon { margin-left: -10px; font-size: 30px; } .catalog-landing__spotlights__container__next { position: absolute; top: 0px; right: 0px; width: 50px; height: 270px; background: rgba(0, 0, 0, 0.5); color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 768px) { .catalog-landing__spotlights__container__next { height: 150px; } } @media only screen and (max-width: 480px) { .catalog-landing__spotlights__container__next { height: 94px; } } .catalog-landing__spotlights__container__next__icon { margin-left: -10px; font-size: 30px; } .catalog-landing__landing-catalog-mission { margin-top: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 400px; padding-right: 5%; font-size: 20px; line-height: 43px; background-image: url("https://images.jamendo.com/jamendolicensing/landing/catalog/mission-d-xl.webp"); background-repeat: no-repeat; background-size: cover; } @media only screen and (max-width: 1680px) { .catalog-landing__landing-catalog-mission { background-image: url("https://images.jamendo.com/jamendolicensing/landing/catalog/mission-d-l.webp"); } } @media only screen and (max-width: 1366px) { .catalog-landing__landing-catalog-mission { background-image: url("https://images.jamendo.com/jamendolicensing/landing/catalog/mission-d-m.webp"); } } @media only screen and (max-width: 1024px) { .catalog-landing__landing-catalog-mission { background-image: url("https://images.jamendo.com/jamendolicensing/landing/catalog/mission-d-s.webp"); } } @media only screen and (max-width: 700px) { .catalog-landing__landing-catalog-mission { background-size: contain; background-image: url("https://images.jamendo.com/jamendolicensing/landing/catalog/mission-m.webp"); } } .catalog-landing__landing-catalog-mission__text { font-size: var(--font-size-big); max-width: 45%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .catalog-landing__landing-catalog-mission__text__title { color: var(--color-main); font-size: var(--font-size-h2); line-height: var(--line-height-h2); } @media only screen and (max-width: 700px) { .catalog-landing__landing-catalog-mission__text__title { font-size: var(--font-size-h2-original); line-height: var(--line-height-h2-original); } } .catalog-landing__landing-catalog-mission__text__strong { color: var(--color-blue); } @media only screen and (max-width: 700px) { .catalog-landing__landing-catalog-mission__text { max-width: 260px; font-size: 16px; line-height: 34px; text-align: center; } } .catalog-landing__numbers { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100% } .catalog-landing__numbers__bubble { display: none; } @media only screen and (max-width: 950px) { .catalog-landing__numbers__bubble { margin-bottom: 60px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 12px; height: 12px; background: rgba(155, 155, 155, 0.3); text-decoration: none; border-radius: 50%; margin-left: 6px; margin-right: 6px; } .catalog-landing__numbers__bubble--current { background: #9B9B9B; } } .catalog-landing__numbers__list { -ms-overflow-style: none; scrollbar-width: none; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; } .catalog-landing__numbers__list::-webkit-scrollbar { display: none; } @media only screen and (max-width: 950px) { .catalog-landing__numbers__list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .catalog-landing__numbers__list__element { padding-top: 160px; padding-bottom: 160px; scroll-snap-align: start; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 25px; margin-right: 25px; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: scale(1); transform: scale(1); transition: -webkit-transform 0.5s; transition: transform 0.5s; } @media only screen and (max-width: 950px) { .catalog-landing__numbers__list__element { width: 100%; padding-bottom: 60px; padding-top: 80px; padding-bottom: 20px; } } .catalog-landing__numbers__list__element__title { font-size: 40px; line-height: 30px; color: var(--color-blue); margin-bottom: 16px; } .catalog-landing__numbers__list__element__text { color: var(--color-main); font-size: var(--font-size-big); } .catalog-landing__plans { background-color: #DFEEEF; padding-top: 50px; padding-bottom: 50px; } .catalog-landing__plans__title { color: var(--color-main); font-size: var(--font-size-h2); line-height: var(--line-height-h2); text-align: center; padding-left: 30px; padding-right: 30px; } .catalog-landing__plans__text { margin-top: 40px; color: var(--color-main); text-align: center; width: 100%; padding-left: 30px; padding-right: 30px; } .catalog-landing__plans__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100% } .catalog-landing__plans__container__list { margin-top: 50px; color: var(--color-main); -ms-overflow-style: none; scrollbar-width: none; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; } .catalog-landing__plans__container__list::-webkit-scrollbar { display: none; } @media only screen and (max-width: 950px) { .catalog-landing__plans__container__list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 40px; } } .catalog-landing__plans__container__list__element { margin-left: 35px; margin-right: 35px; scroll-snap-align: start; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: scale(1); transform: scale(1); transition: -webkit-transform 0.5s; transition: transform 0.5s; } @media only screen and (max-width: 950px) { .catalog-landing__plans__container__list__element { width: 100% } } .catalog-landing__plans__container__list__element__container { background: #FFF; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); border-radius: 20px; width: 340px; height: 300px; padding: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: center; } @media only screen and (max-width: 950px) { .catalog-landing__plans__container__list__element__container { margin-left: auto; margin-right: auto; } } .catalog-landing__plans__container__list__element__container__title { text-transform: uppercase; margin-bottom: 0; } .catalog-landing__plans__container__list__element__container__price { font-weight: bold; font-size: 30px; line-height: 52px; } .catalog-landing__plans__container__list__element__cta { margin-top: 30px; margin-bottom: 4px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: 165px; margin-left: auto; margin-right: auto; } .catalog-landing__plans__container__bubble { margin-top: 50px; display: none; } @media only screen and (max-width: 950px) { .catalog-landing__plans__container__bubble { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 12px; height: 12px; background: rgba(155, 155, 155, 0.3); text-decoration: none; border-radius: 50%; margin-left: 6px; margin-right: 6px; } .catalog-landing__plans__container__bubble--current { background: #9B9B9B; } } .catalog-landing__landing-catalog-why { background-color: var(--background-color-dark); margin-bottom: 100px; } @media only screen and (max-width: 700px) { .catalog-landing__landing-catalog-why { margin-bottom: 50px; } } .catalog-landing__landing-catalog-why__title { color: var(--color-main); font-size: var(--font-size-h2); line-height: var(--line-height-h2); text-align: center; padding-top: 90px; margin-bottom: 90px; text-transform: capitalize; } @media only screen and (max-width: 700px) { .catalog-landing__landing-catalog-why__title { padding-top: 45px; margin-bottom: 45px; } } .catalog-landing__landing-catalog-why__text-image { width: 100%; padding-bottom: 115px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 700px) { .catalog-landing__landing-catalog-why__text-image { padding-bottom: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .catalog-landing__landing-catalog-why__text-image--right { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .catalog-landing__landing-catalog-why__text-image__text { width: 50%; padding-left: 7%; padding-right: 7% } @media only screen and (max-width: 700px) { .catalog-landing__landing-catalog-why__text-image__text { width: 100% } } .catalog-landing__landing-catalog-why__text-image__text__title { font-size: var(--font-size-h1); line-height: var(--line-height-h1); color: var(--color-main); margin-bottom: 30px; } .catalog-landing__landing-catalog-why__text-image__text__text { font-size: var(--font-size); color: var(--color-main); margin-bottom: 0; } .catalog-landing__landing-catalog-why__text-image__text__cta-container { margin-top: 26px; } @media only screen and (max-width: 700px) { .catalog-landing__landing-catalog-why__text-image__text__cta-container { text-align: center; margin-bottom: 26px; } } .catalog-landing__landing-catalog-why__text-image__text__cta-container__cta { min-height: var(--cta-height); min-width: var(--cat-width); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; text-transform: uppercase; border: 1px solid var(--color-main); color: var(--color-main) !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; cursor: pointer; } .catalog-landing__landing-catalog-why__text-image__text__cta-container__cta:hover { color: var(--color-main); text-decoration: none; } .catalog-landing__landing-catalog-why__text-image__image { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; padding-top: 11px; padding-bottom: 11px; background: var(--background-color); box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.5); } @media only screen and (max-width: 700px) { .catalog-landing__landing-catalog-why__text-image__image { padding: 0; } } .catalog-landing__landing-catalog-why__text-image__image img { max-width: 572px; max-height: 334px; } @media only screen and (max-width: 1100px) { .catalog-landing__landing-catalog-why__text-image__image img { max-width: 400px; } } @media only screen and (max-width: 700px) { .catalog-landing__landing-catalog-why__text-image__image img { max-width: 100%; max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; } } .catalog-landing__landing-catalog-why__text-image__image--right { border-radius: 20px 0 0 20px; padding-left: 11px; } .catalog-landing__landing-catalog-why__text-image__image--right img { border-radius: 20px 0 0 20px; } @media only screen and (max-width: 700px) { .catalog-landing__landing-catalog-why__text-image__image--right img { border-radius: unset; } } @media only screen and (max-width: 700px) { .catalog-landing__landing-catalog-why__text-image__image--right { padding-left: 0; border-radius: unset; } } .catalog-landing__landing-catalog-why__text-image__image--left { border-radius: 0 20px 20px 0; padding-right: 11px; } .catalog-landing__landing-catalog-why__text-image__image--left img { border-radius: 0 20px 20px 0; } @media only screen and (max-width: 700px) { .catalog-landing__landing-catalog-why__text-image__image--left img { border-radius: unset; } } @media only screen and (max-width: 700px) { .catalog-landing__landing-catalog-why__text-image__image--left { padding-right: 0; border-radius: unset; } } .catalog-landing__licensing__title { color: var(--color-main); font-size: var(--font-size-h2); line-height: var(--line-height-h2); text-align: center; } @media only screen and (max-width: 700px) { .catalog-landing__licensing__title { font-size: var(--font-size-h2-original); line-height: var(--line-height-h2-original); } } .catalog-landing__licensing__steps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-bottom: 50px; } @media only screen and (max-width: 700px) { .catalog-landing__licensing__steps { margin-bottom: 0; } } .catalog-landing__licensing__steps__list { -ms-overflow-style: none; scrollbar-width: none; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; } .catalog-landing__licensing__steps__list::-webkit-scrollbar { display: none; } @media only screen and (max-width: 700px) { .catalog-landing__licensing__steps__list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .catalog-landing__licensing__steps__list__step { width: 33%; scroll-snap-align: start; -ms-flex-negative: 0; flex-shrink: 0; padding-left: 50px; padding-right: 50px; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: scale(1); transform: scale(1); transition: -webkit-transform 0.5s; transition: transform 0.5s; } @media only screen and (max-width: 700px) { .catalog-landing__licensing__steps__list__step { width: 100%; padding-bottom: 0; } } .catalog-landing__licensing__steps__list__step__number { margin-top: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 60px; width: 100% } @media only screen and (max-width: 700px) { .catalog-landing__licensing__steps__list__step__number { margin-top: 35px; } } .catalog-landing__licensing__steps__list__step__number__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 60px; color: var(--color-main); border-radius: 30px; border: 1px solid var(--color-main); } .catalog-landing__licensing__steps__list__step__title { font-size: var(--font-size-big); line-height: var(--line-height); color: var(--color-main); margin-bottom: 0; text-align: center; margin-top: 30px; margin-bottom: 25px; } .catalog-landing__licensing__steps__list__step__text { color: var(--color-lite); font-size: var(--font-size); } .catalog-landing__licensing__steps__bubble { display: none; } @media only screen and (max-width: 700px) { .catalog-landing__licensing__steps__bubble { margin-bottom: 60px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 12px; height: 12px; background: rgba(155, 155, 155, 0.3); text-decoration: none; border-radius: 50%; margin-left: 6px; margin-right: 6px; } .catalog-landing__licensing__steps__bubble--current { background: #9B9B9B; } } .catalog-landing__licensing__subscription { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100% } .catalog-landing__licensing__subscription__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-flow: column; flex-flow: column; background: #15dcf0; background: linear-gradient(150deg, #15dcf0 0%, #2c88b6 100%); border-radius: 20px; width: 90%; min-height: 300px; margin-bottom: 120px; padding-top: 35px; padding-bottom: 35px; } @media only screen and (max-width: 700px) { .catalog-landing__licensing__subscription__content { border-radius: 0; width: 100% } } .catalog-landing__licensing__subscription__content__text { font-size: var(--font-size-very-big); line-height: 53px; color: var(--color-reverse-main); text-align: center; width: 70% } @media only screen and (max-width: 700px) { .catalog-landing__licensing__subscription__content__text { font-size: var(--font-size-h1); line-height: 40px; } } .catalog-landing__licensing__subscription__content__cta { color: var(--color-main); background-color: var(--color-reverse-main); text-transform: uppercase; min-height: var(--cta-height); min-width: var(--cat-width); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; cursor: pointer; } .catalog-landing__licensing__subscription__content__cta:hover { color: var(--color-main); text-decoration: none; } .catalog-landing__faq { background-color: var(--background-color-dark); width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-flow: column; flex-flow: column; } .catalog-landing__faq__title { color: var(--color-main); font-size: var(--font-size-h2); line-height: var(--line-height-h2); text-transform: uppercase; text-align: center; padding-top: 40px; padding-bottom: 40px; margin: 0; } @media only screen and (max-width: 700px) { .catalog-landing__faq__title { font-size: var(--font-size-h1); line-height: var(--line-height-h1); } } .catalog-landing__faq__questions-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 700px) { .catalog-landing__faq__questions-container { -ms-flex-flow: column; flex-flow: column; } } .catalog-landing__faq__questions-container__questions { width: 70%; color: var(--color-main); margin-bottom: 50px; } @media only screen and (max-width: 700px) { .catalog-landing__faq__questions-container__questions { width: 100% } } .catalog-landing__faq__questions-container__questions__questions-container { border: 1px solid blue; } .catalog-landing__faq__questions-container__cta-container { width: 30%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 5%; padding-right: 5%; padding-bottom: 5% } @media only screen and (max-width: 700px) { .catalog-landing__faq__questions-container__cta-container { border-left: 0; border-top: 7px solid var(--background-color); width: 100% } } .catalog-landing__faq__questions-container__cta-container__text { font-size: var(--font-size-big); line-height: 44px; color: var(--color-main); } .catalog-landing__faq__questions-container__cta-container__cta { color: var(--color-main); border: 1px solid var(--color-main); background-color: var(--color-reverse-main); text-transform: uppercase; min-height: var(--cta-height); min-width: var(--cat-width); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .catalog-landing__they-trust-us { margin-top: 80px; } .catalog-landing__they-trust-us .h1-grey-aspect { color: var(--color-main) !important; font-size: var(--font-size-h2) !important; line-height: var(--line-height-h2) !important; font-family: var(--font) !important; font-style: var(--font-style) !important; } .picto-and-info { margin-top: 15px; margin-bottom: 15px; cursor: pointer; width: var(--picto-width); height: 190px; background-color: var(--background-color); text-decoration: none; } .picto-and-info:hover { text-decoration: none; } @media only screen and (max-width: 700px) { .picto-and-info--right { margin-left: var(--margin-between-picto); } } .picto-and-info__img-container { width: var(--picto-width); height: var(--picto-width); background: var(--background-color); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .picto-and-info__img-container--square { border-radius: 0; box-shadow: none; background-color: var(--background-color-dark); } .picto-and-info__img-container--square__img { height: 100%; width: 100%; -webkit-filter: grayscale(0%); filter: grayscale(0%); } .picto-and-info__img-container__img { height: 60px; width: 60px; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .picto-and-info__img-container__img--spotlights { width: 100%; height: 100%; border-radius: 10px; -webkit-filter: none; filter: none; } .picto-and-info__title { margin-top: 14px; color: black; } .picto-and-info__subtitle { font-size: 14px; color: var(--color-lite); } .instore-landing { /*\*/ --color-main: black; --color-reverse-main: white; --color-lite: #8E8E93; --color-blue: #183F6C; --color-lite-blue: #66B6BE; --background-color: #FFF; --background-color-dark: #FAFAFA; --font: "futurabook", Arial, sans-serif; --font-style: normal; --font-weight: 400; --font-size: 16px; --font-size-small: 14px; --font-size-big: 20px; --font-size-very-big: 40px; --line-height: 24px; --font-size-h1: 50px; --line-height-h1: 55px; --font-size-h2: 30px; --line-height-h2: 40px; --font-size-h3: 20px; --line-height-h3: 27px; --cta-height: 40px; --cat-width: 220px; --radio-item-width: 275px; --radio-item-height: 275px; --max-screen-width: 1280px; /*\*/ background-color: var(--background-color); font-family: var(--font); font-style: var(--font-style); font-weight: var(--font-weight); line-height: var(--line-height); } @media only screen and (max-width: 700px) { .instore-landing { --font-size-big: 16px; --font-size-h1: 30px; --line-height-h1: 33px; --font-size-h2: 20px; --line-height-h2: 27px; --font-size-h2-original: 30px; --line-height-h2-original: 40px; } } .instore-landing__radios { max-width: var(--max-screen-width); margin-left: auto; margin-right: auto; margin-top: 15px; margin-bottom: 0; } @media only screen and (max-width: 1000px) { .instore-landing__radios { margin-top: 30px; } } .instore-landing__radios__header { margin-top: 30px; margin-bottom: 30px; margin-left: 10px; margin-right: 10px; } @media only screen and (max-width: 1000px) { .instore-landing__radios__header { margin-top: 24px; margin-bottom: 24px; } } .instore-landing__radios__header__text { text-align: center; color: var(--color-main); font-size: var(--font-size-h2); line-height: var(--line-height-h2); } @media only screen and (max-width: 1000px) { .instore-landing__radios__container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; /**/ width: 100%; -webkit-overflow-scrolling: auto; display: grid; grid-gap: calc(var(--gutter) / 2); grid-template-columns: 10px; grid-template-rows: minmax(116px, 1fr); grid-auto-flow: column; grid-auto-columns: calc(50% - var(--gutter) * 2); overflow-x: scroll; scroll-snap-type: x proximity; padding-bottom: calc(.75 * var(--gutter)); margin-bottom: calc(-.25 * var(--gutter)); } .instore-landing__radios__container:before, .instore-landing__radios__container:after { content: ''; width: 10px; } .instore-landing__radios__container.no-scrollbar { scrollbar-width: none; margin-bottom: 0; padding-bottom: 0; } .instore-landing__radios__container.no-scrollbar::-webkit-scrollbar { display: none; } .instore-landing__radios__container>li { scroll-snap-align: center; padding: calc(var(--gutter) / 2 * 1.5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px; } } @media only screen and (max-width: 1296px) { .instore-landing__radios__container__list { padding-left: 16px; } } @media only screen and (max-width: 1000px) { .instore-landing__radios__container__list { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: initial !important; } } .instore-landing__radios__container__list__item__title { width: 100%; height: 100%; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; text-align: center !important; font-size: 24px !important; text-shadow: none !important; } @media only screen and (max-width: 1000px) { .instore-landing__radios__container__list__item__title { font-size: 14px !important; line-height: 19px !important; text-transform: capitalize !important; } } @media only screen and (max-width: 1000px) { .instore-landing__radios__container__list__item { width: 116px !important; height: 116px !important; } } .instore-landing__radios__container__list__item>div:first-of-type>div:first-of-type { z-index: 0 !important; } .instore-landing__radios__container__list__item>div:first-of-type>div:nth-child(2) { background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 0%, #000 100%); background-size: 100% 90px; background-repeat: no-repeat; background-position-y: bottom; border-radius: 15px; } .instore-landing__radios__container__list__item a { padding-top: 10px !important; padding-bottom: 10px !important; padding-left: 3px !important; padding-right: 3px !important; } .instore-landing__radios__container__list__item a h2 { width: 100%; text-align: center !important; font-size: 24px !important; text-shadow: none !important; } @media only screen and (max-width: 1000px) { .instore-landing__radios__container__list__item a h2 { font-size: 14px !important; line-height: 19px !important; text-transform: capitalize !important; } } .instore-landing__radios__container__other { width: 100% } @media only screen and (max-width: 1000px) { .instore-landing__radios__container__other { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0px; } .instore-landing__radios__container__other input[type="checkbox"]~.licences-displaying { display: none; } .instore-landing__radios__container__other input[type="checkbox"]:checked~.licences-displaying { display: block; } } .instore-landing__radios__container__other__container { margin-top: 0px !important; } @media only screen and (max-width: 1000px) { .instore-landing__radios__container__other__container { margin-top: 0 !important; margin-bottom: 0 !important; } } @media only screen and (max-width: 1000px) { .instore-landing__radios__container__other__container__list { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .instore-landing__radios__container__other__container__list:first-child { margin-left: 8px; } } .instore-landing__radios__container__other__show-more { margin-top: 22px !important; border-radius: 30px !important; background-color: white !important; color: var(--color-lite-blue) !important; width: 50% } @media only screen and (max-width: 1000px) { .instore-landing__radios__container__other__show-more { margin-top: 0px !important; width: 100px; height: 100px; margin-left: 16px !important; margin-right: 16px !important; border-radius: 10px !important; padding: 4px !important; white-space: initial !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (max-width: 1000px) { .instore-landing__radios__container__other__show-more__icon { display: none !important; } } .instore-landing__radios__container__seo {} @media only screen and (max-width: 1000px) { .instore-landing__radios__container__seo { margin-left: 10px; margin-right: 10px; } } .instore-landing__radios__container__seo .tabs { margin-top: 30px; background: #FFF; border: 1px solid #8E8E93; box-sizing: border-box; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 42px; max-width: 50%; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; margin-left: auto; margin-right: auto; min-height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; } @media only screen and (max-width: 1000px) { .instore-landing__radios__container__seo .tabs { max-width: 70% } } @media only screen and (max-width: 800px) { .instore-landing__radios__container__seo .tabs { max-width: 80% } } @media only screen and (max-width: 660px) { .instore-landing__radios__container__seo .tabs { max-width: 100% } } .instore-landing__radios__container__seo .tabs li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; width: 33% !important; padding: 5px; min-height: 40px; } .instore-landing__radios__container__seo .tabs li:nth-child(2) { border-left: 1px solid #8E8E93; border-right: 1px solid #8E8E93; } .instore-landing__radios__container__seo .tabs li.is-active button { color: var(--color-main); text-decoration: none; } .instore-landing__radios__container__seo .tabs li.is-active button::before { display: none; } .instore-landing__radios__container__seo .tabs li button { font-size: var(--font-size) !important; padding: 0; margin: 0; } .instore-landing__radios__container__seo .tabs li button:after { content: "" !important; } .instore-landing__radios__container__seo .tabs-content a.main { color: var(--color-main) !important; } .instore-landing__why { clear: both; max-width: var(--max-screen-width); margin-top: 110px; margin-bottom: 110px; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 1300px) { .instore-landing__why { margin-left: 10px; margin-right: 10px; } } @media only screen and (max-width: 985px) { .instore-landing__why { margin-bottom: 50px; } } .instore-landing__why__title { color: var(--color-main); font-size: var(--font-size-h2); line-height: var(--line-height-h2); text-align: center; } .instore-landing__why__text { margin-top: 75px; color: var(--color-main); font-size: var(--font-size-big); line-height: 28px; text-align: center; } @media only screen and (max-width: 985px) { .instore-landing__why__text { margin-top: 22px; } } .instore-landing__why__list { margin-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } @media only screen and (max-width: 985px) { .instore-landing__why__list { max-width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 2px; } } .instore-landing__why__list__element { width: 33% } @media only screen and (max-width: 985px) { .instore-landing__why__list__element { margin: 20px; } } .instore-landing__why__list__element__icon { height: 90px; background-repeat: no-repeat; background-position: center; } .instore-landing__why__list__element__icon--pro-free { background-image: url(https://images.jamendo.com/jamendolicensing/icon/pro-free.svg); } .instore-landing__why__list__element__icon--new-music-every-week { background-image: url(https://images.jamendo.com/jamendolicensing/icon/new-music-every-week.svg); } .instore-landing__why__list__element__icon--no-ad { background-image: url(https://images.jamendo.com/jamendolicensing/icon/no-ad.svg); } .instore-landing__why__list__element__icon--fair-share { background-image: url(https://images.jamendo.com/jamendolicensing/icon/fair-share.svg); } .instore-landing__why__list__element__title { color: var(--color-main); font-size: var(--font-size-big); margin-top: 15px; text-align: center; } .instore-landing__products { padding-top: 60px; padding-bottom: 60px; background-color: var(--background-color-dark); } .instore-landing__products__header { max-width: var(--max-screen-width); margin-left: auto; margin-right: auto; } .instore-landing__products__header__title { color: var(--color-main); font-size: var(--font-size-h2); line-height: var(--line-height-h2); text-align: center; } .instore-landing__products__container { max-width: var(--max-screen-width); margin-left: auto; margin-right: auto; margin-top: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 1172px) { .instore-landing__products__container { max-width: 875px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (max-width: 680px) { .instore-landing__products__container { margin-top: 50px; } } .instore-landing__products__container__product { min-width: 280px; height: 400px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); border-radius: 8px; background-color: var(--background-color); padding: 40px 0px; text-align: center; margin-left: 6px; margin-right: 6px; margin-top: 20px; margin-bottom: 20px; } @media only screen and (max-width: 680px) { .instore-landing__products__container__product { width: 100%; min-height: 65px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; padding: 0; margin-top: 15px; margin-bottom: 0px; margin-left: 0; margin-right: 0; border-radius: 0px; } } .instore-landing__products__container__product__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 680px) { .instore-landing__products__container__product__top { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; margin-left: 12px; margin-right: 12px; padding-top: 20px; padding-bottom: 20px; cursor: pointer; } } .instore-landing__products__container__product__top__offer-heading { color: var(--color-main); font-size: var(--font-size-big); } @media only screen and (max-width: 680px) { .instore-landing__products__container__product__top__offer-heading { margin: 0 !important; text-align: left; width: 100% } .instore-landing__products__container__product__top__offer-heading>hr { display: none; } } @media only screen and (max-width: 680px) { .instore-landing__products__container__product__top__price-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 275px; } } .instore-landing__products__container__product__top__price-container__price { margin-top: 70px; color: var(--color-main); font-size: 26px; font-weight: bold; } @media only screen and (max-width: 680px) { .instore-landing__products__container__product__top__price-container__price { margin-top: 0; font-size: var(--font-size-big); margin-right: 5px; } } .instore-landing__products__container__product__top__price-container__price__span { font-weight: normal; } .instore-landing__products__container__product__top__price-container__icon { display: none; } @media only screen and (max-width: 680px) { .instore-landing__products__container__product__top__price-container__icon { display: block; } } .instore-landing__products__container__product__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 680px) { .instore-landing__products__container__product__bottom { display: none; margin-bottom: 20px; margin-left: 12px; margin-right: 12px; text-align: start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .instore-landing__products__container__product__bottom--open { display: -webkit-box; display: -ms-flexbox; display: flex; } } .instore-landing__products__container__product__bottom__price-year { margin-top: 20px; font-size: var(--font-size); } .instore-landing__products__container__product__bottom__cta { margin-top: 70px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; font-weight: bold; color: var(--color-reverse-main) !important; background: linear-gradient(270deg, #9FDCE0 0%, #66B6BE 64.9%); text-decoration: none; cursor: pointer; } .instore-landing__products__container__product__bottom__cta:hover { cursor: pointer; text-decoration: none; color: var(--color-reverse-main); } @media only screen and (max-width: 680px) { .instore-landing__products__container__product__bottom__cta { margin-top: 30px; margin-left: auto; margin-right: auto; } } .instore-landing__products__price-condition { width: 100%; margin-top: 30px; text-align: center; color: var(--color-lite); margin: 30px 0 0 0; } .instore-landing__products__chainstore { max-width: var(--max-screen-width); margin-left: auto; margin-right: auto; margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 25px 60px; background: linear-gradient(270deg, #9FDCE0 0%, #66B6BE 64.9%); border-radius: 15px; } @media only screen and (max-width: 1300px) { .instore-landing__products__chainstore { margin-left: 10px; margin-right: 10px; } } @media only screen and (max-width: 1060px) { .instore-landing__products__chainstore { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 700px) { .instore-landing__products__chainstore { margin-left: 0px; margin-right: 0px; border-radius: 0; } } .instore-landing__products__chainstore__title { color: var(--color-reverse-main); font-size: var(--font-size-h2); line-height: var(--line-height-h2); margin: 0; } .instore-landing__products__chainstore__text { color: var(--color-reverse-main); font-size: var(--font-size); } @media only screen and (max-width: 1060px) { .instore-landing__products__chainstore__text { margin-top: 30px; margin-bottom: 30px; } } .instore-landing__products__chainstore__cta { font-size: var(--font-size-small); text-transform: uppercase; background-color: var(--background-color); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--color-main); text-decoration: none; cursor: pointer; } .instore-landing__products__chainstore__cta:hover { color: var(--color-main); text-decoration: none; cursor: pointer; } .instore-landing__how-it-works { max-width: var(--max-screen-width); margin-left: auto; margin-right: auto; margin-top: 115px; } .instore-landing__how-it-works__header { margin-top: 85px; } .instore-landing__how-it-works__header__title { margin: 0; font-size: var(--font-size-h2); line-height: var(--line-height-h2); color: var(--color-main); text-align: center; } .instore-landing__how-it-works__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100% } .instore-landing__how-it-works__container__list { margin-top: 85px; -ms-overflow-style: none; scrollbar-width: none; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; } .instore-landing__how-it-works__container__list::-webkit-scrollbar { display: none; } @media only screen and (max-width: 950px) { .instore-landing__how-it-works__container__list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 50px; margin-left: 20px; margin-right: 20px; } } .instore-landing__how-it-works__container__list__element { max-width: 325px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; scroll-snap-align: start; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: scale(1); transform: scale(1); transition: -webkit-transform 0.5s; transition: transform 0.5s; } @media only screen and (max-width: 950px) { .instore-landing__how-it-works__container__list__element { max-width: 100%; width: 100%; padding-bottom: 60px; } } .instore-landing__how-it-works__container__list__element__icon { height: 70px; width: 100%; background-repeat: no-repeat; background-position: center; } .instore-landing__how-it-works__container__list__element__icon--choose-plan { background-image: url(https://images.jamendo.com/jamendolicensing/icon/choose-plan.svg); } .instore-landing__how-it-works__container__list__element__icon--access-radios { background-image: url(https://images.jamendo.com/jamendolicensing/icon/access-radios.svg); } .instore-landing__how-it-works__container__list__element__icon--enjoy-radios { background-image: url(https://images.jamendo.com/jamendolicensing/icon/enjoy-radios.svg); } .instore-landing__how-it-works__container__list__element__title { color: var(--color-main); font-size: 24px; line-height: 32px; text-align: center; margin-top: 15px; min-height: 50px; } .btn-icon .icon+.icon, .btn-pill .icon+.icon, .is-on.btn-icon .icon, .is-on.btn-pill .icon, .is-toggled.btn-icon .icon, .is-toggled.btn-pill .icon { display: none } .is-on.btn-icon .icon+.icon, .is-on.btn-pill .icon+.icon, .is-toggled.btn-icon .icon+.icon, .is-toggled.btn-pill .icon+.icon { display: inline } .is-on.btn-icon, .is-on.btn-icon:hover, .is-on.btn-pill, .is-on.btn-pill:hover { color: } .btn-social:after, .btn:after { z-index: -3 } .btn-social.is-active:after, .btn.btn--lg.is-active:after { -webkit-animation: btn-lg-active-outer .8s linear; animation: btn-lg-active-outer .8s linear } .btn-icon { width: 32px; height: 48px } .btn-icon::-moz-focus-inner { border: 0; outline: 0 } .btn-icon .icon { display: inline; line-height: 48px } .btn-icon .notification-count { padding: 3px; color: #FFF; position: absolute; top: 8px; right: 4px; background-color:; border-radius: 2px; text-align: center; line-height: 1 } .btn-icon:after { background-color: #737373 } .btn-icon.btn--overlay.is-active:after, .btn-pill:after { background-color: #FFF } .btn-icon.is-active:after { border-radius: 100%; opacity: 0; filter: alpha(opacity=0); margin: -28px 0 0 -28px; height: 56px; width: 56px; z-index: -2; content: ""; -webkit-animation: btn-icon-is-active .8s linear; animation: btn-icon-is-active .8s linear } @-webkit-keyframes btn-icon-is-active { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0) } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: .2; filter: alpha(opacity=20) } 100% { opacity: 0; filter: alpha(opacity=0) } } @keyframes btn-icon-is-active { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0) } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: .2; filter: alpha(opacity=20) } 100% { opacity: 0; filter: alpha(opacity=0) } } .btn-like { height: 32px; padding: 0 16px } .btn-like .icon { margin-right: 8px } .btn-like.is-on { color: } .btn-link { color: #262626; text-decoration: underline; line-height: 1; padding: 18px 12px } .author a, .btn-secondary-menu { text-decoration: none } .btn-link:hover { color: #000 } .btn-link.btn--brand { color: } .btn-link.btn--brand:hover { color: #d20036 } .btn-link.is-disabled, .btn-link[disabled] { color: #bfbfbf !important; pointer-events: none } .btn-link.is-disabled:hover, .btn-link[disabled]:hover { color: #bfbfbf !important; cursor: not-allowed } .button-checkbox label, .player-volume input[type=range]:hover, .range input[type=range]:hover, .social-cta { cursor: pointer } .btn-pill { width: 48px; height: 48px } .btn-pill:after, .btn-pill:before { border-radius: 24px; top: 2px; right: 2px; bottom: 2px; left: 2px } .btn-pill:after { z-index: -1; -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0) } .btn-pill .icon { display: inline; line-height: 48px } .btn-pill.btn--sm:after, .btn-pill.btn--sm:before { top: 12px; right: 12px; bottom: 12px; left: 12px } .btn-pill.btn--xs:after, .btn-pill.btn--xs:before { top: 16px; right: 16px; bottom: 16px; left: 16px } .btn-social:after, .btn-social:before { top: 8px; bottom: 8px; left: 0; right: 0 } .btn-pill.btn--xs .icon { font-size: 8px } .btn-pill.btn--hybrid { width: auto; padding: 0 16px } .btn-pill.btn--hybrid span { line-height: 48px; vertical-align: top; margin-left: 6px } .btn-social { padding: 8px 0 } .btn-social>div { padding: 8px 10px } .btn-social>div:first-child { line-height: 1; border-right: 1px solid #FFF; color: #FFF } .btn-social>div:last-child { width: 100% } .btn-social:after { background-color: #737373 } .social-cta { width: 180px; height: 43px; background-size: cover; background-color: #FFF; border-radius: 5px } .icon-donation, .logo { background-repeat: no-repeat; background-size: contain } .btn.btn--discreet--tag:before, .btn.btn--discreet:before { background-color: #bfbfbf } .btn.btn--discreet--tag:after, .btn.btn--discreet:after { background-color: transparent } .btn.btn--discreet--tag:active:before, .btn.btn--discreet--tag:hover:before, .btn.btn--discreet:active:before, .btn.btn--discreet:hover:before { background-color: #999 } .btn-icon.btn--discreet, .btn-icon.btn--discreet:link, .btn-icon.btn--discreet:visited, .btn-like, .btn-like:link, .btn-like:visited { color: #999 } .btn-icon.btn--discreet:active, .btn-icon.btn--discreet:hover, .btn-like:active, .btn-like:hover { color: } .btn.btn--discreet--tag.selected:before, .btn.btn--discreet--tag:active:before, .btn.btn--discreet--tag:hover:before { background-color: #bfbfbf } .btn-icon .icon+.icon, .btn-pill .icon+.icon, .is-on.btn-icon .icon, .is-on.btn-pill .icon, .is-toggled.btn-icon .icon, .is-toggled.btn-pill .icon { display: none } .is-on.btn-icon .icon+.icon, .is-on.btn-pill .icon+.icon, .is-toggled.btn-icon .icon+.icon, .is-toggled.btn-pill .icon+.icon { display: inline } .is-on.btn-icon, .is-on.btn-icon:hover, .is-on.btn-pill, .is-on.btn-pill:hover { color: } .icon-add:before { content: "" } .icon-add-to-playlist:before { content: "" } .icon-add-to-queue:before { content: "" } .icon-alert-full:before { content: "" } .icon-alert-line:before { content: "" } .icon-archive:before { content: "" } .icon-arrow-bullet:before { content: "" } .icon-breadcrumb:before { content: "" } .icon-camera:before { content: "" } .icon-cart:before { content: "" } .icon-cart-new:before { content: "" } .icon-cart-new2:before { content: "" } .icon-cart-new-add:before { content: "" } .icon-cc:before { content: "" } .icon-cc-by:before { content: "" } .icon-cc-nc:before { content: "" } .icon-cc-nd:before { content: "" } .icon-cc-sa:before { content: "" } .icon-certificate:before { content: "" } .icon-check:before { content: "" } .icon-checkbox-checked-bordered:before { content: "" } .icon-checkbox-checked-plain:before { content: "" } .icon-checkbox-unchecked:before { content: "" } .icon-chevron-down:before { content: "" } .icon-chevron-left:before { content: "" } .icon-chevron-new2:before { content: "" } .icon-chevron-right:before { content: "" } .icon-chevron-up:before { content: "" } .icon-clockwise:before { content: "" } .icon-close:before { content: "" } .icon-comment:before { content: "" } .icon-copy:before { content: "" } .icon-counterclockwise:before { content: "" } .icon-credit-card-back:before { content: "" } .icon-credit-card-front:before { content: "" } .icon-cross-delete:before { content: "" } .icon-date:before { content: "" } .icon-download:before { content: "" } .icon-download-thin:before { content: "" } .icon-duration:before { content: "" } .icon-edit:before { content: "" } .icon-error-4xx:before { content: "" } .icon-error-5xx:before { content: "" } .icon-external-link:before { content: "" } .icon-facebook:before { content: "" } .icon-filter:before { content: "" } .icon-flag:before { content: "" } .icon-follow:before { content: "" } .icon-globe:before { content: "" } .icon-google:before { content: "" } .icon-go-to:before { content: "" } .icon-handle:before { content: "" } .icon-heart:before { content: "" } .icon-heart-on:before { content: "" } .icon-hexagon:before { content: "" } .icon-hexagon-mask:before { content: "" } .icon-hexagon-on:before { content: "" } .icon-history:before { content: "" } .icon-home:before { content: "" } .icon-info-full-new2:before { content: "" } .icon-info-new2:before { content: "" } .icon-information:before { content: "" } .icon-instagram:before { content: "" } .icon-licence-l:before { content: "" } .icon-licence-p:before { content: "" } .icon-licence-std:before { content: "" } .icon-link:before { content: "" } .icon-linkedin:before { content: "" } .icon-lock:before { content: "" } .icon-mail:before { content: "" } .icon-menu:before { content: "" } .icon-menu-secondary:before { content: "" } .icon-menu-tradingdesk:before { content: "" } .icon-messenger:before { content: "" } .icon-music-note:before { content: "" } .icon-mute:before { content: "" } .icon-my-music-tradingdesk:before { content: "" } .icon-my-music-tradingdesk2:before { content: "" } .icon-next:before { content: "" } .icon-pause:before { content: "" } .icon-pdf:before { content: "" } .icon-phone:before { content: "" } .icon-picture:before { content: "" } .icon-play:before { content: "" } .icon-playlist-access:before { content: "" } .icon-play-next:before { content: "" } .icon-previous:before { content: "" } .icon-queue:before { content: "" } .icon-queue-access:before { content: "" } .icon-radio-checked-chevron:before { content: "" } .icon-radio-checked-chevron-plain:before { content: "" } .icon-radio-checked-round:before { content: "" } .icon-radio-unchecked:before { content: "" } .icon-reddit:before { content: "" } .icon-refine:before { content: "" } .icon-remove:before { content: "" } .icon-remove-from-playlist:before { content: "" } .icon-repeat:before { content: "" } .icon-repeat-one:before { content: "" } .icon-repost:before { content: "" } .icon-sad:before { content: "" } .icon-search:before { content: "" } .icon-send:before { content: "" } .icon-share:before { content: "" } .icon-share-video:before { content: "" } .icon-shuffle:before { content: "" } .icon-similar:before { content: "" } .icon-sort:before { content: "" } .icon-sound:before { content: "" } .icon-streaming:before { content: "" } .icon-thumbs-down:before { content: "" } .icon-thumbs-up:before { content: "" } .icon-too-old:before { content: "" } .icon-trash:before { content: "" } .icon-twitter:before { content: "" } .icon-undo:before { content: "" } .icon-user:before { content: "" } .icon-user-new2:before { content: "" } .icon-video:before { content: "" } .icon-vk:before { content: "" } .icon-volume:before { content: "" } .icon-warning:before { content: "" } .icon-wrong:before { content: "" } .icon-youtube:before { content: "" } .icon-apple:before { content: "" } .icon-add-to-playlist-s:before { content: "" } .icon-add-to-queue-s:before { content: "" } .icon-close-s:before { content: "" } .icon-comment-s:before { content: "" } .icon-date-s:before { content: "" } .icon-download-s:before { content: "" } .icon-duration-s:before { content: "" } .icon-external-link-s:before { content: "" } .icon-flag-s:before { content: "" } .icon-follow-s:before { content: "" } .icon-handle-s:before { content: "" } .icon-heart-on-s:before { content: "" } .icon-lock-s:before { content: "" } .icon-menu-secondary-s:before { content: "" } .icon-pause-s:before { content: "" } .icon-picture-s:before { content: "" } .icon-playlist-access-s:before { content: "" } .icon-queue-access-s:before { content: "" } .icon-repost-s:before { content: "" } .icon-send-s:before { content: "" } .icon-share-s:before { content: "" } .icon-sort-s:before { content: "" } .icon-thumbs-down-s:before { content: "" } .icon-thumbs-up-s:before { content: "" } .icon-play-s:before { content: "" } .icon-user-s:before { content: "" } .icon-data-add:before { content: "" } .icon-data-add-to-playlist:before { content: "" } .icon-data-add-to-queue:before { content: "" } .icon-data-alert-full:before { content: "" } .icon-data-alert-line:before { content: "" } .icon-data-archive:before { content: "" } .icon-data-arrow-bullet:before { content: "" } .icon-data-breadcrumb:before { content: "" } .icon-data-camera:before { content: "" } .icon-data-cart:before { content: "" } .icon-data-cart-new:before { content: "" } .icon-data-cart-new2:before { content: "" } .icon-data-cart-new-add:before { content: "" } .icon-data-cc:before { content: "" } .icon-data-cc-by:before { content: "" } .icon-data-cc-nc:before { content: "" } .icon-data-cc-nd:before { content: "" } .icon-data-cc-sa:before { content: "" } .icon-data-certificate:before { content: "" } .icon-data-check:before { content: "" } .icon-data-checkbox-checked-bordered:before { content: "" } .icon-data-checkbox-checked-plain:before { content: "" } .icon-data-checkbox-unchecked:before { content: "" } .icon-data-chevron-down:before { content: "" } .icon-data-chevron-left:before { content: "" } .icon-data-chevron-new2:before { content: "" } .icon-data-chevron-right:before { content: "" } .icon-data-chevron-up:before { content: "" } .icon-data-clockwise:before { content: "" } .icon-data-close:before { content: "" } .icon-data-comment:before { content: "" } .icon-data-copy:before { content: "" } .icon-data-counterclockwise:before { content: "" } .icon-data-credit-card-back:before { content: "" } .icon-data-credit-card-front:before { content: "" } .icon-data-cross-delete:before { content: "" } .icon-data-date:before { content: "" } .icon-data-download:before { content: "" } .icon-data-download-thin:before { content: "" } .icon-data-duration:before { content: "" } .icon-data-edit:before { content: "" } .icon-data-error-4xx:before { content: "" } .icon-data-error-5xx:before { content: "" } .icon-data-external-link:before { content: "" } .icon-data-facebook:before { content: "" } .icon-data-filter:before { content: "" } .icon-data-flag:before { content: "" } .icon-data-follow:before { content: "" } .icon-data-globe:before { content: "" } .icon-data-google:before { content: "" } .icon-data-go-to:before { content: "" } .icon-data-handle:before { content: "" } .icon-data-heart:before { content: "" } .icon-data-heart-on:before { content: "" } .icon-data-hexagon:before { content: "" } .icon-data-hexagon-mask:before { content: "" } .icon-data-hexagon-on:before { content: "" } .icon-data-history:before { content: "" } .icon-data-home:before { content: "" } .icon-data-info-full-new2:before { content: "" } .icon-data-info-new2:before { content: "" } .icon-data-information:before { content: "" } .icon-data-instagram:before { content: "" } .icon-data-licence-l:before { content: "" } .icon-data-licence-p:before { content: "" } .icon-data-licence-std:before { content: "" } .icon-data-link:before { content: "" } .icon-data-linkedin:before { content: "" } .icon-data-lock:before { content: "" } .icon-data-mail:before { content: "" } .icon-data-menu:before { content: "" } .icon-data-menu-secondary:before { content: "" } .icon-data-menu-tradingdesk:before { content: "" } .icon-data-messenger:before { content: "" } .icon-data-music-note:before { content: "" } .icon-data-mute:before { content: "" } .icon-data-my-music-tradingdesk:before { content: "" } .icon-data-my-music-tradingdesk2:before { content: "" } .icon-data-next:before { content: "" } .icon-data-pause:before { content: "" } .icon-data-pdf:before { content: "" } .icon-data-phone:before { content: "" } .icon-data-picture:before { content: "" } .icon-data-play:before { content: "" } .icon-data-playlist-access:before { content: "" } .icon-data-play-next:before { content: "" } .icon-data-previous:before { content: "" } .icon-data-queue:before { content: "" } .icon-data-queue-access:before { content: "" } .icon-data-radio-checked-chevron:before { content: "" } .icon-data-radio-checked-chevron-plain:before { content: "" } .icon-data-radio-checked-round:before { content: "" } .icon-data-radio-unchecked:before { content: "" } .icon-data-reddit:before { content: "" } .icon-data-refine:before { content: "" } .icon-data-remove:before { content: "" } .icon-data-remove-from-playlist:before { content: "" } .icon-data-repeat:before { content: "" } .icon-data-repeat-one:before { content: "" } .icon-data-repost:before { content: "" } .icon-data-sad:before { content: "" } .icon-data-search:before { content: "" } .icon-data-send:before { content: "" } .icon-data-share:before { content: "" } .icon-data-share-video:before { content: "" } .icon-data-shuffle:before { content: "" } .icon-data-similar:before { content: "" } .icon-data-sort:before { content: "" } .icon-data-sound:before { content: "" } .icon-data-streaming:before { content: "" } .icon-data-thumbs-down:before { content: "" } .icon-data-thumbs-up:before { content: "" } .icon-data-too-old:before { content: "" } .icon-data-trash:before { content: "" } .icon-data-twitter:before { content: "" } .icon-data-undo:before { content: "" } .icon-data-user:before { content: "" } .icon-data-user-new2:before { content: "" } .icon-data-video:before { content: "" } .icon-data-vk:before { content: "" } .icon-data-volume:before { content: "" } .icon-data-warning:before { content: "" } .icon-data-wrong:before { content: "" } .icon-data-youtube:before { content: "" } .icon-data-apple:before { content: "" } .icon-data-add-to-playlist-s:before { content: "" } .icon-data-add-to-queue-s:before { content: "" } .icon-data-close-s:before { content: "" } .icon-data-comment-s:before { content: "" } .icon-data-date-s:before { content: "" } .icon-data-download-s:before { content: "" } .icon-data-duration-s:before { content: "" } .icon-data-external-link-s:before { content: "" } .icon-data-flag-s:before { content: "" } .icon-data-follow-s:before { content: "" } .icon-data-handle-s:before { content: "" } .icon-data-heart-on-s:before { content: "" } .icon-data-lock-s:before { content: "" } .icon-data-menu-secondary-s:before { content: "" } .icon-data-pause-s:before { content: "" } .icon-data-picture-s:before { content: "" } .icon-data-playlist-access-s:before { content: "" } .icon-data-queue-access-s:before { content: "" } .icon-data-repost-s:before { content: "" } .icon-data-send-s:before { content: "" } .icon-data-share-s:before { content: "" } .icon-data-sort-s:before { content: "" } .icon-data-thumbs-down-s:before { content: "" } .icon-data-thumbs-up-s:before { content: "" } .icon-data-play-s:before { content: "" } .icon-data-user-s:before { content: "" } .icon[class$="-s"] { font-size: 12px; width: 12px; height: 12px } .icon--24 { font-size: 24px; width: 24px; height: 24px } .icon--32 { font-size: 32px; width: 32px; height: 32px } .icon--48 { font-size: 48px; width: 48px; height: 48px } .icon--72 { font-size: 72px; width: 72px; height: 72px } .btn.btn--bordered:before { border-width: 1px; border-style: solid; background-color: transparent; } .btn.btn--bordered:before { border-color: #262626; } .btn:before { top: 12px; right: 0; bottom: 12px; left: 0; } .btn-fixed_btn:before, .btn-pill:before, .btn:before, .highlighted:before { background-color: #262626; } .btn-fixed_btn:after, .btn-fixed_btn:before, .btn-pill:after, .btn-pill:before, .btn-social:after, .btn-social:before, .btn-tag:before, .btn:after, .btn:before, .highlighted:before { position: absolute; z-index: -2; content: ""; } .icon-menu-secondary:before { content: ":"; font-size: 20px; font-weight: 900; } .icon-play-s:before { content: "▶"; } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } 646464; margin: 2px 10px; padding: 5px 0px 5px 10px; } .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in.white-rounded-shadow ul li a:hover { background-color: #ebebeb; } .button-checkbox.pop-in-expand input[type="checkbox"], .button-checkbox.pop-in-expand input[type="radio"] { display: none; } .button-checkbox.pop-in-expand input[type="checkbox"]:checked+label, .button-checkbox.pop-in-expand input[type="radio"]:checked+label { color: #67b7bf; } .button-checkbox.pop-in-expand input[type="checkbox"]:checked~.pop-in-wrapper, .button-checkbox.pop-in-expand input[type="radio"]:checked~.pop-in-wrapper { display: block; } .checkbox-multi-display .content { display: inline-block; } .checkbox-multi-display .content label { width: 160px; } .checkbox-multi-display .content label .icon { display: inline-block; position: relative; transition: -webkit-transform 0.3s; transition: transform 0.3s; } .checkbox-multi-display .content label .icon::before { position: absolute; top: 4px; right: -3px; } .checkbox-multi-display input[type="checkbox"], .checkbox-multi-display input[type="radio"] { display: none; } .checkbox-multi-display input[type="checkbox"]~section .content-displaying, .checkbox-multi-display input[type="radio"]~section .content-displaying { max-height: 0; transition: max-height 0.6s cubic-bezier(0, 1, 0, 1); display: block; overflow: hidden; } .checkbox-multi-display input[type="checkbox"]:checked~section .content-displaying, .checkbox-multi-display input[type="radio"]:checked~section .content-displaying { max-height: 999px; transition: max-height 0.6s cubic-bezier(1, 0, 1, 0); } .checkbox-multi-display input[type="checkbox"]:checked~section label, .checkbox-multi-display input[type="radio"]:checked~section label { background-color: #FFF; color: #67b7bf; } .checkbox-multi-display input[type="checkbox"]:checked~section label .icon, .checkbox-multi-display input[type="radio"]:checked~section label .icon { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate(7px, -1px) rotate(90deg); transform: translate(7px, -1px) rotate(90deg); } .checkbox-multi-display input[type="checkbox"]:checked~section label .icon::before, .checkbox-multi-display input[type="radio"]:checked~section label .icon::before { right: -6px; } .section.container input#checker[type="checkbox"] { display: none; } .section.container input#checker[type="checkbox"]~.offer .content-displaying { max-height: 0; transition: max-height 0.6s cubic-bezier(0, 1, 0, 1); display: block; overflow: hidden; } .section.container input#checker[type="checkbox"]:checked~.offer .content-displaying { max-height: 999px; transition: max-height 0.6s cubic-bezier(1, 0, 1, 0); } .section.container input#checker[type="checkbox"]:checked~.offer label { background-color: transparent; color: #67b7bf; } .section.container input#checker[type="checkbox"]:checked~.offer label .icon { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate(7px, -1px) rotate(90deg); transform: translate(7px, -1px) rotate(90deg); } .section.container input#checker[type="checkbox"]:checked~.offer label .icon::before { right: -6px; } .tgl { display: none; } .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl+.tgl-btn { box-sizing: border-box; } .tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl+.tgl-btn::-moz-selection { background: none; } .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl+.tgl-btn::selection { background: none; } .tgl+.tgl-btn { outline: 0; display: block; width: 4em; height: 2em; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .tgl+.tgl-btn:after, .tgl+.tgl-btn:before { position: relative; display: block; content: ""; width: 50%; height: 100% } .tgl+.tgl-btn:after { left: 0; } .tgl+.tgl-btn:before { display: none; } .tgl:checked+.tgl-btn:after { left: 50% } .tgl-light+.tgl-btn { background: #b3b3b3; border-radius: 2em; padding: 2px; transition: all .4s ease; } .tgl-light+.tgl-btn:after { border-radius: 50%; background: #fff; transition: all .2s ease; } .tgl-light:checked+.tgl-btn { background: #67b7bf; } .toggle_radio { position: relative; background-color: #67b7bf; margin: 4px auto; overflow: hidden; padding: 0 !important; border-radius: 50px; position: relative; height: 30px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .toggle_radio>* { float: left; } .toggle_radio input[type=radio] { display: none; } .toggle_radio #first_toggle:checked~.toggle_option_slider { background-color: #afd9dd; left: 3px; width: 42% } .toggle_radio #second_toggle:checked~.toggle_option_slider { background-color: #afd9dd; left: calc(42%+6px); width: 23% } .toggle_radio #third_toggle:checked~.toggle_option_slider { background-color: #afd9dd; left: calc(65%+15px); width: 28% } .toggle_radio .toggle_option_slider { width: 100px; height: 24px; position: absolute; top: 3px; border-radius: 50px; transition: all .4s ease; background-color: rgba(255, 255, 255, 0.3); } .toggle_radio label, .toggle_radio .button-checkbox label { color: rgba(255, 255, 255, 0.9); z-index: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto; height: 24px; margin: 3px 3px; -webkit-border-radius: 50px; border: 1px solid rgba(0, 0, 0, 0.15) !important; border-radius: 50px; cursor: pointer; z-index: 1; text-align: center; } .toggle_radio label p, .toggle_radio .button-checkbox label p { margin: 0; text-align: center; width: 100%; color: #FFF; text-transform: initial; } .button-checkbox.default label { color: #b3b3b3; } .button-burger { display: inline-block; } .button-burger input[type="checkbox"] { display: none; } .button-burger label { margin: 0; line-height: 1; } .button-burger.no-border label { background-color: transparent; color: #67b7bf; border: none; padding: 0; text-align: left; } .button-burger.no-border input[type="checkbox"] { display: none; } .button-burger.no-border input[type="checkbox"]:checked+label { background-color: transparent !important; color: #67b7bf; } .button-burger.no-border input[type="checkbox"]:checked~.content-displaying { display: block; } .button-burger .hamburger { padding: 12px 11px; display: inline-block; cursor: pointer; transition-property: opacity, -webkit-filter, opacity, filter; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; line-height: 0.6; } .button-burger .hamburger:hover { opacity: 0.7; } .button-burger .hamburger-box { width: 18px; height: 16px; display: inline-block; position: relative; } .button-burger .hamburger-inner { display: block; top: 50%; margin-top: -1px; } .button-burger .hamburger-inner, .button-burger .hamburger-inner::before, .button-burger .hamburger-inner::after { width: 18px; height: 2px; background-color: #fff; border-radius: 4px; position: absolute; transition-property: -webkit-transform; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .button-burger .hamburger-inner::before, .button-burger .hamburger-inner::after { content: ""; display: block; } .button-burger .hamburger-inner::before { top: -7px; } .button-burger .hamburger-inner::after { bottom: -7px; } .button-burger .hamburger--elastic-r .hamburger-inner { top: 1px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .button-burger .hamburger--elastic-r .hamburger-inner::before { top: 7px; transition: opacity 0.125s 0.275s ease; } .button-burger .hamburger--elastic-r .hamburger-inner::after { top: 14px; transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .button-burger input[type="checkbox"]:checked+label { background-color: #FFF; color: #67b7bf; } .button-burger input[type="checkbox"]:checked+label .hamburger--elastic-r { background-color: #8bc8ce; border-radius: 50%; transition: background-color .10s linear; } .button-burger input[type="checkbox"]:checked+label .hamburger--elastic-r:hover { opacity: 1; background-color: rgba(139, 200, 206, 0.7); } .button-burger input[type="checkbox"]:checked+label .hamburger--elastic-r .hamburger-box .hamburger-inner { -webkit-transform: translate3d(0, 7px, 0) rotate(-135deg); transform: translate3d(0, 7px, 0) rotate(-135deg); transition-delay: 0.075s; } .button-burger input[type="checkbox"]:checked+label .hamburger--elastic-r .hamburger-box .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .button-burger input[type="checkbox"]:checked+label .hamburger--elastic-r .hamburger-box .hamburger-inner::after { -webkit-transform: translate3d(0, -14px, 0) rotate(270deg); transform: translate3d(0, -14px, 0) rotate(270deg); transition-delay: 0.075s; } @media only screen and (max-width: 768px) { .button-burger .hamburger: hover { opacity: 1; } .button-burger input[type="checkbox"]:checked+label .hamburger--elastic-r:hover { opacity: 1; } } .heading { font-weight: "futurabook", Arial, sans-serif; line-height: 1.2; display: block; text-align: center; margin-bottom: 0; } .heading.left { text-align: left; } .heading.add { font-size: 44px; font-size: 2.75rem; font-family: "futurademi", Arial, sans-serif; } @media only screen and (max-width: 992px) { .heading.add { font-size: 32px; font-size: 2rem; } } .heading.h2 { margin-top: 8px; margin-top: 0.5rem; margin-bottom: 32px; margin-bottom: 2rem; font-family: "futurademi", Arial, sans-serif; display: block; line-height: 1.2; } .heading.h2.grey { color: gray; } .heading.overlay { color: #FFF; } .heading.overlay .main-title { display: block; text-transform: uppercase; margin-top: 12px; } .heading.overlay+h2 { color: #FFF; font-family: "futurademi", Arial, sans-serif; line-height: 1.2; margin-top: 4px; margin-top: 0.25rem; } .heading.overlay+h2.space-top { margin-top: 12px; margin-top: 0.75rem; } @media only screen and (min-width: 768px) { .heading { font-size: 28px; font-size: 1.75rem; } } @media only screen and (min-width: 992px) { .heading { font-size: 40px; font-size: 2.5rem; } .heading .main-title { font-size: 48px; font-size: 3rem; } .heading.overlay+h2 { font-size: 21.6px; font-size: 1.35rem; } } @media only screen and (min-width: 1200px) { .heading { font-size: 48px; font-size: 3rem; } .heading .main-title { font-size: 56px; font-size: 3.5rem; } .heading.h2 { margin-top: 10px; } } .funnel-heading { font-family: "futurademi", Arial, sans-serif; color: #67b7bf; margin: 48px 0 16px; margin: 3rem 0 1rem; } .funnel-heading.large { text-align: center; } .funnel-heading.discreet { color: #999; } .stroked-heading { position: relative; text-align: center; padding: 0 16px; padding: 0 1rem; margin-top: 48px; margin-top: 3rem; } .stroked-heading span { background-color: #FFF; display: inline-block; padding: 0 8px; padding: 0 0.5rem; } .client-space-heading { padding: 0 0 16px; padding: 0 0 1rem; margin-bottom: 32px; margin-bottom: 2rem; border-bottom: 1px solid #ccc; } .client-space-heading:not(:first-child) { margin-top: 64px; margin-top: 4rem; } .client-space-heading span { color: #67b7bf; } .client-space-heading a, .client-space-heading button { float: right; } hr { border: 0; height: 1px; background: #ccc; margin: 48px 0; margin: 3rem 0; } hr[rounded] { background-color: #66B6BE; border: 1px solid #66B6BE; border-radius: 7px 7px 7px 7px; height: 2px; width: 100%; margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 20px; } hr[bottom-0] { margin-bottom: 0; } h1[underline-rounded], h2[underline-rounded], h3[underline-rounded], h4[underline-rounded], h5[underline-rounded], h6[underline-rounded] { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: auto; margin-right: auto; } .hint--custom::before { display: none; } .hint--custom::after { color: white; border-radius: 5px 5px 5px 5px; background: #838282; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } .hint--bottom.hint--custom::after { box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.25); } .hint--top-left.hint--custom::after { left: 0%; border-radius: 5px 5px 0px 5px; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); margin-left: 0; } .hint--top-right.hint--custom::after { left: 100%; border-radius: 5px 5px 5px 0px; margin-left: 0; } .hint--bottom-left.hint--custom::after { left: 0%; border-radius: 5px 0px 5px 5px; box-shadow: 4px -4px 4px rgba(0, 0, 0, 0.25); margin-left: 0; } .hint--bottom-right.hint--custom::after { left: 100%; border-radius: 0px 5px 5px 5px; box-shadow: -4px -4px 4px rgba(0, 0, 0, 0.25); margin-left: 0; } .icon-data { position: relative; display: inline-block; font-family: "jamendo-all-icons"; font-style: normal; font-weight: 400; text-transform: none; text-transform: none; line-height: 1; } .icon { color: inherit; position: relative; display: inline-block; font-family: "jamendo-all-icons"; font-style: normal; font-weight: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-transform: none; font-size: 16px; font-size: 1rem; height: 16px; height: 1rem; width: 16px; width: 1rem; line-height: 1; speak: none; } .icon.red { color: red; } .icon.big { font-size: 40px; font-size: 2.5rem; height: 40px; height: 2.5rem; width: 40px; width: 2.5rem; } .icon.large { font-size: 32px; font-size: 2rem; height: 32px; height: 2rem; width: 32px; width: 2rem; } .icon.medium-large { font-size: 28px; font-size: 1.75rem; height: 28px; height: 1.75rem; width: 28px; width: 1.75rem; } .icon.medium { font-size: 24px; font-size: 1.5rem; height: 24px; height: 1.5rem; width: 24px; width: 1.5rem; } .icon.medium-small { font-size: 22px; font-size: 1.375rem; height: 22px; height: 1.375rem; width: 22px; width: 1.375rem; } .icon.small { font-size: 12px; font-size: 0.75rem; height: 12px; height: 0.75rem; width: 12px; width: 0.75rem; } .icon-add-to-playlist:before { content: "" } .icon-add-thin:before { content: "" } .icon-album:before { content: "" } .icon-camera:before { content: "" } .icon-chevron-thiner:before { content: "" } .icon-clockwise:before { content: "" } .icon-comment-2:before { content: "" } .icon-counterclockwise:before { content: "" } .icon-cross-delete-2:before { content: "" } .icon-cross-delete-full:before { content: "" } .icon-date:before { content: "" } .icon-duration:before { content: "" } .icon-edit-rounded:before { content: "" } .icon-external-link:before { content: "" } .icon-flag:before { content: "" } .icon-follow:before { content: "" } .icon-go-to:before { content: "" } .icon-go-to-light:before { content: "" } .icon-handle:before { content: "" } .icon-hexagon-mask:before { content: "" } .icon-info-full-new2:before { content: "" } .icon-info-new2:before { content: "" } .icon-lock:before { content: "" } .icon-music-listened:before { content: "" } .icon-pause-rounded:before { content: "" } .icon-phone:before { content: "" } .icon-picture:before { content: "" } .icon-playlist:before { content: "" } .icon-playlist-access:before { content: "" } .icon-play-next:before { content: "" } .icon-play-stroke:before { content: "" } .icon-play-stroke-full:before { content: "" } .icon-profile:before { content: "" } .icon-queue-access:before { content: "" } .icon-remove-from-playlist:before { content: "" } .icon-send:before { content: "" } .icon-sort-full:before { content: "" } .icon-sort-stroke:before { content: "" } .icon-thumbs-down:before { content: "" } .icon-thumbs-up:before { content: "" } .icon-triangle-fill:before { content: "" } .icon-triangle-full:before { content: "" } .icon-too-old:before { content: "" } .icon-undo:before { content: "" } .icon-video-bold:before { content: "" } .icon-vk:before { content: "" } .icon-volume-minus:before { content: "" } .icon-add:before { content: "" } .icon-add-to-queue:before { content: "" } .icon-alert-full:before { content: "" } .icon-alert-line:before { content: "" } .icon-archive:before { content: "" } .icon-arrow-bullet:before { content: "" } .icon-breadcrumb:before { content: "" } .icon-cart:before { content: "" } .icon-cart-new:before { content: "" } .icon-cart-new2:before { content: "" } .icon-cart-new2-add:before { content: "" } .icon-cart-new2-added:before { content: "" } .icon-cart-new-add:before { content: "" } .icon-cc:before { content: "" } .icon-cc-by:before { content: "" } .icon-cc-nc:before { content: "" } .icon-cc-nd:before { content: "" } .icon-cc-sa:before { content: "" } .icon-certificate:before { content: "" } .icon-check:before { content: "" } .icon-checkbox-checked-bordered:before { content: "" } .icon-checkbox-checked-plain:before { content: "" } .icon-checkbox-unchecked:before { content: "" } .icon-chevron-down:before { content: "" } .icon-chevron-left:before { content: "" } .icon-chevron-new2:before { content: "" } .icon-chevron-right:before { content: "" } .icon-chevron-up:before { content: "" } .icon-close:before { content: "" } .icon-comment:before { content: "" } .icon-copy:before { content: "" } .icon-credit-card-back:before { content: "" } .icon-credit-card-front:before { content: "" } .icon-cross-delete:before { content: "" } .icon-download:before { content: "" } .icon-download-thin:before { content: "" } .icon-edit:before { content: "" } .icon-error-4xx:before { content: "" } .icon-error-5xx:before { content: "" } .icon-facebook:before { content: "" } .icon-facebook-f:before { content: "" } .icon-fast-backward:before { content: "" } .icon-fast-forward:before { content: "" } .icon-filter:before { content: "" } .icon-globe:before { content: "" } .icon-heart:before { content: "" } .icon-heart-on:before { content: "" } .icon-hexagon:before { content: "" } .icon-hexagon-on:before { content: "" } .icon-history:before { content: "" } .icon-home:before { content: "" } .icon-info-full-new21:before { content: "" } .icon-info-new21:before { content: "" } .icon-information:before { content: "" } .icon-instagram:before { content: "" } .icon-licence-lt_large_x:before { content: "" } .icon-licence-lt_personal_x:before { content: "" } .icon-licence-lt_standard_x:before { content: "" } .icon-link:before { content: "" } .icon-linkedin:before { content: "" } .icon-mail:before { content: "" } .icon-menu:before { content: "" } .icon-menu-secondary:before { content: "" } .icon-menu-tradingdesk:before { content: "" } .icon-messenger:before { content: "" } .icon-music-note:before { content: "" } .icon-mute:before { content: "" } .icon-my-music-tradingdesk:before { content: "" } .icon-my-music-tradingdesk2:before { content: "" } .icon-next:before { content: "" } .icon-pause:before { content: "" } .icon-pdf:before { content: "" } .icon-phone1:before { content: "" } .icon-play:before { content: "" } .icon-previous:before { content: "" } .icon-queue:before { content: "" } .icon-radio-checked-chevron:before { content: "" } .icon-radio-checked-chevron-plain:before { content: "" } .icon-radio-checked-round:before { content: "" } .icon-radio-unchecked:before { content: "" } .icon-reddit:before { content: "" } .icon-refine:before { content: "" } .icon-remove:before { content: "" } .icon-repeat:before { content: "" } .icon-repeat-one:before { content: "" } .icon-repost:before { content: "" } .icon-sad:before { content: "" } .icon-search:before { content: "" } .icon-share:before { content: "" } .icon-share-stroke:before { content: "" } .icon-share-video:before { content: "" } .icon-shuffle:before { content: "" } .icon-similar:before { content: "" } .icon-skip-next:before { content: "" } .icon-skip-previous:before { content: "" } .icon-sort:before { content: "" } .icon-sound:before { content: "" } .icon-streaming:before { content: "" } .icon-trash:before { content: "" } .icon-twitter:before { content: "" } .icon-user:before { content: "" } .icon-user-new2:before { content: "" } .icon-video:before { content: "" } .icon-volume:before { content: "" } .icon-warning:before { content: "" } .icon-wrong:before { content: "" } .icon-youtube:before { content: "" } .icon-add-to-playlist-s:before { content: "" } .icon-add-to-queue-s:before { content: "" } .icon-close-s:before { content: "" } .icon-comment-s:before { content: "" } .icon-date-s:before { content: "" } .icon-download-s:before { content: "" } .icon-duration-s:before { content: "" } .icon-external-link-s:before { content: "" } .icon-flag-s:before { content: "" } .icon-follow-s:before { content: "" } .icon-handle-s:before { content: "" } .icon-heart-on-s:before { content: "" } .icon-lock-s:before { content: "" } .icon-menu-secondary-s:before { content: "" } .icon-pause-s:before { content: "" } .icon-picture-s:before { content: "" } .icon-playlist-access-s:before { content: "" } .icon-queue-access-s:before { content: "" } .icon-repost-s:before { content: "" } .icon-send-s:before { content: "" } .icon-share-s:before { content: "" } .icon-sort-s:before { content: "" } .icon-thumbs-down-s:before { content: "" } .icon-thumbs-up-s:before { content: "" } .icon-play-s:before { content: "" } .icon-user-s:before { content: "" } .icon-data-add-to-playlist:before { content: "" } .icon-data-add-thin:before { content: "" } .icon-data-album:before { content: "" } .icon-data-camera:before { content: "" } .icon-data-chevron-thiner:before { content: "" } .icon-data-clockwise:before { content: "" } .icon-data-comment-2:before { content: "" } .icon-data-counterclockwise:before { content: "" } .icon-data-cross-delete-2:before { content: "" } .icon-data-cross-delete-full:before { content: "" } .icon-data-date:before { content: "" } .icon-data-duration:before { content: "" } .icon-data-edit-rounded:before { content: "" } .icon-data-external-link:before { content: "" } .icon-data-flag:before { content: "" } .icon-data-follow:before { content: "" } .icon-data-go-to:before { content: "" } .icon-data-go-to-light:before { content: "" } .icon-data-handle:before { content: "" } .icon-data-hexagon-mask:before { content: "" } .icon-data-info-full-new2:before { content: "" } .icon-data-info-new2:before { content: "" } .icon-data-lock:before { content: "" } .icon-data-music-listened:before { content: "" } .icon-data-pause-rounded:before { content: "" } .icon-data-phone:before { content: "" } .icon-data-picture:before { content: "" } .icon-data-playlist:before { content: "" } .icon-data-playlist-access:before { content: "" } .icon-data-play-next:before { content: "" } .icon-data-play-stroke:before { content: "" } .icon-data-play-stroke-full:before { content: "" } .icon-data-profile:before { content: "" } .icon-data-queue-access:before { content: "" } .icon-data-remove-from-playlist:before { content: "" } .icon-data-send:before { content: "" } .icon-data-sort-full:before { content: "" } .icon-data-sort-stroke:before { content: "" } .icon-data-thumbs-down:before { content: "" } .icon-data-thumbs-up:before { content: "" } .icon-data-triangle-fill:before { content: "" } .icon-data-triangle-full:before { content: "" } .icon-data-too-old:before { content: "" } .icon-data-undo:before { content: "" } .icon-data-video-bold:before { content: "" } .icon-data-vk:before { content: "" } .icon-data-volume-minus:before { content: "" } .icon-data-add:before { content: "" } .icon-data-add-to-queue:before { content: "" } .icon-data-alert-full:before { content: "" } .icon-data-alert-line:before { content: "" } .icon-data-archive:before { content: "" } .icon-data-arrow-bullet:before { content: "" } .icon-data-breadcrumb:before { content: "" } .icon-data-cart:before { content: "" } .icon-data-cart-new:before { content: "" } .icon-data-cart-new2:before { content: "" } .icon-data-cart-new2-add:before { content: "" } .icon-data-cart-new2-added:before { content: "" } .icon-data-cart-new-add:before { content: "" } .icon-data-cc:before { content: "" } .icon-data-cc-by:before { content: "" } .icon-data-cc-nc:before { content: "" } .icon-data-cc-nd:before { content: "" } .icon-data-cc-sa:before { content: "" } .icon-data-certificate:before { content: "" } .icon-data-check:before { content: "" } .icon-data-checkbox-checked-bordered:before { content: "" } .icon-data-checkbox-checked-plain:before { content: "" } .icon-data-checkbox-unchecked:before { content: "" } .icon-data-chevron-down:before { content: "" } .icon-data-chevron-left:before { content: "" } .icon-data-chevron-new2:before { content: "" } .icon-data-chevron-right:before { content: "" } .icon-data-chevron-up:before { content: "" } .icon-data-close:before { content: "" } .icon-data-comment:before { content: "" } .icon-data-copy:before { content: "" } .icon-data-credit-card-back:before { content: "" } .icon-data-credit-card-front:before { content: "" } .icon-data-cross-delete:before { content: "" } .icon-data-download:before { content: "" } .icon-data-download-thin:before { content: "" } .icon-data-edit:before { content: "" } .icon-data-error-4xx:before { content: "" } .icon-data-error-5xx:before { content: "" } .icon-data-facebook:before { content: "" } .icon-data-facebook-f:before { content: "" } .icon-data-fast-backward:before { content: "" } .icon-data-fast-forward:before { content: "" } .icon-data-filter:before { content: "" } .icon-data-globe:before { content: "" } .icon-data-heart:before { content: "" } .icon-data-heart-on:before { content: "" } .icon-data-hexagon:before { content: "" } .icon-data-hexagon-on:before { content: "" } .icon-data-history:before { content: "" } .icon-data-home:before { content: "" } .icon-data-info-full-new21:before { content: "" } .icon-data-info-new21:before { content: "" } .icon-data-information:before { content: "" } .icon-data-instagram:before { content: "" } .icon-data-licence-lt_large_x:before { content: "" } .icon-data-licence-lt_personal_x:before { content: "" } .icon-data-licence-lt_standard_x:before { content: "" } .icon-data-link:before { content: "" } .icon-data-linkedin:before { content: "" } .icon-data-mail:before { content: "" } .icon-data-menu:before { content: "" } .icon-data-menu-secondary:before { content: "" } .icon-data-menu-tradingdesk:before { content: "" } .icon-data-messenger:before { content: "" } .icon-data-music-note:before { content: "" } .icon-data-mute:before { content: "" } .icon-data-my-music-tradingdesk:before { content: "" } .icon-data-my-music-tradingdesk2:before { content: "" } .icon-data-next:before { content: "" } .icon-data-pause:before { content: "" } .icon-data-pdf:before { content: "" } .icon-data-phone1:before { content: "" } .icon-data-play:before { content: "" } .icon-data-previous:before { content: "" } .icon-data-queue:before { content: "" } .icon-data-radio-checked-chevron:before { content: "" } .icon-data-radio-checked-chevron-plain:before { content: "" } .icon-data-radio-checked-round:before { content: "" } .icon-data-radio-unchecked:before { content: "" } .icon-data-reddit:before { content: "" } .icon-data-refine:before { content: "" } .icon-data-remove:before { content: "" } .icon-data-repeat:before { content: "" } .icon-data-repeat-one:before { content: "" } .icon-data-repost:before { content: "" } .icon-data-sad:before { content: "" } .icon-data-search:before { content: "" } .icon-data-share:before { content: "" } .icon-data-share-stroke:before { content: "" } .icon-data-share-video:before { content: "" } .icon-data-shuffle:before { content: "" } .icon-data-similar:before { content: "" } .icon-data-skip-next:before { content: "" } .icon-data-skip-previous:before { content: "" } .icon-data-sort:before { content: "" } .icon-data-sound:before { content: "" } .icon-data-streaming:before { content: "" } .icon-data-trash:before { content: "" } .icon-data-twitter:before { content: "" } .icon-data-user:before { content: "" } .icon-data-user-new2:before { content: "" } .icon-data-video:before { content: "" } .icon-data-volume:before { content: "" } .icon-data-warning:before { content: "" } .icon-data-wrong:before { content: "" } .icon-data-youtube:before { content: "" } .icon-data-add-to-playlist-s:before { content: "" } .icon-data-add-to-queue-s:before { content: "" } .icon-data-close-s:before { content: "" } .icon-data-comment-s:before { content: "" } .icon-data-date-s:before { content: "" } .icon-data-download-s:before { content: "" } .icon-data-duration-s:before { content: "" } .icon-data-external-link-s:before { content: "" } .icon-data-flag-s:before { content: "" } .icon-data-follow-s:before { content: "" } .icon-data-handle-s:before { content: "" } .icon-data-heart-on-s:before { content: "" } .icon-data-lock-s:before { content: "" } .icon-data-menu-secondary-s:before { content: "" } .icon-data-pause-s:before { content: "" } .icon-data-picture-s:before { content: "" } .icon-data-playlist-access-s:before { content: "" } .icon-data-queue-access-s:before { content: "" } .icon-data-repost-s:before { content: "" } .icon-data-send-s:before { content: "" } .icon-data-share-s:before { content: "" } .icon-data-sort-s:before { content: "" } .icon-data-thumbs-down-s:before { content: "" } .icon-data-thumbs-up-s:before { content: "" } .icon-data-play-s:before { content: "" } .icon-data-user-s:before { content: "" } .icon-information:hover { cursor: pointer; } .icon-bell { background-image: url(https://images.jamendo.com/jamendolicensing/icon/bell-white.svg); background-repeat: no-repeat; } .icon-shape { border: 3px solid #67b7bf; background-color: #67b7bf; width: 24px; height: 24px; border-radius: 50%; margin: 0 auto; display: block; position: relative; } .icon-shape::after { content: ""; display: block; position: absolute; } .icon-shape.checked::after { top: 2px; left: 5px; width: 7px; height: 12px; border: solid #FFF; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .loader { width: 24px; width: 1.5rem; height: 24px; height: 1.5rem; display: none; margin: 0 auto; } .loader span { width: 4px; width: 0.25rem; height: 4px; height: 0.25rem; margin: 0 2px; margin: 0 0.125rem; background-color: #67b7bf; float: left; } .loader span:last-child { margin-right: 0; } .loader span:nth-child(1) { -webkit-animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite 0s; animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite 0s; } .loader span:nth-child(2) { -webkit-animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite -0.2s; animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite -0.2s; } .loader span:nth-child(3) { -webkit-animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite -0.4s; animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite -0.4s; } .loader.is-visible { display: block; } @-webkit-keyframes loaderAnimation { 0% { height: 20%; margin-top: 40% } 50% { height: 84%; margin-top: 8% } 100% { height: 20%; margin-top: 40% } } @keyframes loaderAnimation { 0% { height: 20%; margin-top: 40% } 50% { height: 84%; margin-top: 8% } 100% { height: 20%; margin-top: 40% } } p { font-size: inherit; line-height: inherit; color: #646464; display: inline-block; } p.overlay { color: #FFF; } p.overlay a:link, p.overlay a:visited, p.overlay a:hover, p.overlay a:active { color: #FFF; } p.discreet { color: #999; } p.strong { color: #67b7bf; } p[capitalize] { text-transform: capitalize; } p.size-40 { font-size: 40px; } p.size-24 { font-size: 24px; } p.size-18 { font-size: 18px; } .pill { display: inline-block; position: relative; min-width: 16px; min-width: 1rem; height: 16px; height: 1rem; padding: 0 4px; padding: 0 0.25rem; font-style: normal; color: #FFF; line-height: 1.6; text-align: center; z-index: 0; } .pill:before { border-radius: 8px; border-radius: 0.5rem; content: ''; background-color: #67b7bf; z-index: -1; } .s { display: inline-block; background-repeat: no-repeat; } .s.payment-method, .s.security-code { background-image: url("https://images.jamendo.com/jamendolicensing/sprites/sprite-payment-methods.webp?v2"); } .s.spread { background-image: url("https://images.jamendo.com/jamendolicensing/sprites/sprite-spread.webp?v2"); } .s.payment-method { margin-right: 12px; margin-right: 0.75rem; height: 36px; } .s.payment-method.is-off { opacity: 0.3; filter: alpha(opacity=30); } .s.payment-method.mastercard { width: 41px; background-position: 0px 0px; } .s.payment-method.amex { width: 42px; background-position: -41px 0px; } .s.payment-method.visa { width: 44px; background-position: -83px 0px; } .s.payment-method.paypal { width: 70px; background-position: -127px 0px; } .s.payment-method.secure { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/secure-payments.svg"); width: 90px; height: 43px; background-position: bottom; margin-bottom: 7px; } @media only screen and (max-width: 480px) { .s.payment-method.secure { width: 80px; } } .s.payment-method.ingenico { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/ingenico.svg"); width: 75px; height: 50px; background-position: bottom; } @media only screen and (max-width: 480px) { .s.payment-method.ingenico { width: 75px; } } .s.security-code { height: 128px; width: 203px; display: block; margin-bottom: 16px; margin-bottom: 1rem; } .s.security-code.visa-mastercard { background-position: 0px -36px; } .s.security-code.amex { background-position: -203px -36px; } .s.spread { height: 16px; width: 16px; display: inline-block; } .s.spread.gmail { background-position: 0px 0px; } .s.spread.outlook { background-position: -50px 0px; } .s.spread.yahoo { background-position: -25px 0px; width: 21px; } .svg.logo { height: 36px; width: 102px; fill: #FFF; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/jamendo-licensing-logo-white.svg"); background-repeat: no-repeat; background-size: contain; } .svg.logo.small { height: 27px; width: 77px; } picture.svg { display: block; background-repeat: no-repeat; background-position: center; background-size: contain; background-color: transparent; } picture.svg.visa { width: 30px; height: 30px; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/visa-logo.svg"); } picture.svg.mastercard { width: 45px; height: 40px; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/mastercard-logo.svg"); } picture.svg.amex { width: 26px; height: 26px; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/american-express-logo.svg"); } picture.svg.secure-payments { width: 83px; height: 43px; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/secure-payments.svg"); } picture.svg.ingenico { width: 63px; height: 50px; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/ingenico.svg"); } picture.svg.paypal-icon { width: 28px; height: 28px; background-size: 88%; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/paypall-icon.svg"); } ul.regular { list-style-type: disc; list-style-position: inside; margin-bottom: 16px; margin-bottom: 1rem; } .informational-block { margin-bottom: 16px; margin-bottom: 1rem; color: #b3b3b3; } .informational-block__heading { margin-bottom: 8px; margin-bottom: 0.5rem; font-family: "futurademi", Arial, sans-serif; } .informational-block__perks li { line-height: 1.334; margin-bottom: 2px; margin-bottom: 0.125rem; } .informational-block__perks li:last-child { margin-bottom: 0; } .informational-block p { color: inherit; } .informational-block.bordered { padding: 16px; padding: 1rem; border: 1px solid #ebebeb; } .informational-block.bordered.heavy { padding: 24px; padding: 1.5rem; border-width: 8px; border-width: 0.5rem; } .informational-link, .informational-link-2 { position: relative; color: gray; line-height: 1.334; padding-left: 24px; padding-left: 1.5rem; display: inline-block; text-decoration: underline; } .informational-link:focus, .informational-link-2:focus { outline: none; } .informational-link:hover, .informational-link-2:hover { color: #676767; } .hero-track+.container.informational { margin: 16px auto; margin: 1rem auto; } .informational-overlay, .informational-overlay-track-pack { color: #FFF; z-index: 1100; } .informational-overlay__top-bar, .informational-overlay-track-pack__top-bar { opacity: 0.98; filter: alpha(opacity=98); background-color: #000; text-align: right; padding: 16px 12px; padding: 1rem 0.75rem; width: 100%; color: #67b7bf; } .informational-overlay__top-bar .icon, .informational-overlay-track-pack__top-bar .icon { margin-left: 16px; vertical-align: top; } .informational-overlay__title, .informational-overlay-track-pack__title { display: inline-block; vertical-align: top; line-height: 1.334; text-transform: uppercase; margin: 0; } .informational-overlay__content, .informational-overlay-track-pack__content { padding-top: 48px; padding-top: 3rem; } .informational-overlay__content.center, .informational-overlay-track-pack__content.center { text-align: center; } .informational-overlay__heading, .informational-overlay-track-pack__heading { text-transform: uppercase; border-bottom: 2px solid #FFF; font-family: "futurademi", Arial, sans-serif; margin-bottom: 24px; margin-bottom: 1.5rem; display: inline-block; } .informational-overlay__subheading, .informational-overlay-track-pack__subheading { margin-bottom: 4px; margin-bottom: 0.25rem; } .informational-overlay__subheading .button, .informational-overlay-track-pack__subheading .button { border: none; padding: 0.125rem 0.5rem 0; } .informational-overlay__list, .informational-overlay-track-pack__list { list-style-type: disc; margin: 0 0 16px 16px; margin: 0 0 1rem 1rem; } .informational-overlay__got-it, .informational-overlay-track-pack__got-it { z-index: 2; margin: 32px 0; margin: 2rem 0; } .informational-overlay__got-it:not(:hover), .informational-overlay-track-pack__got-it:not(:hover) { background-color: transparent !important; } .informational-overlay.is-visible, .informational-overlay-track-pack.is-visible { visibility: visible; opacity: 0.95; filter: alpha(opacity=95); } .informational-overlay.is-visible.tradingdesk, .informational-overlay-track-pack.is-visible.tradingdesk { opacity: 1; } .informational-overlay.is-visible.tradingdesk .informational-overlay__content.center, .informational-overlay-track-pack.is-visible.tradingdesk .informational-overlay__content.center { width: 50% } .informational-overlay__cover-close, .informational-overlay-track-pack__cover-close { z-index: 1; content: '' } @media only screen and (min-width: 992px) { .informational-overlay__top-bar, .informational-overlay-track-pack__top-bar { padding: 48px 48px; padding: 3rem 3rem; } .informational-overlay__content .row [class^=col]:first-child, .informational-overlay-track-pack__content .row [class^=col]:first-child { padding-right: 24px; padding-right: 1.5rem; } .informational-overlay__content .row [class^=col]:last-child, .informational-overlay-track-pack__content .row [class^=col]:last-child { padding-left: 24px; padding-left: 1.5rem; } } .button-list.login { margin-bottom: 32px; margin-bottom: 2rem; width: 100% } .button-list.login>li { margin-bottom: 6px; margin-bottom: 0.375rem; line-height: 1.334; margin-bottom: 16px; margin-bottom: 1rem; display: block; text-align: center; } .button-list.login>li:last-child { margin-bottom: 4rem; } .button-list.login>li:last-child a { margin-left: 6px; padding-top: 3px; padding-bottom: 2px; } .button-list.horizontal>li { margin: 6px; margin: 0.375rem; display: inline-block; } .button-list.horizontal>li:first-child { margin-left: 0; } .button-list.horizontal>li:last-child { margin-right: 0; } .button-list.vertical { margin-bottom: 32px; margin-bottom: 2rem; width: 100% } .button-list.vertical>li { margin-bottom: 16px; margin-bottom: 1rem; display: block; } .button-list.vertical>li:last-child { margin-bottom: 0; } .button-list.large { max-width: 400px; max-width: 25rem; } .track-list { margin-top: 20px; } .track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 24px; margin-right: 24px; margin-bottom: 1.25rem; padding-left: 10px; padding-right: 10px; position: relative; } @media only screen and (max-width: 768px) { .track { margin-left: 5px; margin-right: 5px; padding-right: 0; } } .track--header { margin-top: 30px; margin-bottom: 0 !important; text-transform: uppercase; font-size: 12px; } @media only screen and (max-width: 1200px) { .track--header { display: none; } } .track--action-is-open { background: #F5F8FA; border-radius: 6px; } .track__listened { width: 6px; height: 6px; position: relative; border-radius: 50%; background: #C4C4C4; } .track__play { width: 60px; height: 60px; position: relative; white-space: nowrap; font-size: 0; margin-left: 10px; } @media only screen and (max-width: 1200px) { .track__play { padding: 0; width: 40px; height: 40px; } } @media only screen and (max-width: 480px) { .track__play { padding: 0; width: 36px; height: 36px; } } .track__play--header { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .track__play img { border-radius: 50% } @media only screen and (max-width: 1200px) { .track__play img { visibility: hidden; } } .track__play__button:hover { font-size: 36px; } @media only screen and (max-width: 1200px) { .track__play__button { left: 0; } .track__play__button::before { content: none; background-color: transparent; } .track__play__button i { color: #67b7bf !important; background-color: transparent; } .track__play__button.is-switched-on { background-color: transparent; } .track__play__button.is-switched-on .loader { border-color: #67b7bf; } .track__play__button.is-switched-on .loader span { background-color: #67b7bf; } } .track__information { padding-left: 16px; padding-left: 1rem; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } @media only screen and (max-width: 768px) { .track__information { padding-left: 0.5rem; text-align: left; width: calc(100% - 330px); } } @media only screen and (max-width: 480px) { .track__information { width: calc(100% - 115px); } } .track__information--header { text-align: center; font-size: 12px; } .track__information .track-information-container { overflow: visible; } .track__information .track-information-container .title-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .track__information .track-information-container .title-container .title { text-overflow: ellipsis; overflow: hidden; margin-right: 3px; line-height: 1.3rem; } .track__information .track-information-container .title-container .contentid-icon { margin-left: 5px; margin-right: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .track__information .track-information-container .title-container .contentid-icon img { width: 14px; height: 14px; } .track__information .track-information-container .artist-name {} @media only screen and (max-width: 480px) { .track__information .track-information-container .artist-name { font-size: 11px; font-size: 0.6875rem; } } @media only screen and (max-width: 480px) { .track__information .track-information-container .tags { display: none; } } .track__information .track-information-container .new { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-radius: 5px; padding: 4px; text-transform: uppercase; color: white; font-size: 10px; } .track__rating { min-width: 250px; text-align: center; white-space: nowrap; } .track__rating select { display: none; } .track__rating p { margin-bottom: 4px; } .track__rating .br-widget { height: 28px; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .track__rating .br-widget a { height: 20px; width: 20px; margin: 0 3px; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/rating-star-gray.svg"); } .track__rating .br-widget a.br-selected { background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/rating-star-blue.svg"); } .track__time { display: none; } @media only screen and (min-width: 1201px) { .track__time { display: table-cell; vertical-align: middle; height: 64px; } } .track__time--header { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .track__time__wrap { display: table; height: 64px; } .track__time__wrap--header { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .track__time__waveform { height: auto; height: 64px; height: 4rem; height: 64px; } .track__time__waveform--header { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } @media only screen and (min-width: 1200px) { .track__time__waveform__wrap { display: block; width: 168px; height: 64px; } } @media only screen and (min-width: 1250px) { .track__time__waveform__wrap { width: 220px; } } @media only screen and (min-width: 1300px) { .track__time__waveform__wrap { width: 250px; } } @media only screen and (min-width: 1400px) { .track__time__waveform__wrap { width: 305px; } } @media only screen and (min-width: 1450px) { .track__time__waveform__wrap { width: 355px; } } @media only screen and (min-width: 1500px) { .track__time__waveform__wrap { width: 400px; } } @media only screen and (min-width: 1600px) { .track__time__waveform__wrap { width: 500px; } } @media only screen and (min-width: 1700px) { .track__time__waveform__wrap { width: 580px; } } @media only screen and (min-width: 1800px) { .track__time__waveform__wrap { width: 680px; } } @media only screen and (min-width: 2100px) { .track__time__waveform__wrap { width: 980px; } } .track__time__waveform__wrap--header { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .track__time__duration { width: 60px; height: 64px; text-align: left; color: black; text-align: center; } .track__time__duration--header { color: #636363; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .track__time__bpm { width: 60px; height: 64px; text-align: left; color: black; text-align: center; } .track__time__bpm--header { color: #636363; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .track__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; max-width: 330px; width: auto; } @media only screen and (max-width: 480px) { .track__actions { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .track__actions--header>li { width: 46px; } .track__actions__button { padding: 10px; height: 46px; width: 46px; } @media only screen and (max-width: 768px) { .track__actions__button { display: none !important; } } .track__actions__button--3dots { display: none; background-image: url(https://images.jamendo.com/jamendolicensing/icon/3dots.svg); background-repeat: no-repeat; background-position: center; } @media only screen and (max-width: 768px) { .track__actions__button--3dots { display: block !important; } } .track__actions__button__icon { font-size: 22px; width: 22px; height: 22px; color: #4A4A4A; } .track__actions__button__icon:hover { color: #67b7bf; } .track__cta { text-align: right; white-space: nowrap; } @media only screen and (max-width: 920px) { .track__cta { padding: 0; margin-right: 4px; } } .track__cta--header { width: 100px; color: #636363; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 1200px) { .track__cta--header { display: none; } } .track__cta--header-small { width: 30px; } .track__cta .mobile-cart-cta { display: none; } .track__popin { display: none; } @media only screen and (max-width: 768px) { .track__popin { position: absolute; top: 50px; z-index: 2; background-color: white; width: calc(100% - 60px); height: 60px; margin-left: 20px; border: 1px solid #000; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .track__popin__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50%; height: 100% } .track__popin__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50%; height: 100% } } .track__popin__button { width: 30px; height: 25px; color: #4A4A4A; margin: 0 7px; } .track__popin__button--add-to-playlist { background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-playlist.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track__popin__button--add-to-cart { background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-cart.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track__popin__button--added-to-cart { background-image: url(https://images.jamendo.com/jamendolicensing/icon/added-to-cart.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track__popin__button--download { font-size: 25px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .track__popin .mobile-cart-cta { cursor: pointer; display: block; } .track__popin .mobile-cart-cta>i { color: #4A4A4A; font-size: 28px; } .track-information { color: #4d4d4d; } .track-information>div { height: 64px; height: 4rem; } .track-information .title { line-height: 1.143; } .track-information .artist-name, .track-information .tags { line-height: 1.455; } .track-information .artist-name { text-transform: uppercase; } .track-information .tags { color: gray; } .track-featured .cover img { position: absolute; z-index: -1; } .track-featured .cover button { z-index: 2; } .track-featured .mobile-cart-cta { display: none; } .track-featured .mobile-cart-cta:focus { outline: none; } .track-featured .button-cart.transparent { margin-top: 10px !important; } @media only screen and (max-width: 1200px) { .track-featured .button-cart.transparent { border-color: #67b7bf; } } .track-featured .track-information { height: 76px; height: 4.75rem; } .track-featured .track-information .hero-track__tags { display: block; } @media only screen and (min-width: 1200px) { .track-featured .track-information .hero-track__tags .tag: nth-child(n+4) { display: none; } .track-featured .track-information .hero-track__tags .tag:nth-child(3)::after { display: none; } } .track-featured .track-information .hero-track__tags .tag a { color: #646464; text-decoration: none; } .track-featured .track-information .hero-track__tags .tag a:hover { color: #67b7bf; } @media only screen and (max-width: 650px) { .track-featured .buy-buttons-container { float: left; margin-right: 12px; } .track-featured .buy-buttons-container .button-cart:not(.transparent) { display: none; } .track-featured .buy-buttons-container .mobile-cart-cta { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: -4px; } .track-featured .change-license-container { float: left; margin-top: -6px; width: calc(100% - 45px); } .track-featured .hero-track__actions { clear: both; margin-top: 66px; } } .track-landing { position: relative; min-width: 420px; width: 33%; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; } @media only screen and (max-width: 1268px) { .track-landing { width: 50% } } @media only screen and (max-width: 840px) { .track-landing { width: 100%; min-width: 100%; padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 840px) { .track-landing--hide-mobile { display: none; } } .track-landing__container { padding: 10px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100% } .track-landing__container--action-is-open { background: #F5F8FA; border-radius: 6px; } .track-landing__container__listened { margin-left: 14px; width: 5px; height: 5px; border-radius: 50%; background: #66B6BE; } .track-landing__container__button-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 60px; height: 45px; } @media only screen and (max-width: 700px) { .track-landing__container__button-container { margin-left: 0; } } .track-landing__container__information { max-width: calc(100% - 100px); width: 100%; margin-left: 14px; } .track-landing__container__information__link-wrap { text-decoration: none; } .track-landing__container__information__link-wrap:hover { text-decoration: none; } .track-landing__container__information__link-wrap__title-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .track-landing__container__information__link-wrap__title-container__title { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: var(--color-main); } .track-landing__container__information__link-wrap__title-container__contentid-icon { margin-left: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .track-landing__container__information__link-wrap__artist-name { width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: var(--color-main); font-size: var(--font-size-small); } .track-landing__container__actions { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .track-landing__container__actions__button { width: 30px; height: 25px; color: #4A4A4A; margin: 0 7px; } .track-landing__container__actions__button--3dots { background-image: url(https://images.jamendo.com/jamendolicensing/icon/3dots.svg); background-repeat: no-repeat; width: 30px; height: 18px; background-position: center; } .track-landing__container__actions__button--add-to-playlist { background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-playlist.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track-landing__container__actions__button--add-to-cart { background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-cart.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track-landing__container__actions__button--added-to-cart { background-image: url(https://images.jamendo.com/jamendolicensing/icon/added-to-cart.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track-landing__container__actions__button--download { font-size: 25px; } .track-landing__container__actions__button--hint-to-left::after { -webkit-transform: translateX(-100%) translateX(15px) translateY(8px) !important; transform: translateX(-100%) translateX(15px) translateY(8px) !important; } .track-landing__container__popin { position: absolute; top: 75px; z-index: 2; background-color: white; width: calc(100% - 55px); height: 60px; border: 1px solid #000; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .track-landing__container__popin__button { width: 30px; height: 25px; color: #4A4A4A; margin: 0 7px; } .track-landing__container__popin__button--add-to-playlist { background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-playlist.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track-landing__container__popin__button--add-to-cart { background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-cart.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track-landing__container__popin__button--added-to-cart { background-image: url(https://images.jamendo.com/jamendolicensing/icon/added-to-cart.svg); background-repeat: no-repeat; background-size: 30px 25px; } .track-landing__container__popin__button--download { font-size: 25px; } .pop-in { width: 288px; width: 18rem; white-space: normal; background-color: #fcfcfc; border: 2px solid #67b7bf; text-align: center; position: relative; display: inline-block; z-index: 1; } .pop-in__heading, .pop-in__tooltip { color: #67b7bf; line-height: 1.334; } .pop-in__heading { font-family: "futurademi", Arial, sans-serif; padding: 24px 24px 16px; padding: 1.5rem 1.5rem 1rem; } .pop-in__tooltip { padding: 16px; padding: 1rem; } .pop-in__input-text { margin: 0 24px 16px; margin: 0 1.5rem 1rem; } .pop-in__actions { margin: 0 24px 24px; margin: 0 1.5rem 1.5rem; } .pop-in__actions li { margin-bottom: 8px; margin-bottom: 0.5rem; } .pop-in__actions li:last-child { margin-bottom: 0; } .pop-in__links { padding: 24px; padding: 1.5rem; line-height: 1.7; } .pop-in__error-notification { margin: 0 24px 24px; margin: 0 1.5rem 1.5rem; } .pop-in__error-notification.reset { margin: initial; text-align: left; background-color: transparent; min-width: calc(250px - 2px); } .pop-in__error-notification.reset .error-notification { color: black; border: none; background-color: #ffd7d7; height: 34px; overflow: hidden; padding: 5px 10px; margin: 1px; } .pop-in__error-notification.reset .error-notification div { font-size: 13px; padding: 0; } .pop-in.xsmall { width: 80px; width: 5rem; } .pop-in.medium { width: 176px; width: 11rem; } .pop-in.small { width: 224px; width: 14rem; } .pop-in.large { width: 352px; width: 22rem; } .pop-in:after { position: absolute; content: ''; display: inline-block; z-index: 2; background-repeat: no-repeat; background-position: center center; } .pop-in.pin-top:after, .pop-in.pin-bottom:after { margin-left: -7px; width: 14px; height: 9px; left: 50% } .pop-in.pin-top.pin-first-corner:after, .pop-in.pin-top.pin-second-corner:after, .pop-in.pin-bottom.pin-first-corner:after, .pop-in.pin-bottom.pin-second-corner:after { margin-left: 0; } .pop-in.pin-top.pin-first-corner:after, .pop-in.pin-bottom.pin-first-corner:after { left: 16px; left: 1rem; } .pop-in.pin-top.pin-second-corner:after, .pop-in.pin-bottom.pin-second-corner:after { left: auto; right: 16px; right: 1rem; } .pop-in.pin-top { margin-top: 7px; margin-top: 0.4375rem; } .pop-in.pin-top:after { top: -9px; background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHpJREFUeNpiZMAB0rfvnw+kDIDYcaan4wd0eUY8mhKg3AvYNDPi0mQhJQ7mn3j2EqtmRlyaYrXVwGKLr97CqpkRnyYYwKaZkZAmXJqZidEEAvpiwgzvfvxkePL5qwSQ68FEjCYYAKmBBpoBw/yL1/7/+fOHJAzSAxBgAKElePtLslkqAAAAAElFTkSuQmCC); } .pop-in.pin-bottom { margin-bottom: 7px; margin-bottom: 0.4375rem; } .pop-in.pin-bottom:after { bottom: -9px; background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHVJREFUeNpimH/x2v8/f/6QhEF6mE48e8mw+OotBmIBSC1IDxOQfYFYzTBNQLAApNGRGM3ImmZ6OiYygljp2/cLAKn9QGxgISXOEKuthlcTiMEIk8SlGZsmFI3YNIMANk0YGtE1Q4UwNGHViKb5AjZNIAAQYADGxIAVTAN62gAAAABJRU5ErkJggg==); } .pop-in.pin-top-center: after { left: 50% !important; } .pop-in.pin-left:after, .pop-in.pin-right:after { margin-top: -7px; width: 9px; height: 14px; top: 50% } .pop-in.pin-left.pin-first-corner:after, .pop-in.pin-left.pin-second-corner:after, .pop-in.pin-right.pin-first-corner:after, .pop-in.pin-right.pin-second-corner:after { margin-top: 0; } .pop-in.pin-left.pin-first-corner:after, .pop-in.pin-right.pin-first-corner:after { top: 16px; top: 1rem; } .pop-in.pin-left.pin-second-corner:after, .pop-in.pin-right.pin-second-corner:after { top: auto; bottom: 16px; bottom: 1rem; } .pop-in.pin-left { margin-left: 7px; margin-left: 0.4375rem; } .pop-in.pin-left:after { left: -9px; background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG1JREFUeNpiZMAC0rfvFwBS+4HYwEJKnIGJkIJYbTVURdgUgAATIQVwRfgUgBURUgAzCa8CmKILDAQA00xPx0QgveDEs5cMi6/ewmkSAyGF8CDApxAlMHEpxIgWbAoZcfkIGH7zgVQCKGgAAgwAxHxAe7xtnzgAAAAASUVORK5CYII=); } .pop-in.pin-right { margin-right: 7px; margin-right: 0.4375rem; } .pop-in.pin-right:after { right: -9px; background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHVJREFUeNpinH/x2v8Tz14yAMGCmZ6OiQxYAFOsthqDhZQ4iJ2Qvn3/fKyKQAQhhUwwBj6FTMgcXAqZ0I3GppDxz58 //7E5dvHVWwwwXzMxEAYGTARMuQDEjkyEFAAD+AMTIQUovsOlAK4InwKwIkIKQAAgwADUg1PBIMjodQAAAABJRU5ErkJggg==); } .pop-in.pin-small.pin-top.pin-first-corner: after, .pop-in.pin-small.pin-bottom.pin-first-corner:after { left: 9px; left: 0.5625rem; } .pop-in.pin-small.pin-top.pin-second-corner:after, .pop-in.pin-small.pin-bottom.pin-second-corner:after { right: 9px; right: 0.5625rem; } .pop-in.pin-small.pin-left.pin-first-corner:after, .pop-in.pin-small.pin-right.pin-first-corner:after { top: 9px; top: 0.5625rem; } .pop-in.pin-small.pin-left.pin-second-corner:after, .pop-in.pin-small.pin-right.pin-second-corner:after { bottom: 9px; bottom: 0.5625rem; } .pop-in.dark { background-color: #333; border: 2px solid #FFF; color: #FFF; } .pop-in.dark .pop-in__heading, .pop-in.dark .pop-in__tooltip { color: #FFF; } .pop-in.dark .pop-in__links a:link, .pop-in.dark .pop-in__links a:visited { color: #FFF; } .pop-in.dark .pop-in__links a:hover, .pop-in.dark .pop-in__links a:active { color: #67b7bf; } .pop-in.dark.pin-top:after { background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHNJREFUeNpiYMAB/v //Px+IzwOxAAOxAKoJBojTDNO0efNmMCZKM7ImY2NjMCaoGZsmfJoZYZqAVMKWLVsYGhoasLoGJO7j4wNiXgBiR2ZiNIHAgQMHGKSkpBjU1NQkgFwPRpD9hDRhs5mFFE0wjSAAEGAAf8mVcA0BiOQAAAAASUVORK5CYII=); } .pop-in.dark.pin-bottom: after { background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGVJREFUeNpi3Lx58/+GhgYGUgBIPZOPjw8DKRpBakF6mIDsC8RqhmkCggUgjY7EaEbWxMjImAgW/P //vwAQnwfi/yA/Gxsbo2CQGBTMxzARl2a8mnBpJkoTNs1Ea8KiGacmgAADAO6wiEaijulFAAAAAElFTkSuQmCC); } .pop-in.dark.pin-left: after { background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGpJREFUeNpiYMAC/v //LwDE54H4/+bNm/8TVGBsbPyfoAIQZkJWAKT2A7HBli1bGBoaGuCamQgpACsipABmEl4FMEUXGAgAJkZGxkQgvcDHxwevSQzEKEQOp/noYYQRmLgUEmUiUVYDBBgA+OKF4c3w584AAAAASUVORK5CYII=); } .pop-in.dark.pin-right: after { background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG9JREFUeNpi2Lx5838omM+ACxgbG/8nqBCkiKBCmCJ8CpmQOQ0NDQxbtmwBMROQFTKhm4xNIQs2d4IUgoCPjw9IIaZJWIABEy6TgKaAmBeA2JGJkAJGRsYPTIQU4ArM80AsgC9aMBWAAEEFQAAQYAAblIRWjsxv2QAAAABJRU5ErkJggg==); } .pop-in.tips { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: auto; max-width: 370px; position: relative; padding: 1.25rem; background-color: #67b7bf; border-radius: 6px; } .pop-in.tips[larger] { width: 550px; } .pop-in.tips h1, .pop-in.tips p, .pop-in.tips ul, .pop-in.tips ol { padding: 0; font-weight: 400; font-size: 14px; font-size: 0.875rem; color: #FFF; text-align: left; line-height: normal; cursor: default; white-space: initial; border: none; } .pop-in.tips h1 span, .pop-in.tips p span, .pop-in.tips ul span, .pop-in.tips ol span { font-family: "futurabold", Arial, sans-serif; letter-spacing: 1px; } .pop-in.tips p { line-height: 1.3; } .pop-in.tips p span { text-transform: uppercase; } .pop-in.tips ol { margin-left: 1.25rem; } .pop-in.tips h1 { font-size: 1.125rem; font-family: "futurabold", Arial, sans-serif; color: #FFF; margin: 12px 0; margin: 0.75rem 0; padding-right: 1.5rem; } .pop-in.tips button.close { position: absolute; right: 1rem; top: 1rem; } .pop-in.tips button.close i { line-height: 1; width: 100%; height: 100%; color: #FFF; transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; } .pop-in.tips button.close:hover i { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .pop-in.tips::before, .pop-in.tips::after { top: 100%; right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .pop-in.tips:before { border-color: rgba(245, 110, 110, 0); border-top-color: #67b7bf; border-width: 10px; right: 15px; } .pop-in.tips:after { background-image: none; border-color: rgba(255, 255, 255, 0); border-top-color: #67b7bf; border-width: 7px; right: 18px; } .pop-in.tips>div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row-reverse; flex-flow: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100% } .pop-in.tips>div:last-of-type { margin-top: 1rem; } .pop-in.tips>div .button.ghost.skip-tips { border: none; padding: 0; margin-top: 9px; } .pop-in.tips>div .button.ghost.skip-tips div>span { display: inherit; } .pop-in.tips>div .button.ghost.skip-tips div>span:first-of-type { padding-right: 5px; text-transform: capitalize; } .pop-in.tips>div .button.ghost.skip-tips div>span:last-of-type { border-bottom: 1px solid #FFF; } .pop-in.tips>div .button.ghost.skip-tips:hover { color: #FFF; background-color: #67b7bf; } .pop-in.tips>div .button.ghost.skip-tips:hover div>span:last-of-type { font-family: "futurabold", Arial, sans-serif; } .pop-in.tips[color-warning] { background-color: #ed795a; border-color: #ed795a; } .pop-in.tips[color-warning]:before, .pop-in.tips[color-warning]:after { border-top-color: #ed795a; } .pop-in.tips[color-warning] .button.ghost:hover { color: #ed795a; } .pop-in.tips[color-warning] .button.ghost.skip-tips:hover { background-color: #ed795a; } .pop-in.tips.pin-first-corner:before, .pop-in.tips.pin-second-corner:before { display: none; } .pop-in.tips.pin-first-corner:after, .pop-in.tips.pin-second-corner:after { border-width: 10px; } .pop-in.tips.pin-top.pin-second-corner::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); top: -22px; } @media only screen and (max-width: 670px) { .pop-in.tips { width: auto; min-width: 370px; } } .pop-in.white-rounded-shadow { border: none; border-radius: 8px; -webkit-filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3)); filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3)); } .pop-in.white-rounded-shadow::after { content: ''; background-image: none; width: 0; height: 0; right: 18px !important; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #FFF; } .pop-in__language .pop-in__links a { text-transform: uppercase; text-decoration: none; } .add-to-playlist-box { z-index: 760 !important; } .pop-in.add-to-playlist { z-index: 760 !important; } .pop-in.add-to-playlist .pop-in__actions li { display: block !important; margin-top: 15px; } @media only screen and (max-width: 460px) { .pop-in.add-to-playlist { display: block; position: fixed; top: 64px !important; right: 0; bottom: 0; left: 0; outline: 0; width: 100% } .pop-in.add-to-playlist:after { display: none !important; } .pop-in.add-to-playlist ul { height: calc(100% - 106px); max-height: none !important; } .pop-in.add-to-playlist li { width: 100% !important; } } .pop-in.add-to-playlist .pop-in__heading .close { display: none; position: absolute; top: 0; right: 0; } @media only screen and (max-width: 460px) { .pop-in.add-to-playlist .pop-in__heading .close { display: block; } } .pop-in.add-to-playlist .pop-in__heading .close i { transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; } .pop-in.add-to-playlist .pop-in__heading .close i:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .pop-in.add-to-playlist .pop-in__playlist-add { width: 100%; height: 48px; height: 3rem; } .pop-in.add-to-playlist .pop-in__playlist-add>div:first-child { width: 100% } .pop-in.add-to-playlist .pop-in__playlist-add input { width: 100%; height: 100%; border: none; outline: none; color: #646464; padding: 0 8px; padding: 0 0.5rem; } .pop-in.add-to-playlist .pop-in__playlist-add button { height: 48px; height: 3rem; min-width: 48px; min-width: 3rem; padding: 0 12px; padding: 0 0.75rem; white-space: nowrap; background-color: #67b7bf; color: #FFF; } .pop-in.add-to-playlist .pop-in__playlist-add button:hover { background-color: #48a2ab; } .pop-in.add-to-playlist .pop-in__playlist-add button.disabled, .pop-in.add-to-playlist .pop-in__playlist-add button:disabled, .pop-in.add-to-playlist .pop-in__playlist-add button[disabled] { cursor: not-allowed; opacity: 0.5; filter: alpha(opacity=50); } .pop-in-component { position: relative; display: inline-block; text-align: initial; } .pop-in-wrapper { position: absolute; display: none; z-index: 200; } .pop-in-wrapper.force-display { display: block !important; } .pop-in-wrapper.top-left, .pop-in-wrapper.top-center, .pop-in-wrapper.top-right { bottom: 100%; margin-bottom: 8px; margin-bottom: 0.5rem; } .pop-in-wrapper.bottom-left, .pop-in-wrapper.bottom-center, .pop-in-wrapper.bottom-right { top: 100%; margin-top: 8px; margin-top: 0.5rem; } .pop-in-wrapper.bottom-center.from-icon { left: -28px; } .pop-in-wrapper.bottom-right.from-icon { right: -14px; } .pop-in-wrapper.top-left, .pop-in-wrapper.bottom-left { left: 0% } .pop-in-wrapper.top-center, .pop-in-wrapper.bottom-center { left: 50% } .pop-in-wrapper.top-right, .pop-in-wrapper.bottom-right { right: 0% } .pop-in-wrapper.top-center .pop-in, .pop-in-wrapper.bottom-center .pop-in { margin-left: -50% } .pop-in-wrapper.left-top, .pop-in-wrapper.left-bottom { right: 100%; margin-right: 8px; margin-right: 0.5rem; } .pop-in-wrapper.right-top, .pop-in-wrapper.right-bottom { left: 100%; margin-left: 8px; margin-left: 0.5rem; } .pop-in-wrapper.left-top, .pop-in-wrapper.right-top { top: 0; } .pop-in-wrapper.left-bottom, .pop-in-wrapper.right-bottom { bottom: 0; } .pop-in-wrapper[z-600] { z-index: 600; } .product-access { background-color: #ebebeb; margin-top: 16px; margin-top: 1rem; padding: 24px; padding: 1.5rem; } .product-access__heading { margin-bottom: 8px; margin-bottom: 0.5rem; color: #67b7bf; } @media only screen and (min-width: 768px) { .product-access__split>div { padding-top: 16px; padding-top: 1rem; } .product-access__split>div:first-child { padding-right: 32px; padding-right: 2rem; } .product-access__split>div:last-child { padding-left: 32px; padding-left: 2rem; border-left: 1px solid #ccc; } } .mobile-tease { padding: 0 24px; padding: 0 1.5rem; margin-bottom: 24px; margin-bottom: 1.5rem; max-width: 1280px; max-width: 80rem; background-color: #67b7bf; } .mobile-tease__headline { width: 100%; font-weight: "futurabook", Arial, sans-serif; text-transform: uppercase; color: #FFF; } .mobile-tease__headline span { display: block; font-family: "futurademi", Arial, sans-serif; line-height: 1; margin-bottom: 8px; margin-bottom: 0.5rem; } .mobile-tease__headline, .mobile-tease__badges { padding: 24px 0; padding: 1.5rem 0; } .mobile-tease__visual, .mobile-tease__badges { white-space: nowrap; } .mobile-tease__visual { display: none; padding: 0 32px; padding: 0 2rem; } @media only screen and (min-width: 992px) { .mobile-tease { display: table; width: 100% } .mobile-tease>div { display: table-cell; vertical-align: middle; } } .client-space-heading+.mobile-tease { margin-top: -16px; margin-top: -1rem; } .image-tease { display: table; width: 100%; padding: 0 24px; padding: 0 1.5rem; margin-bottom: 24px; margin-bottom: 1.5rem; max-width: 1280px; max-width: 80rem; height: 180px; background-image: url("https://images.jamendo.com/jamendolicensing/heroes/hero-live-stream-d-xl.webp"); background-size: 100%; background-position: center; background-repeat: no-repeat; background-color: #FFF; } .image-tease.gaming { background-image: url("https://images.jamendo.com/jamendolicensing/heroes/hero-gaming2-d-xl.webp"); background-position: top; } .client-space-heading+.image-tease { margin-top: -16px; margin-top: -1rem; } .product-bought { color: gray; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-bought__actions { white-space: nowrap; } .product-bought__summary, .product-bought__use, .product-bought__actions { margin-top: 8px; margin-top: 0.5rem; } .product-bought__use a:link, .product-bought__use a:visited { color: #ed795a; } .product-bought__use a:hover, .product-bought__use a:active { color: #e8542c; } .product-bought>div:last-child { padding-right: 0; } .product-bought.standalone { padding: 16px; padding: 1rem; background-color: #fcfcfc; border: 1px solid #67b7bf; } .product-bought__secondary { width: 65% } @media only screen and (min-width: 992px) { .product-bought__primary>div, .product-bought__secondary>div { display: table; width: 100% } .product-bought__primary>div>div, .product-bought__secondary>div>div { display: table-cell; vertical-align: middle; } .product-bought__title { width: 25% } .product-bought__primary { width: 35% } .product-bought__secondary { width: 65% } .product-bought__secondary>div>div { padding: 0 16px; padding: 0 1rem; } .product-bought__secondary>div>div.product-bought__use { width: 100% } .product-bought__secondary>div>div.product-bought__actions { padding-right: 0; } .product-bought__actions { text-align: right; } .product-bought__date { width: 80px; width: 5rem; } .product-bought__date>span { margin-right: 12px; } .product-bought.in-store .product-bought__primary { width: 40% } .product-bought.in-store .product-bought__secondary { width: 60% } } @media only screen and (max-width: 1200px) { .product-bought.live-stream .product-bought__primary { width: 40% } } .product-bought.live-stream .product-bought__secondary>div>div:first-child>div>div { max-width: 500px; overflow: hidden; text-overflow: ellipsis; } @media only screen and (max-width: 1500px) { .product-bought.live-stream .product-bought__secondary>div>div: first-child>div>div { max-width: 300px; } } @media only screen and (max-width: 1300px) { .product-bought.live-stream .product-bought__secondary>div>div: first-child>div>div { max-width: 150px; } } .product-bought.live-stream .product-bought__secondary { width: 100% } @media only screen and (max-width: 1200px) { .product-bought.live-stream .product-bought__secondary>div>div: first-child { display: none; } } .product-bought.live-stream .product-bought__secondary>div>div:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; } .product-bought.live-stream .product-bought__secondary>div>div:last-child>ul { min-width: 440px; max-width: 570px; white-space: initial; display: inline-block; margin-left: -0.375rem; margin-right: -0.375rem; } @media only screen and (max-width: 992px) { .product-bought.live-stream .product-bought__secondary>div>div: last-child>ul { min-width: initial; max-width: 100% } } .product-bought.live-stream .product-bought__secondary>div>div:last-child>ul li:first-child, .product-bought.live-stream .product-bought__secondary>div>div:last-child>ul li:last-child { margin: 0.375rem; } .product-bought .break { -ms-flex-preferred-size: 100%; flex-basis: 100%; height: 0; } .product-bought__contentid { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-bought__contentid__text a { cursor: pointer; } .product-bought__contentid__key-content__input { padding: 2px 5px; } .product-bought__contentid__key-content__icon { cursor: pointer; } .product-bought__contentid__info-text { padding-top: 5px; } .product-bought-list { max-width: 1280px; max-width: 80rem; } .product-bought-list>li { padding-bottom: 16px; padding-bottom: 1rem; margin-bottom: 16px; margin-bottom: 1rem; border-bottom: 1px solid #e6e6e6; } .product-bought-list>li:last-child { padding: 0; margin: 0; border-bottom: none; } .notification+.product-bought.standalone { margin-top: -1px; margin-top: -0.0625rem; } .product-summary { color: #4d4d4d; height: 48px; height: 3rem; } .product-summary__information>div>div .product-summary__additional { white-space: normal; } .product-summary__license { font-family: "futurademi", Arial, sans-serif; color: #67b7bf; } .product-summary__license.is-inactive { color: #ed795a; } .product-summary__license.is-terminated { color: #999; } @media only screen and (max-width: 1200px) { .product-summary__product.live-stream { display: none; } } @media only screen and (max-width: 992px) { .product-summary__product.live-stream { display: inline-block; } } .product-summary__cover { width: 81px; width: 5.0625rem; position: relative; } .product-summary__cover img, .product-summary__play, .product-summary__play button { width: 65px; width: 4.0625rem; height: 65px; height: 4.0625rem; } .product-summary__play { z-index: 1; } .product-summary__play button { z-index: 3; } .product-summary__author { text-transform: uppercase; } .product-summary.standalone { padding: 16px; padding: 1rem; margin-bottom: 32px; margin-bottom: 2rem; border: 1px solid #67b7bf; } .description-table td, .description-table th { padding: 16px; padding: 1rem; line-height: 1.334; border: 1px solid whitesmoke; } .description-table td.description-table__archive-download, .description-table th.description-table__archive-download { padding: 0; } .description-table th { background-color: #fcfcfc; font-family: "futurademi", Arial, sans-serif; } .description-table__archive-download a { padding: 16px; padding: 1rem; vertical-align: top; text-decoration: none; color: gray; } .description-table__archive-download a:link, .description-table__archive-download a:visited { color: #999; } .description-table__archive-download a:hover, .description-table__archive-download a:active { color: #67b7bf; } .description-table__archive-download a .icon { margin-right: 4px; margin-right: 0.25rem; } .invoice-table__line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 80px; border-bottom: 1px solid #D1D1D6; padding: 10px 0; } .invoice-table__line>* { padding: 2px 10px; } @media only screen and (max-width: 768px) { .invoice-table__line>* { padding: 2px 2px; } } .invoice-table__line:last-child { border-bottom: none; } .invoice-table__line--header { color: black; padding-bottom: 10px; } .invoice-table__line__date { width: 132px; min-width: 132px; word-break: break-all; } @media only screen and (max-width: 768px) { .invoice-table__line__date { width: 25%; min-width: inherit; } } .invoice-table__line__date--header { word-break: normal; } .invoice-table__line__info { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (max-width: 768px) { .invoice-table__line__info { display: none; } } .invoice-table__line__info__product { color: black; } .invoice-table__line__invoice-nb { width: 212px; min-width: 212px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } @media only screen and (max-width: 768px) { .invoice-table__line__invoice-nb { width: 25%; min-width: inherit; } } .invoice-table__line__price { width: 155px; min-width: 155px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } @media only screen and (max-width: 768px) { .invoice-table__line__price { width: 25% } } .invoice-table__line__download { width: 100px; min-width: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } @media only screen and (max-width: 768px) { .invoice-table__line__download { width: 25%; min-width: inherit; } } .invoice-table__line__download__icon { background-image: url(https://images.jamendo.com/jamendolicensing/icon/invoice-download.svg); background-repeat: no-repeat; width: 30px; height: 26px; } .invoice-table__line__more { width: 100px; min-width: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } @media only screen and (max-width: 768px) { .invoice-table__line__more { width: 25%; min-width: inherit; } } .invoice-table__line__break { display: none; } @media only screen and (max-width: 768px) { .invoice-table__line__break { display: block; -ms-flex-preferred-size: 100%; flex-basis: 100%; height: 20px; } } .invoice-table__line__mobile-more { display: none; width: 100% } @media only screen and (max-width: 768px) { .invoice-table__line__mobile-more { display: block; } } .invoice-table__line__mobile-more__line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .invoice-table__line__mobile-more__line--header { color: black; padding-bottom: 10px; } .invoice-table__line__mobile-more__line__info { width: 50% } .invoice-table__line__mobile-more__line__info__product { color: black; } .invoice-table__line__mobile-more__line__price { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .base-table { width: 100%; max-width: 960px; max-width: 60rem; margin-bottom: 48px; margin-bottom: 3rem; } .base-table td, .base-table th { padding: 16px 24px; padding: 1rem 1.5rem; border-bottom: 1px solid #e6e6e6; } .base-table td:first-child, .base-table th:first-child { padding-left: 0 !important; } .base-table td:last-child, .base-table th:last-child { padding-right: 0 !important; } .base-table tr:last-child td { border-bottom: none; } .base-table th { line-height: 1.334; white-space: nowrap; } .base-table th.sortable:hover { cursor: pointer; } .base-table__tertiary { width: 88px; width: 5.5rem; white-space: nowrap; } .base-table__state.depleted { color: #b3b3b3; } .base-table__secondary { width: 96px; width: 6rem; white-space: nowrap; } .base-table__actions, .base-table__referral-amount { width: 1%; white-space: nowrap; } .base-table__referral-amount.paid { color: #b3b3b3; } .base-table__referral-amount.unpaid { color: #67b7bf; } .base-table.equal-row-height td { height: 74px; height: 4.625rem; } .base-table.narrow td, .base-table.narrow th { padding: 12px; padding: 0.75rem; } .base-table.referrals td:first-child { width: 50% } .base-table.referrals td { max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 1rem 0.5rem; } .client-space-heading+.history-table { margin-top: -16px; margin-top: -1rem; } #page-myaccount-invoices .base-table, #page-myaccount-credits .base-table, #page-myaccount-reseller-client-list .base-table, #page-myaccount-reseller-manage-stores .base-table { margin: auto; width: auto; } #page-myaccount-credits .base-table .base-table__primary { width: 310px; } #page-myaccount-reseller-downloads .description-table { margin: auto; } #page-myaccount-reseller-client-list .reseller_add_new_client .col-md-6:first-child { padding-left: 0; } #page-myaccount-reseller-client-list .reseller_add_new_client .col-md-6:last-child { padding-right: 0; } @media only screen and (max-width: 992px) { #page-myaccount-reseller-client-list .reseller_add_new_client .col-md-6: first-child, #page-myaccount-reseller-client-list .reseller_add_new_client .col-md-6:last-child { padding: 0; } } #page-myaccount-mymusic .playlist-actions .col-md-6 { padding-left: 0; } #page-myaccount-mymusic .playlist-actions .col-md-6 .button:last-child { margin-left: 0.5rem; } @media only screen and (max-width: 920px) { #page-myaccount-mymusic .button-cart { min-width: 180px; width: 180px; } } .search-filter { padding: 14px 24px; padding: 0.875rem 1.5rem; position: relative; width: 304px; width: 19rem; display: inline-block; } @media only screen and (max-width: 992px) { .search-filter { display: none; } } .search-filter--mobile { display: none !important; padding: 0; height: fit-contents; } @media only screen and (max-width: 768px) { .search-filter--mobile { display: block !important; } } @media only screen and (max-width: 768px) { .search-filter { display: none; } } .search-filter__heading { color: gray; padding-bottom: 24px; padding-bottom: 1.5rem; text-transform: none; } .search-filter__lists>li { padding-bottom: 24px; padding-bottom: 1.5rem; margin-bottom: 24px; margin-bottom: 1.5rem; border-bottom: 1px solid #ccc; } .search-filter__lists>li .heading { line-height: 2; text-align: left; margin: 0; font-family: "futurademi", Arial, sans-serif; color: gray; } .search-filter__lists>li:last-child { border-bottom: none; margin-bottom: none; } .search-filter__list { line-height: 2; } .search-filter__list a { position: relative; display: block; text-decoration: none; color: black !important; } .search-filter__list a.is-current:before { content: ''; display: block; background-color: #C4C4C4; width: 6px; width: 0.375rem; height: 6px; height: 0.375rem; border-radius: 100%; position: absolute; left: -12px; left: -0.75rem; margin-top: -3px; margin-top: -0.1875rem; top: 50% } .search-filter__list a.main { text-transform: uppercase; margin-bottom: 8px; margin-bottom: 0.5rem; font-family: "futurademi", Arial, sans-serif; color: gray; } .search-filter__list a.is-disabled { color: #afd9dd; } .search-filter__list a.is-disabled:hover { cursor: not-allowed; } .search-filter__list a .pill { margin-left: 8px; margin-left: 0.5rem; } .error-notification { padding: 16px; padding: 1rem; margin-bottom: 24px; margin-bottom: 1.5rem; border: 1px solid #ed795a; color: #ed795a; } .error-notification>div:first-child { padding-right: 16px; padding-right: 1rem; } .error-notification>div:last-child { line-height: 1.334; } .error-notification.success { border: 1px solid #67b7bf; color: #67b7bf; } fieldset { padding-top: 32px; padding-top: 2rem; margin-top: 8px; margin-top: 0.5rem; border-top-width: 1px; border-top-width: 0.0625rem; border-top-style: solid; border-top-color: #e6e6e6; } fieldset:first-of-type { border-top: none; padding-top: 0; margin-top: 0; } fieldset.reset { padding: 0; border: 0; } fieldset.reset:first-of-type { margin-top: inherit; } legend { margin-bottom: 0; text-transform: uppercase; -webkit-transform: translateY(0.5rem); transform: translateY(0.5rem); } label { position: relative; display: block; font-weight: initial; } .label-info { margin-left: 8px; margin-left: 0.5rem; vertical-align: top; } .form-group label:not(.error), .label { margin-bottom: 6px; margin-bottom: 0.375rem; line-height: 1.334; } .form-group label:not(.error).hitbox, .label.hitbox { line-height: inherit; } .form-group, .form-checkbox-buttons-group { margin-bottom: 24px; margin-bottom: 1.5rem; } .form-pick-group { margin-bottom: 16px; margin-bottom: 1rem; } .form-pick-group label.error { margin-top: 0; } .form-submit-group { text-align: center; } .form-inline-monofield>div:first-child { width: 100% } .form-inline-monofield>div:last-child { padding-left: 8px; padding-left: 0.5rem; } .form-inline-monofield [type=submit] { white-space: nowrap; } .form-group { position: relative; } .form-group.fieldset-heading label:not(.error):not(.success) { text-transform: uppercase; } .form-group.fieldset-heading label:not(.error):not(.success) span { text-transform: none; } .form-group.auto-width select { width: auto; display: inline-block; } .form-group.auto-width select+select { margin-left: -1px; } .form-control { color: #4d4d4d; height: 36px; height: 2.25rem; padding: 0 10px; padding: 0 0.625rem; border-color: #ccc; border-width: 1px; border-width: 0.0625rem; box-shadow: none; border-radius: 0; } .form-control:focus { border: 1px solid #67b7bf; box-shadow: 0 0 6px #afd9dd; } .form-control.branded { border-color: #67b7bf; border-width: 2px; border-radius: 4px; color: #67b7bf; text-transform: uppercase; line-height: 1; padding: 8px 32px 8px 12px; font-size: 15px; white-space: normal; word-break: break-all; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("https://images.jamendo.com/jamendolicensing/static/navigation/chevron-down.svg"); background-repeat: no-repeat; background-position: 92% center; background-size: 16px 16px; } .form-control.discreet { border-color: white; border-radius: 4px; color: #979797; font-family: "futurabook", Arial, sans-serif; text-transform: uppercase; line-height: initial; padding: 5px 32px 5px 12px; font-size: 14px; white-space: normal; word-break: break-word; width: auto; height: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("https://images.jamendo.com/jamendolicensing/static/navigation/chevron-down-gray-8.svg"); background-repeat: no-repeat; background-position: 93% 49%; background-size: 13px 13px; } .form-control.discreet:focus { border: 1px solid #7d7d7d; box-shadow: none; } .form-control.xs { border: none; color: #979797; font-weight: 400; line-height: initial; padding: 8px; font-size: 12px; text-decoration: underline; white-space: normal; word-break: break-word; width: auto; height: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-control.xs:focus { border: none; box-shadow: none; } .form-control.blocked { cursor: default; pointer-events: none; background: none; } .form-control.width-100 { width: 100%; background-position: 95% 44%; padding: 8px 32px 8px 8px; } .form-control.input-line { border: none; border-bottom: 1px solid #cbcbcb; padding-left: 8px; font-size: 16px; } .form-control.input-line:focus { border-bottom: 1px solid #67b7bf; box-shadow: none; color: #48a2ab; } .form-control.simple { height: 43px; border: none; } .form-control.simple:focus { box-shadow: none; } .checkbox, .checkbox-inline, .radio, .radio-inline { margin: 0; } .checkbox label, .checkbox-inline label, .radio label, .radio-inline label { line-height: 1.23; color: #646464; cursor: pointer; min-height: 24px; min-height: 1.5rem; margin-bottom: 0; } label.error, label.success, .help-block { color: #999; font-weight: "futurabook", Arial, sans-serif; padding: 8px 0 0; padding: 0.5rem 0 0; line-height: 1.4; clear: both; } label.error, label.success { font-size: 11px !important; font-size: 0.6875rem !important; letter-spacing: 1px !important; color: #ed795a; } label.error.placeholder-error, label.success.placeholder-error { position: absolute; width: 100%; bottom: 0; height: 36px; background-color: #ffd7d7; margin: 0 0 1px 0; padding: 8px; font-size: 13px !important; letter-spacing: 0 !important; color: black; cursor: text; } label.error.placeholder-error.outside, label.success.placeholder-error.outside { position: relative; display: block; width: auto; height: auto; min-height: 36px; margin-top: 16px; line-height: 1.6; padding: 12px; cursor: default; } label.success { color: #67b7bf; } select.form-control { padding: 0rem 16px 0rem 6px; padding: 0rem 1rem 0rem 0.375rem; cursor: pointer; } input[type="checkbox"], input[type="radio"] { margin-top: 0; } input[type="checkbox"]:focus, input[type="radio"]:focus { border-color: none; box-shadow: none; outline: none; } ::-webkit-input-placeholder { color: #999; } :-moz-placeholder { color: #999; } ::-moz-placeholder { color: #999; } :-ms-input-placeholder { color: #999; } .form-checkbox-buttons-group__label { margin-bottom: 5px; margin-bottom: 0.3125rem; } .form-checkbox-buttons-group .checkbox-button { width: 33.33333% } .form-checkbox-buttons-group .checkbox-button:nth-child(3n+1) { padding: 3px 4px 3px 0; padding: 0.1875rem 0.25rem 0.1875rem 0; } .form-checkbox-buttons-group .checkbox-button:nth-child(3n+2) { padding: 3px 2px 3px 2px; padding: 0.1875rem 0.125rem 0.1875rem 0.125rem; } .form-checkbox-buttons-group .checkbox-button:nth-child(3n+3) { padding: 3px 0 3px 4px; padding: 0.1875rem 0 0.1875rem 0.25rem; } .form-checkbox-buttons-group .checkbox-button label { width: 100% } .form-checkbox-buttons-group__visible, .form-checkbox-buttons-group__expand-expendable { font-size: 0; } .form-checkbox-buttons-group__expand-expendable { display: none; } .form-checkbox-buttons-group__expand-trigger { display: block; width: 100%; text-align: right; color: #b3b3b3; } .form-checkbox-buttons-group__expand-trigger:after { content: '\25BC' } .form-checkbox-buttons-group__expand-trigger:focus { outline: 0; } .form-checkbox-buttons-group__expand.is-expanded .form-checkbox-buttons-group__expand-expendable { display: block; } .form-checkbox-buttons-group__expand.is-expanded .form-checkbox-buttons-group__expand-trigger:after { content: '\25B2' } .form-checkbox-buttons-group+.form-checkbox-buttons-group { margin-top: -8px; margin-top: -0.5rem; } .checkbox-button { display: inline-block; } .checkbox-button input[type="checkbox"] { display: none; } .checkbox-button input[type="checkbox"]:checked+label { background-color: #67b7bf; } .checkbox-button label { padding: 0 8px; padding: 0 0.5rem; border-radius: 4px; border-radius: 0.25rem; color: #FFF; line-height: 2; height: 24px; background-color: #b3b3b3; cursor: pointer; text-align: center; margin: 0; } .form-group-slider label { margin-bottom: 11px; margin-bottom: 0.6875rem; } .form-group-slider .informational-link { position: absolute; left: 27px; } .form-group-slider .informational-link .icon { top: -2px; } .form-group-slider .ltr-infos { float: right; text-align: right; } .form-group-slider .scale { position: relative; text-align: center; width: 100% } .form-group-slider .scale span { margin-top: 8px; margin-top: 0.5rem; text-align: center; vertical-align: top; float: left; color: #b3b3b3; } .form-group-slider .scale .intermediate { position: absolute; top: 0; } .form-group-slider .scale .start { text-align: left; } .form-group-slider .scale .end { float: right; text-align: right; } .form-group-slider .scale.scale10 .intermediate { left: 5%; right: 5% } .form-group-slider .scale.scale10 .intermediate span { width: 11.1111% } .input-card-security-code { width: 80px; width: 5rem; } .input-vat { margin-left: -1px; width: 160px; width: 10rem; display: inline-block; } .input-vat-country-prefix { padding: 0 12px; padding: 0 0.75rem; height: 36px; height: 2.25rem; border-style: solid; border-color: #ccc; border-width: 1px; border-width: 0.0625rem; display: inline-block; float: left; vertical-align: top; line-height: 3; text-align: center; white-space: nowrap; } .input-vat-country-prefix:empty { display: none; } .payment-methods { margin-top: 20px; margin-top: 1.25rem; } .payment-methods button:focus { outline: 0; } .form-group-paragraph { min-height: 90px; min-height: 5.625rem; } .form-group-paragraph p { margin-bottom: 20px; margin-bottom: 1.25rem; } .form-group.registrer input { margin-left: 0; } .form-group.registrer span { margin-left: 20px; } #funnel-payment fieldset { padding: 20px; padding: 1.25rem; margin-top: 8px; margin-top: 0.5rem; border-width: 1px; border-width: 0.0625rem; border-style: solid; border-color: #ebebeb; } #funnel-payment fieldset:first-of-type, #funnel-payment fieldset .country-form { border-top: solid; border-width: 1px; border-width: 0.0625rem; border-color: #ebebeb; padding-top: 1.25rem; margin-top: 0; margin-bottom: 16px; margin-bottom: 1rem; } #funnel-payment fieldset:first-of-type>.form-group, #funnel-payment fieldset .country-form>.form-group { margin-bottom: 0; } #funnel-payment fieldset:first-of-type button, #funnel-payment fieldset .country-form button { top: -3px; left: 7px; } #funnel-payment fieldset .credit-card-payment .row .form-group { margin-bottom: 0.25rem; } #funnel-payment fieldset.box-terms-conditions { border: none; padding-top: 8px; padding-top: 0.5rem; } .notification { color: #FFF; display: block; background-color: #67b7bf; opacity: 1; } .notification__body>*:first-child { padding-left: 24px; padding-left: 1.5rem; } .notification__icon, .notification__close { width: 48px; width: 3rem; } .notification__icon { padding-right: 16px; padding-right: 1rem; } .notification__text { padding: 16px 0; padding: 1rem 0; /**/ line-height: 1.143; } .notification__text a, .notification__text button { color: inherit; text-decoration: underline; } .notification__close button { width: 48px; width: 3rem; height: 48px; height: 3rem; opacity: 0.3; filter: alpha(opacity=30); color: #000; } .notification__close button .icon { line-height: 1.334; } .notification__close button:hover { color: #FFF; opacity: 1; filter: alpha(opacity=100); } .notification__close button:focus { outline: none; } .notification__countdown { height: 8px; height: 0.5rem; } .notification__countdown-bar { width: 100%; height: 100%; background-color: #000; opacity: .1; } .notification.self-destruct { -webkit-animation: destroyMe 0s ease-in 7s forwards; animation: destroyMe 0s ease-in 7s forwards; } .notification.self-destruct .notification__countdown-bar { -webkit-animation: barAnimation 7s linear; animation: barAnimation 7s linear; } .notification.warning { background-color: #ed795a; } .notification-float-list { position: fixed; top: 16px; top: 1rem; right: 16px; right: 1rem; width: 320px; width: 20rem; z-index: 630; } .notification-float-list>li { margin-bottom: 8px; margin-bottom: 0.5rem; } .notification-announcements-list { z-index: 630; position: relative; position: fixed; bottom: 0; left: 0; right: 0; } .notification-announcements-list>li { border-bottom: 1px solid #FFF; } .notification-announcements-list>li:last-child { border-bottom: none; } @-webkit-keyframes destroyMe { to { width: 0; height: 0; overflow: hidden; visibility: hidden; } } @keyframes destroyMe { to { width: 0; height: 0; overflow: hidden; visibility: hidden; } } @-webkit-keyframes barAnimation { to { width: 0% } } @keyframes barAnimation { to { width: 0% } } .picker-filter { padding-bottom: 24px; padding-bottom: 1.5rem; } .picker-filter>div { border-bottom: 1px solid #ccc; } .picker-filter>div:first-child { width: 100%; padding-right: 5.2px; padding-right: 0.325rem; } .picker-filter_input { padding: 6px 0; padding: 0.375rem 0; width: 100%; border: none; outline: none; } .picker-filter_clear { margin-right: -10px; margin-right: -0.625rem; } .picker-list { overflow-y: auto; background-color: #FFF; color: #646464; height: auto; line-height: 3rem; } .picker-list .item { height: 48px; height: 3rem; border-bottom: 1px solid #e6e6e6; } .picker-list .item:last-child { border-bottom: none; } .picker-list input[type=checkbox] { display: none; } .picker-list .hitbox { height: 100%; width: 100%; text-align: left; outline: none; padding: 0 16px 0 0; padding: 0 1rem 0 0; margin: 0; } .picker-list .hitbox .icon { margin-right: 12px; margin-right: 0.75rem; top: 2px; color: #ccc; } .picker-list .hitbox .icon.bordered { font-size: 11px; font-size: 0.6875rem; border: 1px solid; top: 0px; padding-top: 2px; padding-left: 1px; margin-right: 0.5rem; } .picker-list .hitbox:hover { cursor: pointer; } .picker-list .hitbox.is-checked .icon, .picker-list input[type=checkbox]:checked+.hitbox .icon { color: #67b7bf; } .picker-list.small { max-height: 145px; max-height: 9.0625rem; } .picker-list.large { max-height: 337px; max-height: 21.0625rem; } .picker-list.framed { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .picker-list.framed .hitbox { padding-left: 16px; padding-left: 1rem; } .processing { position: relative; z-index: 0; } .processing:before { opacity: 0.85; filter: alpha(opacity=85); display: block; z-index: 10; background-color: #FFF; content: '' } .processing>.loader { position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-top: -0.75rem; margin-left: -12px; margin-left: -0.75rem; z-index: 11; display: block; } tr.processing { opacity: 0.25; filter: alpha(opacity=25); } tr.processing:before { display: none; } .quantity-picker { display: inline; font-size: 0; white-space: nowrap; } .quantity-picker .minus, .quantity-picker .field, .quantity-picker .plus { height: 25.6px; height: 1.6rem; display: inline-block; vertical-align: top; } .quantity-picker .minus, .quantity-picker .plus { width: 24px; width: 1.5rem; font-weight: bold; background-color: #b3b3b3; line-height: 0; } .quantity-picker .minus:hover, .quantity-picker .plus:hover { background-color: #9a9a9a; cursor: pointer; text-decoration: none; } .quantity-picker .minus.disabled, .quantity-picker .plus.disabled { cursor: not-allowed; pointer-events: none; } .quantity-picker .minus .icon, .quantity-picker .plus .icon { font-size: 0.75rem; width: 0.75rem; height: 0.75rem; } .quantity-picker .minus { border-top-left-radius: 4px; border-top-left-radius: 0.25rem; border-bottom-left-radius: 4px; border-bottom-left-radius: 0.25rem; } .quantity-picker .plus { border-top-right-radius: 4px; border-top-right-radius: 0.25rem; border-bottom-right-radius: 4px; border-bottom-right-radius: 0.25rem; } .quantity-picker .field { width: 44.8px; width: 2.8rem; padding: 0 8px; padding: 0 0.5rem; display: inline-block; border: 1px solid #b3b3b3; border-left: none; border-right: none; color: #999; outline: none; } .quantity-picker.large .minus, .quantity-picker.large .plus { width: 32px; width: 2rem; height: 36px; height: 2.25rem; } .quantity-picker.large .icon { font-size: 1rem; width: 1rem; height: 1rem; } .quantity-picker.large .field { height: 36px; height: 2.25rem; width: 64px; width: 4rem; text-align: center; border: 2px solid #b3b3b3; border-left: none; border-right: none; margin-left: -2px; } .quantity-picker.prefilled .minus, .quantity-picker.prefilled .plus { background-color: #67b7bf; } .quantity-picker.prefilled .field { border-color: #67b7bf; color: #67b7bf; } .quantity-picker.rounded { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 160px; height: 40px; border: 1px solid black; border-radius: 20px; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3); } .quantity-picker.rounded .minus, .quantity-picker.rounded .plus { background-color: transparent; color: black; margin: 0 8px; } .quantity-picker.rounded .field { border: none; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: black; } .reseller-csv-error-list { border: 1px solid #ed795a; padding: 16px; padding: 1rem; margin-bottom: 32px; margin-bottom: 2rem; } .reseller-csv-error-list li:not(:last-child) { padding-bottom: 12px; padding-bottom: 0.75rem; margin-bottom: 12px; margin-bottom: 0.75rem; border-bottom: 1px solid #e6e6e6; } .reseller-csv-error-list .description { font-family: "futurademi", Arial, sans-serif; color: #ed795a; } .reseller-csv-error-list .error-row { margin: 12px 0 8px; margin: 0.75rem 0 0.5rem; } .reseller-csv-error-list .error-row td { padding: 6px; padding: 0.375rem; border: 1px solid #ccc; white-space: nowrap; } .reseller-csv-error-list .error-row td.error { border: 1px solid #ed795a; background-color: #ed795a; color: #FFF; } .reseller-csv-format .content { padding: 16px 16px 0; padding: 1rem 1rem 0; border: 1px solid whitesmoke; border-bottom: none; } .reseller-csv-format .title { font-family: "futurademi", Arial, sans-serif; margin-bottom: 8px; margin-bottom: 0.5rem; } .reseller-csv-format .example td, .reseller-csv-format .content th { width: 100% } .reseller-csv-format+.reseller-csv-format { margin-top: 8px; margin-top: 0.5rem; } .results-heading { padding: 16px 34px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 992px) { .results-heading { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (max-width: 768px) { .results-heading { padding: 0; } } .results-heading__count { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media only screen and (max-width: 992px) { .results-heading__count { text-align: center; } } @media only screen and (max-width: 768px) { .results-heading__count { display: none; } } .results-heading__count-text { padding-right: 16px; padding-right: 1rem; margin-right: 16px; margin-right: 1rem; display: inline-block; color: gray; background-color: #FFF; margin-bottom: 0; } @media only screen and (max-width: 992px) { .results-heading__count-text { padding-right: 0rem; margin-right: 0rem; } } .results-heading__count-text.highlight { padding-right: 16px; padding-right: 1rem; margin-right: 16px; margin-right: 1rem; color: gray; background-color: #FFF; font-size: 18px; font-weight: 350; color: #67b7bf; } @media only screen and (max-width: 992px) { .results-heading__count-text.highlight { padding-right: 0rem; margin-right: 0rem; } } .results-heading>button:focus { outline: none; } .results-heading__space { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (max-width: 1300px) { .results-heading__space { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } } .results-heading__action { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 768px) { .results-heading__action { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); width: 100% } } .results-heading__action__break { display: none; } @media only screen and (max-width: 768px) { .results-heading__action__break { display: block; -ms-flex-preferred-size: 100%; flex-basis: 100%; height: 0; } } @media only screen and (max-width: 768px) { .results-heading__action__license { display: block; width: 100% } .results-heading__action__license .button-default-license { width: 100%; min-height: 48px; border: none; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; padding: 0; box-shadow: none; } } @media only screen and (max-width: 768px) { .results-heading__action__filter { width: 50%; height: 100%; min-height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 5px; padding-right: 5px; } .results-heading__action__filter .button-checkbox .content-displaying { display: none; } .results-heading__action__filter__order { border: none; color: #646464; outline: none; cursor: pointer; font-size: 1rem; overflow: hidden; text-overflow: ellipsis; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } } .results-heading__action__filter--mobile { display: none; } @media only screen and (max-width: 768px) { .results-heading__action__filter--mobile { display: -webkit-box; display: -ms-flexbox; display: flex; border-right: 1px solid #D8D8D8; margin-right: 0; } } .results-heading__action__filter:nth-child(2) { margin-right: 5px; } @media only screen and (max-width: 768px) { .results-heading__action__filter: nth-child(2) { padding-right: 5px; margin-right: 0; } } .results-heading__action__filter__refine { cursor: pointer; width: 100%; min-height: 44px; margin: 0; } @media only screen and (max-width: 768px) { .results-heading__action__filter__refine { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .results-heading__action__filter__refine span { margin-left: 3px; } } .hero+.section { margin-top: 64px; margin-top: 4rem; } .btn.btn--bordered:before { border-width: 1px; border-style: solid; background-color: transparent; } .btn.btn--bordered:before { border-color: #262626; } .btn:before { top: 12px; right: 0; bottom: 12px; left: 0; } .btn-fixed_btn:before, .btn-pill:before, .btn:before, .highlighted:before { background-color: #262626; } .btn-fixed_btn:after, .btn-fixed_btn:before, .btn-pill:after, .btn-pill:before, .btn-social:after, .btn-social:before, .btn-tag:before, .btn:after, .btn:before, .highlighted:before { position: absolute; z-index: -2; content: ""; } .icon-menu-secondary:before { content: ":"; font-size:20px; font-weight:900; } .icon-play-s:before { content: "▶"; } /* DA SISTEMARE Da qui in giu***********/ .overlayGetTuneIn .logo .logo-container .overlayGetTuneIn { display: none !important; width: 1px; } .overlayGetTuneIn { display: none !important; } .u-section-1 .u-sheet-1 { min-height: 500px; } .u-section-1 .u-layout-wrap-1 { margin-top: 60px; margin-bottom: 60px; position: relative; } .u-section-1 .u-layout-cell-1 { min-height: 400px; } .u-section-1 .u-container-layout-1 { padding: 30px; } .u-section-1 .u-text-1 { font-weight: 700; margin: 37px 0 0 20px; } .u-section-1 .u-text-2 { margin: 20px 0 0 20px; } .u-section-1 .u-btn-1 { background-image: none; border-style: solid; text-transform: uppercase; font-weight: 700; margin: 20px 0 0 auto; } .u-section-1 .u-layout-cell-2 { min-height: 200px; } .u-section-1 .u-container-layout-2 { padding: 30px; } .u-section-1 .u-image-1 { width: 169px; height: 99px; margin: 0 auto; } .u-section-1 .u-layout-cell-3 { min-height: 200px; } .u-section-1 .u-container-layout-3 { padding: 30px; } .u-section-1 .u-image-2 { width: 169px; height: 99px; margin: 0 auto; } .u-section-1 .u-layout-cell-4 { min-height: 200px; } .u-section-1 .u-container-layout-4 { padding: 30px; } .u-section-1 .u-image-3 { width: 169px; height: 99px; margin: 0 auto; } .u-section-1 .u-layout-cell-5 { min-height: 200px; } .u-section-1 .u-container-layout-5 { padding: 30px; } .u-section-1 .u-image-4 { width: 169px; height: 99px; margin: 0 auto; } .c-share { position: relative; width: 33px; height: 33px; } .c-share__input { display: none; } .c-share__input:checked~.c-share__toggler .c-share__icon { transition: 0s; width: 0; height: 0; color: #639eff; } .c-share__input:checked~.c-share__toggler .c-share__icon::before { transform: rotate(-45deg); } .c-share__input:checked~.c-share__toggler .c-share__icon::after { transform: rotate(45deg); } .c-share__input:checked~.c-share_options { width: 11.0625em; height: 12.5em; } .c-share__input:checked~.c-share_options::before, .c-share__input:checked~.c-share_options li { transition: 0.3s 0.15s; opacity: 1; transform: translateY(0); } .c-share__toggler, .c-share_options { position: absolute; right: 0; width: inherit; height: inherit; } .c-share__toggler { cursor: pointer; z-index: 1; display: flex; justify-content: center; align-items: center; } .c-share__icon { position: relative; left: -0.3125em; width: 0.5em; height: 0.5em; border-radius: 50%; color: black; } .c-share__icon::before, .c-share__icon::after { content: ""; position: absolute; width: 1em; height: 0.125em; background-color: currentColor; transition: 0.1s; } .c-share__icon::before { top: 0.1875em; left: 0.1875em; transform-origin: bottom left; transform: rotate(45deg); } .c-share__icon::after { top: -0.125em; left: 0.03125em; transform-origin: center; transform: rotate(-45deg); } .c-share_options { list-style: none; margin: 0; padding: 1.0625em 1.25em; box-sizing: border-box; overflow: hidden; transition: 0.2s; } .c-share_options::before { content: attr(data-title); display: block; margin-bottom: 1.25em; font-weight: 700; } .c-share_options li { font-size: 0.875em; color: #464646; cursor: pointer; } .c-share_options li:not(:last-child) { margin-bottom: 0.75em; } .c-share_options::before, .c-share_options li { opacity: 0; transform: translateY(0.625em); transition: 0s; } .al-row-grid { max-width: 1400px; } .al-save { display: flex; align-items: center; justify-content: center; vertical-align: text-top !important; } .share { margin-left: -33px; padding-top: 11px; text-align: left; width: 16px; display: flex !important; align-items: center !important; justify-content: center!important; } .al-name-artist { color: black !important; } .artist-lable { font-size: 19px; text-align: center; font-weight: 700; padding-top: 12px; padding-left: 26%; } .spazio { padding-top: 100px; } .blk { color: #000 !important; } /* Create two equal columns that floats next to each other */ .column { float: left; width: 50%; padding: 10px; height: 300px; /* Should be removed. Only for demonstration */ } /* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; } /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ @media screen and (max-width: 600px) { .imageslider { display: none !important; } } @media screen and (max-width: 600px) { .column { width: 100%; } } #myCarousel .carousel-item .mask { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-attachment: fixed; } #myCarousel h4 { font-size: 50px; margin-bottom: 15px; color: #FFF; line-height: 100%; letter-spacing: 0.5px; font-weight: 600; } #myCarousel p { font-size: 18px; margin-bottom: 15px; color: #d5d5d5; } #myCarousel .carousel-item a { background: #F47735; font-size: 14px; color: #FFF; padding: 13px 32px; display: inline-block; } #myCarousel .carousel-item a:hover { background: #394fa2; text-decoration: none; } #myCarousel .carousel-item h4 { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } #myCarousel .carousel-item p { -webkit-animation-name: slideInRight; animation-name: slideInRight; } #myCarousel .carousel-item a { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } #myCarousel .carousel-item .mask img { -webkit-animation-name: slideInRight; animation-name: slideInRight; display: block; height: auto; max-width: 100%; } #myCarousel h4, #myCarousel p, #myCarousel a, #myCarousel .carousel-item .mask img { -webkit-animation-duration: 1s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } #myCarousel .container { max-width: 1430px; } #myCarousel .carousel-item { height: 100%; min-height: 550px; } #myCarousel { position: relative; z-index: 1; background-color: #cec3c1; background-size: cover; } .carousel-control-next, .carousel-control-prev { height: 40px; width: 40px; padding: 12px; top: 50%; bottom: auto; transform: translateY(-50%); background-color: #f47735; } .carousel-item { position: relative; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; transition: -webkit-transform .6s ease; transition: transform .6s ease; transition: transform .6s ease, -webkit-transform .6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-fade .carousel-item { opacity: 0; -webkit-transition-duration: .6s; transition-duration: .6s; -webkit-transition-property: opacity; transition-property: opacity } .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { opacity: 1 } .carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-right.active { opacity: 0 } .carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } @supports (transform-style:preserve-3d) { .carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } .mx-auto2 { height: 345px; } .al-title-carousel { color: black !important; } a { color: #000 !important; } .is-hidden, [display^=none] { display: none } @font-face { font-family: futurabook; src: url(../fonts/futura-book.woff2) format("woff2"), url(../fonts/futura-book.woff) format("woff") } @font-face { font-family: futurademi; src: url(../fonts/futura-demi.woff2) format("woff2"), url(../fonts/futura-demi.woff) format("woff") } @font-face { font-family: futurabold; src: url(../fonts/futura-bold.woff2) format("woff2"), url(../fonts/futura-bold.woff) format("woff") } @font-face { font-family: jamendo-licensing-icons; src: url(data:font/woff;base64,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) format("woff"), url(data:font/ttf;base64,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) format("truetype"), url(../fonts/jamendo-all-icons.eot), url(../fonts/jamendo-all-icons.eot?#iefix) format("embedded-opentype"), url(../fonts/jamendo-all-icons.svg#jamendo-all-icons) format("svg") } .chosen-container { position: relative; display: inline-block; vertical-align: middle; user-select: none } .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; width: 100%; background: #fff } .chosen-container.chosen-with-drop .chosen-drop { left: 0 } .chosen-container a { cursor: pointer } .chosen-container .chosen-single .group-name, .chosen-container .search-choice .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 400; color: #999 } .chosen-container .chosen-single .group-name:after, .chosen-container .search-choice .group-name:after { content: ":"; padding-left: 2px; vertical-align: top } .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; border: 1px solid #aaa; background-color: #fff; background-clip: padding-box; color: #444; text-decoration: none; white-space: nowrap } .chosen-container-single .chosen-default { color: #999 } .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; font-size: 1px } .chosen-container-single .chosen-single abbr:hover, .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; height: 100% } .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100% } .chosen-container-single .chosen-search { z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap } .chosen-container-single .chosen-search input[type=text] { margin: 1px 0; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0 } .chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px } .chosen-container .chosen-results { color: #444; position: relative; overflow-x: hidden; overflow-y: auto; max-height: 240px; -webkit-overflow-scrolling: touch } .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; word-wrap: break-word; -webkit-touch-callout: none } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default } .chosen-container .chosen-results li.highlighted { color: #fff } .chosen-container .chosen-results li.no-results { color: #777; display: list-item; background: #f4f4f4 } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: 700; cursor: default } .chosen-container .chosen-results li.group-option { padding-left: 15px } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline } .chosen-container .chosen-choices { position: relative; overflow: hidden; margin: 0; padding: 0 5px; width: 100%; height: auto; border: 1px solid #aaa; background-color: #fff; background-image: linear-gradient(#eee 1%, #fff 15%); cursor: text } .chosen-container .chosen-choices li { float: left; list-style: none } .chosen-container .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap } .chosen-container .chosen-choices li.search-field input[type=text] { padding: 0; outline: 0; border: 0!important; background: 0 0!important; box-shadow: none; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0 } .chosen-container .chosen-choices li.search-choice { position: relative; margin: 3px 5px 3px 0; background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; cursor: default } .chosen-container .chosen-choices li.search-choice span { word-wrap: break-word } .chosen-container .chosen-choices li.search-choice .search-choice-close { position: absolute; display: block } .chosen-container .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px } .chosen-container .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); color: #666 } .chosen-container .chosen-choices li.search-choice-focus { background: #d4d4d4 } .chosen-container .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px } .chosen-container .chosen-results { margin: 0; padding: 0 } .chosen-container .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default } .chosen-container-active .chosen-single { border: 1px solid #5897fb } .chosen-container-active.chosen-with-drop .chosen-single { border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-image: linear-gradient(#eee 20%, #fff 80%) } .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: 0 0 } .chosen-container-active .chosen-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, .3) } .chosen-container-active .chosen-choices li.search-field input[type=text] { color: #222!important } .chosen-disabled { opacity: .5!important; cursor: default } .chosen-disabled .chosen-choices .search-choice .search-choice-close, .chosen-disabled .chosen-single { cursor: default } .chosen-rtl { text-align: right } .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0 } .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl } .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px } .chosen-rtl .chosen-single div { right: auto; left: 3px } .chosen-rtl .chosen-single abbr { right: auto; left: 26px } .chosen-rtl .chosen-choices li { float: right } .chosen-rtl .chosen-choices li.search-field input[type=text] { direction: rtl } .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px } .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px } .chosen-rtl .chosen-drop, .chosen-rtl.chosen-container-single-nosearch .chosen-search { left: 9999px } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0 } .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0 } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none } .chosen-rtl .chosen-search input[type=text] { padding: 4px 5px 4px 20px; direction: rtl } .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px } .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi), only screen and (min-resolution:1.5dppx) { .chosen-container .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span, .chosen-container-single .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-rtl .chosen-search input[type=text] { background-image: url(chosen-sprite@2x.png)!important; background-size: 52px 37px!important; background-repeat: no-repeat!important } } .chosen-container { font-size: 12.25px; font-size: .875rem } .chosen-container .chosen-drop { font-size: 11.38px; font-size: .8125rem; border: 1px solid; box-shadow: 0 0 6px #ff85a5; padding-top: 4px; text-align: left } .chosen-container-single .chosen-single { background: #FFF; border-radius: 0; padding: .5rem 1rem .625rem .5rem; line-height: inherit; box-shadow: none; height: 31.5px; height: 2.25rem; border-color: #ccc } .chosen-container-single .chosen-single abbr { background: url(../images/chosen-sprite.png) -42px 1px no-repeat } .chosen-container-single .chosen-single div { width: 16px } .chosen-container-single .chosen-single div b { background: url(../images/sprites/chosen-sprite.png) 0 7px no-repeat } .chosen-container-single .chosen-search { position: relative } .chosen-container-single .chosen-search:after { position: absolute; z-index: 1; display: block; top: .75rem; right: 1rem; width: 12px; height: 12px; font-size: 12px; font-family: jamendo-licensing-icons; content: "" } .chosen-container-single .chosen-search input[type=text] { background: 0 0; padding: .5rem 2rem .5rem .5rem } .chosen-search input[type=text] { background: 0 0!important } .chosen-container-active .chosen-single { border-color:; box-shadow: 0 0 6px #ff85a5 } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid; background: #FFF; box-shadow: 0 0 6px #ff85a5 } .chosen-container .chosen-results li.highlighted { background-color:; background-image: none } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 7px } .chosen-rtl .chosen-search input[type=text] { background: url(../images/sprites/chosen-sprite.png) -30px -20px no-repeat } .chosen-container .chosen-choices li.search-choice { border: none; max-width: 100%; border-radius: 4px; background-color: #ff527f; background-image: none; box-shadow: none; color: #FFF; line-height: 24px; padding: 0 24px 0 6px } .chosen-container .chosen-choices li.search-choice .search-choice-close { top: 0; right: 0; width: 24px; height: 24px; background: 0 0; font-family: jamendo-licensing-icons; font-size: 8px; color: #FFF; text-decoration: none; line-height: 3; text-align: center; cursor: pointer } .btn.btn--licensing-2, .button-cart, .button-cart .button-cart-text-container .pricing span, a:link.link-color { font-family: futurademi, Arial, sans-serif } a, a.link-wrap { font-size: inherit } .chosen-container .chosen-choices li.search-choice .search-choice-close:before { content: "" } .chosen-container .chosen-choices li.search-field input[type=text] { height: 30px; margin: 0; padding-left: 6px; padding-top: 2px; color: #737373!important } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi), only screen and (min-resolution:1.5dppx) { .chosen-container .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span, .chosen-container-single .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-rtl .chosen-search input[type=text] { background: 0 0!important } } a { text-decoration: underline } .btn-action, .btn-action:active, .btn-action:focus, .btn-action:hover, .btn-action:visited, .button-cart, .button-cart:hover, a.a--search, a.link-wrap, a:link.link-color { text-decoration: none } a:active, a:link { color : } a:visited { color: #ff6c92 } a:focus, a:hover { color: #d20036 } a:link.link-action { padding: .85714rem; text-transform: uppercase; line-height: 1.6; letter-spacing: 1px } a:link.link-color { color : } a.link-wrap { color: inherit; outline: 0 } a.a--search { padding: .57143rem; color: #4d4d4d; display: inline-block; background-color: #e8e8e8; line-height: 24px } a.a--search:active, a.a--search:hover { background-color: #dedede } a.a--search span { display: inline-block; vertical-align: middle } a.a--search span:first-child { color : } .list-link-search { margin-top: -8px; margin-bottom: 8px } .list-link-search>li { display: inline-block; margin: 0 .57143rem 0 0 } .list-link-search>li:last-child { margin-right: 0 } .btn { padding: 16px 12px } .btn:before { top: 12px; right: 0; bottom: 12px; left: 0 } .modal-content .licenses-container { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding-bottom:0 } .modal-content .checkbox.center { font-size:14px; text-align:center; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -ms-flex-pack:distribute; justify-content:space-around; margin:0 0 20px } @media only screen and (max-width:768px) { .modal-content .checkbox.center { margin-top:-5px } } .modal-content .small { padding:0 0 10px } [fade]>* { opacity:0; transition:all .3s } [fade][scale-up]>* { -webkit-transform:scale(.7); transform:scale(.7) } [fade=show] { visibility:visible } [fade=show]>* { opacity:1 } [fade=show][scale-up]>* { -webkit-transform:scale(1); transform:scale(1) } .container-modal { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; position:absolute; width:100%; height:100% } @media only screen and (max-height:680px) { .container-modal { min-height:680px } } #o-download p { margin-bottom:.57143rem; display:block } .c-share__input { z-index:999!important; display:none; background-color:#fff!important } .c-share__input:checked~.c-share__toggler .c-share__icon { transition:0s; width:0; z-index:999!important; background-color:#fff!important; height:0; z-index:999; color:#639eff } .c-share__input:checked~.c-share__toggler .c-share__icon::before { transform:rotate(-45deg); z-index:999!important; background-color:#fff!important } .c-share__input:checked~.c-share__toggler .c-share__icon::after { transform:rotate(45deg); z-index:999!important; background-color:#fff!important } .c-share__input:checked~.c-share_options { width:11.0625em; height:12.5em; background-color:#fff!important; z-index:999 } .c-share__input:checked~.c-share_options li, .c-share__input:checked~.c-share_options::before { transition:.3s .15s; opacity:1; z-index:999; transform:translateY(0) } .c-share__toggler, .c-share_options { position:absolute; right:0; z-index:999; width:inherit; height:inherit } .c-share__toggler { cursor:pointer; z-index:1; z-index:999; display:flex; justify-content:center; align-items:center } .c-share__icon { position:relative; left:-.3125em; width:.5em; height:.5em; z-index:999; border-radius:50%; color:#000 } .c-share__icon::after, .c-share__icon::before { content:""; position:absolute; width:1em; z-index:999; height:.125em; background-color:currentColor; transition:.1s } .c-share__icon::before { top:.1875em; left:.1875em; z-index:999; transform-origin:bottom left; transform:rotate(45deg) } .c-share__icon::after { top:-.125em; left:.03125em; z-index:999; transform-origin:center; transform:rotate(-45deg) } .al-c-share-center { text-align:center!important } .c-share_options { list-style:none; margin:0; z-index:999; padding:1.0625em 1.25em; box-sizing:border-box; overflow:hidden; transition:.2s } .c-share_options::before { content:attr(data-title); display:block; z-index:999; margin-bottom:1.25em; font-weight:700 } .c-share_options li { font-size:.875em; z-index:999; color:#464646; cursor:pointer } .c-share_options li:not(:last-child) { margin-bottom:.75em; z-index:999 } .c-share_options li, .c-share_options::before { opacity:0; z-index:999; transform:translateY(.625em); transition:0s } border-radius:50%; color:#000 } .c-share__icon::after, .c-share__icon::before { content:""; position:absolute; width:1em; z-index:999; height:.125em; background-color:currentColor; transition:.1s } .c-share__icon::before { top:.1875em; left:.1875em; z-index:999; transform-origin:bottom left; transform:rotate(45deg) } .c-share__icon::after { top:-.125em; left:.03125em; z-index:999; transform-origin:center; transform:rotate(-45deg) } .al-c-share-center { text-align:center!important } .c-share_options { list-style:none; margin:0; z-index:999; padding:1.0625em 1.25em; box-sizing:border-box; overflow:hidden; transition:.2s } .c-share_options::before { content:attr(data-title); display:block; z-index:999; margin-bottom:1.25em; font-weight:700 } .c-share_options li { font-size:.875em; z-index:999; color:#464646; cursor:pointer } .c-share_options li:not(:last-child) { margin-bottom:.75em; z-index:999 } .c-share_options li, .c-share_options::before { opacity:0; z-index:999; transform:translateY(.625em); transition:0s } .btn span { text-transform:initial } .btn.btn--lg:before { top:8px; right:0; bottom:8px; left:0 } .btn.btn-xs { padding:12px 5px } .btn.is-disabled, .btn[disabled] { pointer-events:none } .btn.is-disabled:hover, .btn[disabled]:hover { cursor:not-allowed } .btn:after { top:12px; right:0; bottom:12px; left:0; background-color:#737373 } .btn.is-active:after { -webkit-animation:btn-is-active .8s linear; animation:btn-is-active .8s linear } @-webkit-keyframes btn-is-active { 0% { top:12px; right:0; bottom:12px; left:0; opacity:0 } 25% { top:4px; right:-8px; bottom:4px; left:-8px; opacity:.3 } 100% { top:4px; right:-8px; bottom:4px; left:-8px; opacity:0 } } @keyframes btn-is-active { 0% { top:12px; right:0; bottom:12px; left:0; opacity:0 } 25% { top:4px; right:-8px; bottom:4px; left:-8px; opacity:.3 } 100% { top:4px; right:-8px; bottom:4px; left:-8px; opacity:0 } } @-webkit-keyframes button-is-active { 0%, 100% { -webkit-transform:scale(1); transform:scale(1) } 25% { -webkit-transform:scale(1.1); transform:scale(1.1) } } @keyframes button-is-active { 0%, 100% { -webkit-transform:scale(1); transform:scale(1) } 25% { -webkit-transform:scale(1.1); transform:scale(1.1) } } .btn-action, .btn-action span { line-height:1.334; position:relative } .btn-action { appearance:none; -moz-appearance:none; -webkit-appearance:none; vertical-align:middle; display:inline-block; z-index:0; text-transform:uppercase; letter-spacing:1px; color:#737373; background-color:#f0f0f0 } .btn-action, .btn-action:after { height:48px; min-width:48px; border-radius:24px; padding:16px } .btn-action i, .btn-action span { z-index:2 } .btn-action span { vertical-align:top; margin-left:8px } .btn-action:focus { outline:0 } .btn-action.small, .btn-action.small:after { height:36px; min-width:36px; border-radius:18px; padding:10px } .btn-action:after { background-color:#000; content:''; opacity:0 } .btn-action:hover { cursor:pointer } .btn-action:hover:after { opacity:.05 } .btn-action .icon+.icon, .btn-action span+span, .btn-action.is-on span { display:none } .btn-action.is-on span+span { display:inline } .btn-action.facebook:hover { color:#fff; background-color:#5f78ab } .btn-action.twitter:hover { color:#fff; background-color:#4099ff } .btn-action.website:hover { color:#fff; background-color:#707070 } .logo { background-position:center } .btn-icon { width:32px; height:48px } .btn-icon::-moz-focus-inner { border:0; outline:0 } .btn-icon .icon { display:inline; line-height:48px } .btn-icon:after { background-color:#737373 } .btn-pill:after { background-color:#fff } .btn-icon.is-active:after { border-radius:100%; opacity:0; margin:-28px 0 0 -28px; height:56px; width:56px; z-index:-2; content:""; -webkit-animation:btn-icon-is-active .8s linear; animation:btn-icon-is-active .8s linear } @-webkit-keyframes btn-icon-is-active { 0% { -webkit-transform:scale(0); transform:scale(0); opacity:0 } 25% { -webkit-transform:scale(1); transform:scale(1); opacity:.2 } 100% { opacity:0 } } @keyframes btn-icon-is-active { 0% { -webkit-transform:scale(0); transform:scale(0); opacity:0 } 25% { -webkit-transform:scale(1); transform:scale(1); opacity:.2 } 100% { opacity:0 } } .btn-link { color:#262626; text-decoration:underline; line-height:1; padding:18px 12px } .btn-secondary-menu { text-decoration:none } .btn-link:hover { color:#000 } .btn-link.btn--brand:hover { color:#d20036 } .btn-link.is-disabled, .btn-link[disabled] { color:#bfbfbf!important; pointer-events:none } .btn-link.is-disabled:hover, .btn-link[disabled]:hover { color:#bfbfbf!important; cursor:not-allowed } .button-checkbox label { cursor:pointer } .btn-pill { width:48px; height:48px } .btn-pill:after, .btn-pill:before { border-radius:24px; top:2px; right:2px; bottom:2px; left:2px } .btn-pill:after { z-index:-1; -webkit-transform:scale(0); transform:scale(0); opacity:0 } .btn-pill .icon { display:inline; line-height:48px } .btn-pill.btn--sm:after, .btn-pill.btn--sm:before { top:12px; right:12px; bottom:12px; left:12px } .btn-pill.btn--xs:after, .btn-pill.btn--xs:before { top:16px; right:16px; bottom:16px; left:16px } .btn-social:after, .btn-social:before { top:8px; bottom:8px; left:0; right:0 } .btn-pill.btn--xs .icon { font-size:8px } .btn-social { padding:8px 0 } .btn-social>div { padding:8px 10px } .btn-social>div:first-child { line-height:1; border-right:1px solid #fff; color:#fff } .btn-social>div:last-child { width:100% } .btn-social:after { background-color:#737373 } .logo { background-repeat:no-repeat; background-size:contain } .btn-secondary-menu { padding:16px 16px 16px 48px; position:relative; display:block; width:100%; text-align:left; color:#737373; line-height:16px } .btn-secondary-menu:link, .btn-secondary-menu:visited { color:#737373 } .btn-secondary-menu:active, .btn-secondary-menu:hover { background-color:#f9f9f9 } .btn-secondary-menu .icon { position:absolute; left:16px; top:16px } .button-checkbox { display:inline-block } .button-checkbox input[type=checkbox], .button-checkbox input[type=radio] { display:none } .button-checkbox input[type=checkbox]:checked+label, .button-checkbox input[type=radio]:checked+label { background-color:#fff } .button-checkbox label { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-transform:uppercase; font-weight:600; letter-spacing:1px; padding:.5rem 1.5rem; border-radius:.25rem; color:#fff; line-height:2.1; border:2px solid; text-align:center; margin:0 auto } .button-checkbox.no-border label { background-color:transparent; border:none; padding:0; text-align:left } .button-checkbox.no-border input[type=checkbox], .button-checkbox.no-border input[type=radio] { display:none } .button-checkbox.no-border input[type=checkbox]:checked+label, .button-checkbox.no-border input[type=radio]:checked+label { background-color:transparent!important } .button-checkbox.no-border input[type=checkbox]:checked~.content-displaying, .button-checkbox.no-border input[type=radio]:checked~.content-displaying { display:block } .button-checkbox.small label { padding:0 .5rem } .button-checkbox.discreet label { color:#737373; border:1px solid #bfbfbf; font-size:14px; font-weight:300; line-height:1.5; padding:0; min-width:30px; min-height:30px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .button-checkbox.discreet input[type=checkbox], .button-checkbox.discreet input[type=radio] { display:none } .button-checkbox.discreet input[type=checkbox]:checked+label, .button-checkbox.discreet input[type=radio]:checked+label { color:#fff; border:1px solid } .button-checkbox.discreet input[type=checkbox]:checked~.content-displaying, .button-checkbox.discreet input[type=radio]:checked~.content-displaying { display:block } .button-checkbox.icon-data label { background-color:transparent; overflow:visible; padding:0; border:0; border-radius:0 } .button-checkbox.icon-data label .icon-data { transition-duration:.2s; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } .button-checkbox.icon-data:active label .icon-data { transition-duration:.1s; -webkit-transform:perspective(24px) translate3d(0, 0, -6px); transform:perspective(24px) translate3d(0, 0, -6px) } .button-checkbox.icon-data input[type=checkbox]:checked+label, .button-checkbox.icon-data input[type=radio]:checked+label { background-color:transparent } .button-checkbox.center { display:block; margin:2rem auto } .button-checkbox.expand label .icon-data { display:inline-block; position:relative; transition:-webkit-transform .3s; transition:transform .3s } .button-checkbox.expand label .icon-data::before { position:absolute; top:4px; right:-3px } .button-checkbox.expand .content-checkbox { max-height:0; transition:max-height .6s cubic-bezier(0, 1, 0, 1); display:block; overflow:hidden } .button-checkbox.expand input[type=checkbox], .button-checkbox.expand input[type=radio] { display:none } .button-checkbox.expand input[type=checkbox]:checked+label, .button-checkbox.expand input[type=radio]:checked+label { background-color:#fff } .button-checkbox.expand input[type=checkbox]:checked+label .icon-data, .button-checkbox.expand input[type=radio]:checked+label .icon-data { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:translate(7px, -1px) rotate(90deg); transform:translate(7px, -1px) rotate(90deg) } .button-checkbox.expand input[type=checkbox]:checked+label .icon-data::before, .button-checkbox.expand input[type=radio]:checked+label .icon-data::before { right:-6px } .button-checkbox.expand input[type=checkbox]:checked~.content-displaying, .button-checkbox.expand input[type=radio]:checked~.content-displaying { max-height:999px; transition:max-height .6s cubic-bezier(1, 0, 1, 0) } .button-checkbox[refine] { width:100% } .button-checkbox[refine] label { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .button-checkbox[refine] label span { color:#737373; font-size:16px; text-transform:none; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1 } .button-checkbox[refine] label .icon-data::before { position:absolute; top:0; right:0 } .button-checkbox[refine] input[type=checkbox]:checked+label .icon-data, .button-checkbox[refine] input[type=radio]:checked+label .icon-data { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:translate(0, -1px) rotate(90deg); transform:translate(0, -1px) rotate(90deg) } .button-checkbox[refine] input[type=checkbox]:checked+label .icon-data::before, .button-checkbox[refine] input[type=radio]:checked+label .icon-data::before { right:0 } .button-checkbox.pop-in-expand { outline:0 } @-webkit-keyframes move-from-top-opacity { 0% { top:50px; opacity:0; -webkit-transform:translateZ(0); transform:translateZ(0) } 100% { top:100%; opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes move-from-top-opacity { 0% { top:50px; opacity:0; -webkit-transform:translateZ(0); transform:translateZ(0) } 100% { top:100%; opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) } } .button-checkbox.pop-in-expand input[type=checkbox], .button-checkbox.pop-in-expand input[type=radio] { display:none } .button-checkbox.pop-in-expand input[type=checkbox]:checked~.pop-in-wrapper, .button-checkbox.pop-in-expand input[type=radio]:checked~.pop-in-wrapper { display:block } .icon, .icon-data { position:relative; display:inline-block; font-family:jamendo-licensing-icons; font-style:normal; font-weight:400; text-transform:none; line-height:1 } .icon { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-size:16px; width:16px; height:16px } .icon-chevron-down:before { content:"" } .icon-chevron-left:before { content:"" } .icon-chevron-right:before { content:"" } .icon-close:before { content:"" } .icon-comment:before { content:"" } .icon-download:before { content:"" } .icon-facebook:before { content:"" } .icon-filter:before { content:"" } .icon-google:before { content:"" } .icon-heart:before { content:"" } .icon-heart-on:before { content:"" } .icon-home:before { content:"" } .icon-information:before { content:"" } .icon-link:before { content:"" } .icon-mail:before { content:"" } .icon-menu:before { content:"" } .icon-menu-secondary:before { content:"" } .icon-pause:before { content:"" } .icon-picture:before { content:"" } .icon-play:before { content:"" } .icon-share:before { content:"" } .icon-twitter:before { content:"" } .icon-user:before { content:"" } .icon-youtube:before { content:"" } .icon-close-s:before { content:"" } .icon-comment-s:before { content:"" } .icon-download-s:before { content:"" } .icon-heart-on-s:before { content:"" } .icon-menu-secondary-s:before { content:"" } .icon-pause-s:before { content:"" } .icon-picture-s:before { content:"" } .icon-share-s:before { content:"" } .icon-play-s:before { content:"" } .icon-user-s:before { content:"" } .icon-data-chevron-down:before { content:"" } .icon-data-chevron-left:before { content:"" } .icon-data-chevron-right:before { content:"" } .icon-data-close:before { content:"" } .icon-data-comment:before { content:"" } .icon-data-download:before { content:"" } .icon-data-facebook:before { content:"" } .icon-data-filter:before { content:"" } .icon-data-google:before { content:"" } .icon-data-heart:before { content:"" } .icon-data-heart-on:before { content:"" } .icon-data-home:before { content:"" } .icon-data-information:before { content:"" } .icon-data-link:before { content:"" } .icon-data-mail:before { content:"" } .icon-data-menu:before { content:"" } .icon-data-menu-secondary:before { content:"" } .icon-data-pause:before { content:"" } .icon-data-picture:before { content:"" } .icon-data-play:before { content:"" } .icon-data-share:before { content:"" } .navigation .secondary li { display:inline; line-height:1.5; white-space:nowrap; margin-right:4px } @media only screen and (max-width:812px) { #modal-login .modal-content .modal-body>div, #modal-login .modal-content .modal-body>form, #modal-login .modal-content .modal-body>p { max-width:380px; margin:auto } #modal-login .modal-content .modal-body>div:first-of-type { margin-top:16px } #modal-login .modal-content .modal-body>div:last-of-type { margin-top:50px } } @media only screen and (max-width:385px) { #modal-login .modal-content .modal-body>div:first-of-type { -ms-flex-flow:column; flex-flow:column } } @media only screen and (max-width:400px) { #modal-login .modal-content .modal-body>form>div { -ms-flex-flow:column; flex-flow:column } #modal-login .modal-content .modal-body>form>div>button { -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1 } #modal-login .modal-content .modal-body>form>div>div { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; margin-top:10px } #modal-login .modal-content .modal-body>form>div>div>p { margin-top:8px } }
VENUS
Create Video Meetings in one-clicke.
No sign ups required. Open Source platform.


Join Room